/* PodoWellness Center | 2026 boutique web design */
:root{--paper:#faf8f3;--white:#fff;--cream:#f1ede5;--ink:#20292b;--muted:#61706d;--jade:#078e87;--jade-dark:#086f69;--mint:#b2e1d9;--plum:#CB456D;--lavender:#FCE5EC;--blush:#f9e6e8;--line:#e9e7df;--serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;--sans:'Manrope',Arial,sans-serif;--shadow:0 32px 85px -60px rgba(25,58,62,.34);--max:1250px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.75;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}svg{display:block}p{margin:0 0 18px}.wrap{width:min(var(--max),calc(100% - 92px));margin-inline:auto}.skip{position:absolute;top:-90px;left:12px;z-index:110;padding:10px 16px;background:white}.skip:focus{top:12px}.no-js .reveal{opacity:1!important;transform:none!important}
:focus-visible{outline:3px solid var(--plum);outline-offset:4px}::selection{background:#bce7e1;color:var(--ink)}
h1,h2,h3,.serif{font-family:var(--serif);font-weight:500;line-height:.99;letter-spacing:-.045em}h1,h2,h3{margin:0}h1{font-size:clamp(4.4rem,8vw,8.1rem)}h2{font-size:clamp(3.5rem,6vw,6.4rem)}h3{font-size:clamp(2.1rem,3.2vw,3.2rem)}em{font-family:var(--serif);font-weight:400;color:var(--jade-dark)}.eyebrow{display:inline-flex;gap:12px;align-items:center;text-transform:uppercase;font-size:10px;font-weight:800;letter-spacing:.22em;color:var(--jade-dark)}.eyebrow::before{content:'';height:1px;width:25px;background:currentColor;opacity:.65}.tiny{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.copy-muted{color:var(--muted)}.section{padding:112px 0}.section-title{margin-top:14px}.section-lede{max-width:600px;color:var(--muted);line-height:1.85}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:40px}.heading-row .section-title{max-width:720px}.heading-row .section-lede{max-width:310px}
.button{--bg:var(--jade-dark);display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:54px;padding:14px 24px;border:1px solid transparent;border-radius:99px;background:var(--bg);color:white;font-size:11px;letter-spacing:.105em;font-weight:800;text-transform:uppercase;transition:transform .3s,background .3s,box-shadow .3s;white-space:nowrap}.button:hover{transform:translateY(-3px);background:var(--plum);box-shadow:0 15px 35px -18px rgba(36,52,55,.6)}.button svg{width:17px;height:17px}.button--outline{--bg:transparent;color:var(--ink);border-color:#d9ded8}.button--outline:hover{color:white}.button--violet{--bg:var(--plum)}.button--violet:hover{background:var(--jade-dark)}.button--white{--bg:#fff;color:var(--jade-dark)}.button--white:hover{color:#fff}.link-arrow{display:inline-flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:6px}.link-arrow svg{width:18px;transition:transform .25s}.link-arrow:hover svg{transform:translateX(4px)}
.topbar{background:var(--jade-dark);color:rgba(255,255,255,.94);font-size:10px;letter-spacing:.1em;font-weight:700}.topbar-inner{display:flex;align-items:center;justify-content:space-between;padding:9px 0;gap:20px}.topbar-inner a{text-decoration:underline;text-underline-offset:3px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:22px}.topbar-right svg{width:13px;height:13px}
.header{position:sticky;top:0;z-index:40;background:rgba(250,248,243,.86);border-bottom:1px solid rgba(13,67,63,.06);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:box-shadow .3s}.header.scrolled{box-shadow:0 6px 40px rgba(27,46,47,.07)}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:13px;min-width:0}.brand-symbol{height:44px;width:44px;flex:0 0 44px;position:relative;border-radius:13px;background:linear-gradient(155deg,#25b3aa,#0e7f79);border:2px solid #e2f4f0;box-shadow:0 6px 17px rgba(12,118,113,.18)}.brand-symbol::before,.brand-symbol::after{content:'';position:absolute;background:#f7fffd;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:2px}.brand-symbol::before{width:23px;height:8px}.brand-symbol::after{height:23px;width:8px}.brand-symbol .petal{position:absolute;width:15px;height:17px;top:-6px;right:-6px;border-radius:95% 5% 95% 5%;transform:rotate(20deg);background:var(--plum);border:2px solid #F7ECEF}.brand-label strong{display:block;line-height:1;font-size:20px;font-weight:800;letter-spacing:-.05em;color:var(--jade-dark)}.brand-label strong b{color:var(--plum);font-weight:800}.brand-label span{display:block;margin-top:6px;font-size:8px;text-transform:uppercase;letter-spacing:.19em;color:#63706e;font-weight:800;white-space:nowrap}.main-nav{display:flex;align-items:center;gap:28px}.main-nav a{position:relative;padding:10px 0;font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.main-nav a::after{content:'';position:absolute;bottom:5px;left:0;width:0;height:1px;background:var(--jade);transition:width .2s}.main-nav a:hover::after{width:100%}.header-right{display:flex;gap:10px;align-items:center}.header-cta{min-height:46px;padding:10px 19px;font-size:10px}.menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:48px;height:48px;border:1px solid #d9e3df;border-radius:50%;background:transparent}.menu-toggle span{display:block;background:var(--ink);width:19px;height:2px;border-radius:2px}.scroll-line{position:fixed;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--jade),var(--plum));z-index:100;pointer-events:none}
.hero{position:relative;overflow:hidden;padding:72px 0 94px}.hero::before{content:'';pointer-events:none;position:absolute;width:700px;height:700px;border-radius:50%;right:-500px;top:-240px;border:110px solid rgba(188,41,81,.038)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:30px;align-items:center}.hero-copy{position:relative;z-index:2}.hero-copy h1{margin:28px 0 24px}.hero-copy h1 em{font-style:italic;color:var(--plum)}.hero-lede{color:var(--muted);font-size:14px;max-width:530px;line-height:2}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 38px}.hero-notes{display:flex;gap:22px;flex-wrap:wrap;border-top:1px solid #e6e7de;padding-top:20px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:750;color:#566966}.hero-notes span{display:flex;align-items:center;gap:9px}.small-star{color:var(--plum);font-size:17px}.hero-stage{position:relative;padding:32px 34px 46px 35px;isolation:isolate}.hero-stage::before{content:'';position:absolute;inset:3% 0 0 7%;border-radius:51% 49% 48% 52%;background:linear-gradient(155deg,#d8ece5 8%,#eee7e8 48%,#F9DDE6);z-index:-2;transform:rotate(12deg)}.hero-stage::after{content:'';position:absolute;inset:8% 6% 12% 2%;border-radius:50%;border:1px solid rgba(10,122,115,.3);z-index:-1;transform:rotate(-15deg)}.hero-portrait{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:49% 51% 50% 50%;border:11px solid #f8f7f3;box-shadow:0 30px 70px -30px rgba(56,63,56,.28)}.hero-tag{position:absolute;left:-12px;top:42px;bottom:auto;padding:20px 24px;max-width:255px;box-shadow:0 16px 44px rgba(40,53,52,.12);border:1px solid #f5f3ec;border-radius:16px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px)}.hero-tag span{font-size:9px;letter-spacing:.16em;font-weight:800;text-transform:uppercase;color:var(--jade-dark)}.hero-tag strong{font-family:var(--serif);font-size:28px;line-height:1.05;display:block;font-weight:600;margin-top:5px}.hero-circle{position:absolute;right:-2px;top:6%;display:grid;place-items:center;width:110px;height:110px;border-radius:50%;border:1px solid rgba(16,113,105,.19);background:rgba(255,255,255,.73);color:var(--plum);font-family:var(--serif);font-style:italic;font-size:24px;text-align:center;line-height:1;transform:rotate(13deg);box-shadow:var(--shadow)}.hero-edge{position:absolute;right:-46px;bottom:13%;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.24em;font-weight:800;font-size:10px;color:#8b908c}
.value-strip{border-top:1px solid #e5e6df;border-bottom:1px solid #e5e6df;background:rgba(255,255,255,.64)}.value-grid{display:grid;grid-template-columns:repeat(3,1fr)}.value-item{display:flex;align-items:center;gap:15px;padding:28px 26px;border-right:1px solid #e6e7df}.value-item:first-child{padding-left:0}.value-item:last-child{border-right:none}.value-mark{width:42px;height:42px;display:grid;place-items:center;border:1px solid #e0e5dc;border-radius:50%;color:var(--plum);font-family:var(--serif);font-size:26px;font-style:italic}.value-item strong{display:block;font-size:12px;font-weight:800}.value-item span:last-child{font-size:11px;color:var(--muted)}
.intro-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.intro-visual{position:relative}.intro-photo{border-radius:220px 220px 18px 18px;overflow:hidden;position:relative;box-shadow:var(--shadow);background:#efe8e0}.intro-photo img{width:100%;aspect-ratio:.83;object-fit:cover}.intro-visual::after{content:'';position:absolute;inset:-20px 20px 20px -20px;border:1px solid #b1c8c0;border-radius:235px 235px 20px 20px;pointer-events:none;z-index:-1}.intro-stamp{position:absolute;right:-35px;bottom:37px;width:118px;height:118px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--plum);color:#fff;font-family:var(--serif);font-size:21px;font-style:italic;line-height:1.07;transform:rotate(11deg);box-shadow:0 24px 40px rgba(76,23,37,.15)}.intro-copy{padding:26px 0}.intro-copy h2{margin:24px 0 26px}.intro-copy h2 em{color:var(--plum)}.intro-copy p{max-width:540px;color:var(--muted)}.intro-feature{display:flex;align-items:flex-start;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.intro-feature .feature-num{font-family:var(--serif);font-size:24px;color:var(--jade);min-width:34px;line-height:1.3}.intro-feature strong{display:block;font-size:12px}.intro-feature span{display:block;color:var(--muted);font-size:12px}
.services{background:linear-gradient(180deg,#f1f5f0,#f8f5f2 52%,var(--paper));overflow:hidden}.services .heading-row{margin-bottom:45px}.services-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:30px}.service-tabs{display:flex;flex-direction:column;gap:10px;align-self:start;position:sticky;top:115px}.service-tab{display:flex;align-items:center;justify-content:space-between;text-align:left;padding:18px 21px;border:1px solid #dfe6df;border-radius:12px;background:rgba(255,255,255,.6);color:#3a4c47;font-size:11px;letter-spacing:.08em;font-weight:800;text-transform:uppercase;transition:.25s}.service-tab[aria-selected='true']{background:var(--jade-dark);color:#fff;border-color:var(--jade-dark);box-shadow:0 18px 27px -21px rgba(3,65,64,.6)}.service-tab .tab-num{opacity:.5;font-family:var(--serif);font-size:23px;letter-spacing:0;font-weight:500}.service-panel{min-width:0;min-height:525px;background:#fff;border:1px solid #ecede9;border-radius:26px;box-shadow:var(--shadow);overflow:hidden}.service-panel[hidden]{display:none}.service-panel-inner{display:grid;grid-template-columns:.76fr 1.24fr;min-height:525px}.service-panel-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 45% 30%,#F8ECEF,#d6eee9 65%,#b9dcd5)}.service-panel-visual::before{content:'';width:250px;height:250px;border:45px solid rgba(255,255,255,.44);border-radius:50%;position:absolute;top:6%;left:9%;filter:drop-shadow(0 15px 15px rgba(12,80,75,.08))}.service-panel-visual::after{content:'';width:160px;height:160px;border:1px solid rgba(25,86,83,.22);border-radius:50%;position:absolute;bottom:8%;right:-15%}.visual-word{position:absolute;inset:auto 5% 14%;font-family:var(--serif);line-height:.9;font-size:clamp(52px,5.5vw,95px);text-align:center;letter-spacing:-.05em;color:#196e69;word-break:break-word}.visual-number{position:absolute;left:22px;top:22px;font:600 12px var(--sans);letter-spacing:.2em;color:#3d7770}.visual-script{position:absolute;right:20px;bottom:20px;font-family:var(--serif);font-size:25px;font-style:italic;color:var(--plum)}.service-panel-content{padding:48px clamp(24px,4vw,56px);display:flex;flex-direction:column}.service-panel-content h3{font-size:clamp(2.9rem,4.2vw,4.5rem);margin:15px 0 16px}.service-panel-content p{color:var(--muted);font-size:13px;line-height:1.9;max-width:470px}.service-list{list-style:none;padding:0;margin:16px 0 28px;display:grid;grid-template-columns:repeat(2,1fr);column-gap:23px}.service-list li{border-bottom:1px solid #eceee9;padding:12px 0;display:flex;gap:10px;align-items:flex-start;font-size:12px;font-weight:650}.service-list li::before{content:'';height:5px;width:5px;margin-top:9px;background:var(--plum);border-radius:50%;flex-shrink:0}.service-panel-actions{margin-top:auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.service-note{font-size:11px;color:var(--muted)}
.process{background:#fff}.process-grid{display:grid;grid-template-columns:.78fr repeat(3,1fr);gap:23px;align-items:stretch}.process-lead{padding:35px 28px;background:var(--jade-dark);border-radius:22px;color:white;display:flex;flex-direction:column;justify-content:space-between;min-height:325px}.process-lead h2{font-size:clamp(2.8rem,4vw,4.2rem)}.process-lead em{color:#F7DDE5}.process-lead .eyebrow{color:#cce5db}.process-card{border:1px solid #e7e7e1;padding:34px 26px;border-radius:22px;background:var(--paper);position:relative;overflow:hidden;min-height:325px;transition:transform .3s,box-shadow .3s}.process-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.process-card .step-no{font-family:var(--serif);font-size:65px;line-height:1;color:var(--plum);opacity:.53}.process-card h3{font-size:34px;margin:44px 0 14px}.process-card p{color:var(--muted);font-size:12px}
.instagram{background:#FBEFF2}.instagram .eyebrow{color:var(--plum)}.instagram-shell{background:rgba(255,255,255,.72);border:1px solid white;border-radius:26px;padding:27px;box-shadow:var(--shadow)}.instagram-head{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:22px}.instagram-user{display:flex;gap:14px;align-items:center}.social-avatar{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--jade),var(--plum));font-family:var(--serif);font-size:31px;color:white}.instagram-user strong{display:block;font-size:14px}.instagram-user span{font-size:11px;color:var(--muted)}.insta-feed{min-height:248px}.instagram-fallback{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.insta-tile{aspect-ratio:.85;position:relative;border-radius:15px;overflow:hidden;display:flex;align-items:end;padding:23px;background:#d4e5dc;transition:transform .3s}.insta-tile:nth-child(2){background:#F8E3E9}.insta-tile:nth-child(3){background:#f5e7e0}.insta-tile:nth-child(4){background:#c6dedb}.insta-tile::before{content:'';width:70%;aspect-ratio:1;border:1px solid rgba(255,255,255,.75);border-radius:50%;position:absolute;top:-18%;right:-10%;box-shadow:0 0 0 28px rgba(255,255,255,.12),0 0 0 58px rgba(255,255,255,.08)}.insta-tile:hover{transform:translateY(-4px)}.insta-tile strong{position:relative;font-family:var(--serif);font-size:clamp(1.7rem,2.5vw,3rem);line-height:.95;letter-spacing:-.02em;color:#1b6764}.insta-tile:nth-child(2) strong{color:#B83B62}.insta-text{margin-top:21px;display:flex;gap:16px;align-items:center;justify-content:space-between;color:#5b6865;font-size:12px}.insta-plugin-wrap{overflow:hidden}.instagram-notice{display:none}
.booking-banner{padding:88px 0;background:var(--paper)}.booking-content{padding:59px 65px;border-radius:28px;background:linear-gradient(116deg,#107f77,#0d6b68 68%,#AC385F);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;overflow:hidden}.booking-content::after{content:'';position:absolute;right:-30px;top:-140px;width:460px;height:460px;border-radius:50%;border:75px solid rgba(255,255,255,.06)}.booking-copy{z-index:1}.booking-copy .eyebrow{color:#c6e8df}.booking-copy h2{font-size:clamp(3.3rem,5.5vw,5.7rem);margin:12px 0 10px}.booking-copy h2 em{color:#FBE0E8}.booking-copy p{color:#d6e9e3;font-size:13px;max-width:510px}.booking-content .button{position:relative;z-index:1}
.contact{padding-top:48px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:stretch}.contact-copy h2{margin:18px 0 23px}.contact-item{padding:17px 0;border-bottom:1px solid #dfdfd7;display:flex;align-items:flex-start;gap:17px}.contact-item svg{width:20px;height:20px;color:var(--jade-dark);flex-shrink:0;margin-top:4px}.contact-item strong{display:block;font-size:10px;letter-spacing:.13em;text-transform:uppercase}.contact-item a,.contact-item span{font-size:13px;color:var(--muted)}.contact-social{display:flex;gap:13px;flex-wrap:wrap;margin-top:27px}.contact-social a{min-width:130px;border:1px solid #e3e6de;border-radius:99px;padding:13px 19px;display:inline-flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.09em;font-weight:800;text-transform:uppercase;background:#fff;transition:.25s}.contact-social a:hover{background:var(--jade-dark);color:#fff}.contact-social svg{width:19px;height:19px}.map-shell{height:100%;min-height:475px;border:12px solid white;box-shadow:var(--shadow);border-radius:26px;position:relative;overflow:hidden;background:radial-gradient(circle at 27% 25%,#e6f0e8,#e2e4df 60%,#F1DBE1)}.map-shell::before,.map-shell::after{content:'';position:absolute;transform:rotate(-33deg);height:20px;background:rgba(255,255,255,.75);width:120%;top:32%;left:-10%;box-shadow:0 112px 0 rgba(255,255,255,.75),0 -110px 0 rgba(255,255,255,.75)}.map-shell::after{transform:rotate(45deg);width:140%;top:48%;left:-20%;box-shadow:0 100px 0 rgba(255,255,255,.55)}.map-overlay{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px;text-align:center;padding:25px}.map-pin{font-size:35px}.map-overlay strong{font-family:var(--serif);font-size:31px;font-weight:500}.map-overlay span{font-size:12px;color:var(--muted)}.map-frame{display:block;width:100%;height:100%;min-height:451px;border:0}
.footer{padding:70px 0 100px;background:#102f2f;color:#dce7e1}.footer-grid{display:grid;grid-template-columns:1.1fr .6fr .65fr;gap:50px;padding-bottom:55px}.footer-brand{font-family:var(--serif);font-size:43px;line-height:1;color:white}.footer-brand em{color:#a7dad2}.footer-brand-copy{max-width:360px;margin-top:17px;font-size:12px;color:#c4d5cf}.footer-label{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#a6c2b8;margin-bottom:18px}.footer-link{display:block;margin:10px 0;font-size:12px}.footer-bottom{padding-top:23px;border-top:1px solid #315050;display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.04em;color:#abc5bd}
.float-contact{position:fixed;bottom:22px;right:22px;z-index:45;display:grid;gap:9px;filter:drop-shadow(0 8px 15px rgba(10,80,70,.15))}.float-link{display:flex;align-items:center;justify-content:center;gap:11px;border-radius:99px;padding:14px 20px;color:white;background:#087c72;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.float-link svg{width:20px;height:20px}.float-link.secondary{background:var(--plum)}.float-link:hover{filter:brightness(1.06)}
.reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .75s cubic-bezier(.2,.7,.2,1),transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.reveal[data-delay='1']{transition-delay:.12s}.reveal[data-delay='2']{transition-delay:.2s}
@media(max-width:1200px){.main-nav{gap:16px}.header-cta{padding:10px 14px}.wrap{width:min(var(--max),calc(100% - 60px))}.hero-copy h1{font-size:clamp(4.4rem,7.2vw,7.5rem)}.hero-edge{display:none}.process-grid{grid-template-columns:repeat(2,1fr)}.process-lead,.process-card{min-height:260px}}
@media(max-width:1020px){.header-inner{min-height:72px}.menu-toggle{display:flex}.header-right .button{min-height:45px}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#f9f8f4;box-shadow:0 25px 45px rgba(0,0,0,.08);padding:24px 30px;flex-direction:column;align-items:stretch;border-top:1px solid var(--line);gap:7px}.main-nav.open{display:flex}.main-nav a{font-size:12px;padding:11px}.hero-grid{gap:5px}.hero-copy h1{font-size:clamp(4rem,7.5vw,6rem)}.intro-grid{gap:45px}.services-layout{grid-template-columns:250px minmax(0,1fr)}.service-panel-inner{grid-template-columns:1fr}.service-panel-visual{height:170px}.visual-word{font-size:67px;bottom:10px}.service-panel-content{padding:30px}.contact-grid{gap:35px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.topbar{display:none}.header{top:0}.header-inner{min-height:66px}.header-cta{display:none}.brand-label strong{font-size:19px}.brand-label span{font-size:7px;white-space:normal;line-height:1.25;max-width:180px}.hero{padding:52px 0 62px}.hero-grid{grid-template-columns:1fr}.hero-copy h1{max-width:620px;font-size:clamp(4.3rem,12.5vw,6rem);margin:19px 0}.hero-lede{font-size:13px}.hero-actions{margin:25px 0 25px}.hero-stage{margin-top:20px;width:min(540px,100%);margin-inline:auto}.hero-tag{left:10px}.hero-circle{right:7px}.value-grid{grid-template-columns:1fr}.value-item{padding:16px 0;border-right:0;border-bottom:1px solid #e5e6df}.value-item:last-child{border:0}.section{padding:72px 0}.heading-row{align-items:start;flex-direction:column;gap:17px;margin-bottom:25px}.heading-row .section-lede{max-width:610px}.intro-grid{grid-template-columns:1fr;gap:50px}.intro-visual{max-width:510px;width:90%;margin-inline:auto}.intro-stamp{right:-25px}.intro-copy{padding:0}.services-layout{grid-template-columns:1fr;gap:17px}.service-tabs{position:relative;top:auto;display:flex;flex-direction:row;overflow-x:auto;padding-bottom:7px;scroll-snap-type:x mandatory}.service-tab{white-space:nowrap;flex:0 0 auto;min-width:180px;scroll-snap-align:start}.service-panel-inner{grid-template-columns:1fr}.service-panel-visual{height:180px}.service-list{grid-template-columns:1fr 1fr}.process-grid{grid-template-columns:1fr 1fr;gap:12px}.process-lead,.process-card{min-height:235px}.process-lead{padding:25px}.process-card{padding:24px}.process-card h3{margin-top:26px}.instagram-fallback{grid-template-columns:repeat(2,1fr)}.insta-tile{aspect-ratio:1}.booking-content{flex-direction:column;align-items:flex-start;padding:40px 33px}.contact-grid{grid-template-columns:1fr}.map-shell{min-height:360px}.map-frame{min-height:340px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.float-contact{display:flex;left:12px;right:12px;bottom:12px;gap:8px;transform:translateY(125%);opacity:0;transition:transform .3s,opacity .3s;pointer-events:none;filter:drop-shadow(0 8px 18px rgba(0,0,0,.16))}.float-contact.show{transform:translateY(0);opacity:1;pointer-events:auto}.float-link{flex:1;padding:15px 11px;border-radius:14px}.footer{padding-bottom:105px}}
@media(max-width:420px){.wrap{width:calc(100% - 28px)}.hero-copy h1{font-size:3.95rem}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero-actions .button{white-space:normal;text-align:center;padding:14px 13px;letter-spacing:.045em;font-size:10px}.hero-tag{padding:15px;max-width:205px}.hero-tag strong{font-size:23px}.hero-circle{width:86px;height:86px;font-size:20px}.service-list{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.process-lead,.process-card{min-height:auto}.process-card h3{margin:24px 0 12px}.heading-row .section-title{font-size:3.5rem}.instagram-shell{padding:15px}.insta-tile{padding:14px}.insta-tile strong{font-size:1.9rem}.footer-grid{gap:16px}.footer-brand{font-size:37px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.reveal{opacity:1!important;transform:none!important}}
/* Final responsive refinements */
.hero-portrait{height:auto}
.intro-photo img{height:auto}
@media(max-width:760px){.services-layout{grid-template-columns:minmax(0,1fr)}.service-tabs{min-width:0;max-width:100%}}
/* Contain horizontally scrollable service tabs without page-level horizontal scrolling. */
html,body{overflow-x:clip}
.custom-brand-logo img.pw-custom-logo{max-height:52px;max-width:210px;width:auto;height:auto;object-fit:contain}


/* --------------------------------------------------------------------------
   PodoWellness 2026 · Boutique finishing: photography, social, language, audio
   -------------------------------------------------------------------------- */
.pw-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* Studio photos preserve the real manicure/pedicure detail and original framing. */
.hero-stage{padding:26px 30px 45px 32px}
.hero-portrait{width:100%;height:auto;aspect-ratio:0.86;object-fit:cover;object-position:center 50%;border:10px solid #fff;border-radius:45% 45% 47% 47% / 42% 42% 40% 40%;box-shadow:0 35px 85px -34px rgba(26,74,68,.26)}
.hero-stage::before{background:linear-gradient(146deg,#d0e9e3,#FDF0F3 48%,#F9D3DE)}
.hero-tag{top:26px;bottom:auto;box-shadow:0 16px 44px rgba(42,53,52,.12)}
.intro-photo img{aspect-ratio:.8;object-fit:cover;object-position:50% 49%;width:100%;height:auto}
.intro-photo{background:#f7f6f5}
/* Fine, considered social dock - replaces the unstructured plain text under hero. */
.pw-social-dock{margin-top:34px;padding:13px 15px;display:flex;align-items:center;gap:15px;justify-content:space-between;border-radius:21px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(250,244,245,.91));border:1px solid rgba(6,111,105,.13);box-shadow:0 15px 40px rgba(31,60,65,.075),inset 0 1px 0 #fff;max-width:590px;position:relative;isolation:isolate}
.pw-social-dock:before{content:"";position:absolute;top:0;left:18px;right:18px;height:1px;background:linear-gradient(90deg,transparent,rgba(9,155,148,.34),rgba(184,40,79,.3),transparent)}
.pw-dock-label{display:flex;align-items:center;gap:12px;flex-shrink:0;min-width:158px;line-height:1.1}
.pw-dock-spark{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:linear-gradient(145deg,#e9f7f5,#FCE4EB);color:var(--plum);font-size:15px;font-style:normal}
.pw-dock-label span{font-size:11px;font-weight:800;color:var(--jade-dark);letter-spacing:.015em}
.pw-dock-label small{display:block;font-size:7px;color:#7b8986;letter-spacing:.10em;margin-top:5px;font-weight:800}
.pw-dock-links{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.pw-dock-link{display:flex;align-items:center;gap:7px;padding:10px 12px;border-radius:12px;white-space:nowrap;color:#3b5859;font-size:10px;letter-spacing:.015em;font-weight:800;border:1px solid transparent;transition:transform .25s,border-color .25s,background .25s,box-shadow .25s}
.pw-dock-link svg{width:16px;height:16px;flex:0 0 16px;color:var(--plum)}
.pw-dock-link:hover{transform:translateY(-2px);background:#fff;border-color:#e0e8e4;box-shadow:0 8px 17px rgba(48,75,72,.08)}
.pw-dock-wa{background:linear-gradient(135deg,#0e8a7d,#116e71);color:#fff;border-color:rgba(7,111,105,.08)}
.pw-dock-wa svg{color:#fff}.pw-dock-wa:hover{background:#0b7a72}
/* Social links in slim bar feel like individual utility buttons, not raw text. */
.topbar{background:linear-gradient(90deg,#0c625e,#176f71 60%,#A5385A);letter-spacing:.045em}
.topbar-inner{padding:8px 0}
.topbar-right{gap:6px}
.topbar-connect{font-size:9px;letter-spacing:.14em;opacity:.72;margin-right:8px;text-transform:uppercase}
.topbar-right a{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.18);border-radius:99px;padding:6px 12px;text-decoration:none;transition:.25s}
.topbar-right a:hover{background:rgba(255,255,255,.24);border-color:rgba(255,255,255,.48)}
/* Language + sound controls, inline with header and always accessible. */
.pw-header-tools{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.pw-language-control{height:39px;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:99px;border:1px solid #dce6e2;background:rgba(255,255,255,.78);color:var(--jade-dark);box-shadow:0 3px 14px rgba(13,61,56,.035);transition:background .25s,border-color .25s,transform .25s}
.pw-language-control{padding:0 7px 0 10px;cursor:pointer}
.pw-language-control svg{width:16px;height:16px;flex:0 0 16px}
.pw-language-control select{font-size:11px;letter-spacing:.07em;font-weight:850;color:#184b4b;cursor:pointer;background:transparent;border:0;outline-offset:4px;min-width:43px;padding:0 0 0 1px}
.pw-language-control:hover{background:#fff;border-color:#94c4bd;transform:translateY(-1px)}
.header-right{gap:13px}
/* Page-intro: full-screen cinematic logo reveal, styled after the hotel intro. */
.pw-brand-intro{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 46%,#fff 3%,#fbf8f4 42%,#edf1ec 95%);pointer-events:none;isolation:isolate;animation:pw-intro-out .9s ease 2.05s forwards}
.pw-brand-intro:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,transparent 15%,rgba(7,132,128,.05) 75%,transparent 90%);opacity:.8}
.pw-brand-intro-inner{width:min(85vw,430px);text-align:center;z-index:2;display:grid;justify-items:center;animation:pw-intro-in 1.25s cubic-bezier(.18,.65,.2,1) both}
.pw-intro-logo{width:clamp(210px,30vw,350px);aspect-ratio:1;position:relative;border-radius:50%;padding:13px;background:radial-gradient(circle,#fff,rgba(226,240,235,.8));box-shadow:0 35px 95px rgba(13,80,75,.14),0 0 0 1px rgba(255,255,255,.8)}
.pw-intro-logo:after{content:"";position:absolute;inset:-12px;border:1px solid rgba(7,142,135,.23);border-radius:50%;animation:pw-intro-ring 2s ease both}
.pw-intro-logo img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.pw-intro-subtitle{display:block;margin-top:34px;color:#375955;font-size:clamp(9px,1.9vw,12px);letter-spacing:.22em;font-weight:800;line-height:1.9}
.pw-intro-subtitle b{font-size:9px;color:var(--plum);margin:0 4px}
.pw-intro-rule{height:2px;width:80px;margin-top:24px;background:linear-gradient(90deg,var(--jade),var(--plum));border-radius:99px;animation:pw-intro-rule 1.4s ease .35s both}
.pw-intro-orbit{position:absolute;border:1px solid rgba(7,140,135,.1);width:min(85vw,650px);aspect-ratio:1;border-radius:50%;transform:scale(1.15)}
.pw-intro-orbit.orbit-two{width:min(99vw,860px);border-color:rgba(188,41,81,.09)}
.pw-brand-intro.finished{display:none}
@keyframes pw-intro-in{from{transform:scale(.92) translateY(18px);opacity:0;filter:blur(8px)}to{transform:scale(1);opacity:1;filter:blur(0)}}
@keyframes pw-intro-ring{from{transform:scale(.78);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes pw-intro-rule{from{transform:scaleX(.06);opacity:0}to{transform:scaleX(1);opacity:1}}
@keyframes pw-intro-out{to{opacity:0;visibility:hidden}}
@media(max-width:1240px){.header-inner{gap:12px}.main-nav{gap:16px}.header-cta{padding:10px 13px}}
@media(max-width:1020px){.header-inner{gap:12px}.pw-header-tools{gap:6px}}
@media(max-width:760px){.pw-language-control{height:36px}.pw-language-control{padding:0 4px 0 7px}.pw-language-control svg{width:14px;height:14px}.pw-language-control select{font-size:10px;min-width:40px}.header-right{gap:8px}.brand-label strong{font-size:18px}.brand-label span{max-width:155px;font-size:7px}.hero-stage{padding:24px 20px 40px}.hero-portrait{aspect-ratio:.89;border-width:8px}.hero-tag{left:0;top:18px;max-width:210px;padding:15px 16px}.hero-tag strong{font-size:22px}.pw-social-dock{padding:11px 12px;border-radius:18px;gap:9px;flex-wrap:wrap}.pw-dock-label{min-width:0}.pw-dock-label small{font-size:7px}.pw-dock-links{width:100%;justify-content:space-between;border-top:1px solid #e7ece9;padding-top:9px}.pw-dock-link{flex:1;justify-content:center;padding:9px 8px}.pw-intro-subtitle{letter-spacing:.12em}.pw-brand-intro{animation-delay:1.8s}.pw-intro-logo{width:250px}}
@media(max-width:430px){.brand-symbol{width:35px;height:35px;flex-basis:35px}.brand-label strong{font-size:16px}.brand-label span{font-size:6px;max-width:130px}.header-inner{gap:5px}.pw-header-tools{gap:4px}.pw-language-control svg{display:none}.pw-language-control select{min-width:37px}.header-right{gap:5px}.menu-toggle{width:38px;height:38px}.pw-dock-label span{font-size:10px}.pw-dock-link{font-size:9px}.hero-portrait{aspect-ratio:.88}.hero-tag{top:14px;max-width:186px;padding:13px 14px}.hero-tag strong{font-size:20px}}
@media(prefers-reduced-motion:reduce){.pw-brand-intro{animation:none!important;opacity:0!important;visibility:hidden!important}.pw-brand-intro-inner,.pw-intro-logo:after,.pw-intro-rule{animation:none!important}}


/* Preview-safe v2.4 social dock copy alignment. */
.pw-social-dock{max-width:660px}
.pw-dock-label{min-width:0;flex:1 1 auto}
.pw-dock-label>span{max-width:235px;line-height:1.25}
@media(max-width:1100px){.pw-social-dock{max-width:100%}}
@media(max-width:760px){.pw-dock-label>span{max-width:none}}

/* PodoWellness 2026 v2.7 — subtle dimensional styling.
   Softer raised surfaces, gentle highlights and 2px press depth. */
.button,.pw-dock-link,.pw-language-control,
.topbar-right a,.float-link,.service-tab{
  position:relative;
  isolation:isolate;
  transition:transform .24s ease, box-shadow .24s ease, background .24s ease,
             border-color .24s ease, color .24s ease;
}
.button,.float-link,.pw-dock-link,.pw-language-control,.service-tab{
  overflow:hidden;
}
/* restrained polished highlight on top third, without glossy plastic effect */
.button::before,.float-link::before,.pw-dock-link::before,
.pw-language-control::before::before,.service-tab::before{
  content:"";
  position:absolute;inset:1px 7px auto;
  height:35%;border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.23),rgba(255,255,255,0));
  opacity:.85;pointer-events:none;z-index:0;
}
.button>*,.float-link>*,.pw-dock-link>*,.service-tab>*{position:relative;z-index:1}
.button{
  background:linear-gradient(180deg,#118981 0%,#08736d 100%);
  border:1px solid rgba(8,94,88,.27);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.23),
             inset 0 -5px 10px rgba(3,63,59,.07),
             0 7px 16px rgba(23,78,76,.12),
             0 2px 0 rgba(5,88,82,.42);
}
.button:hover{
  transform:translateY(-2px);
  background:linear-gradient(180deg,#15958b,#0b7d74);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),
             0 10px 21px rgba(23,78,76,.16),
             0 3px 0 rgba(5,88,82,.45);
}
.button:active{transform:translateY(1px);box-shadow:inset 0 2px 5px rgba(3,63,59,.10),0 2px 8px rgba(23,78,76,.12)}
.button--outline{
  color:var(--ink);
  background:linear-gradient(180deg,#fff,#f7f6f2);
  border-color:rgba(198,209,204,.9);
  box-shadow:inset 0 1px 0 white,0 6px 14px rgba(35,58,57,.065),0 2px 0 rgba(204,213,207,.62);
}
.button--outline:hover{
  color:var(--ink);
  background:linear-gradient(180deg,#fff,#eff7f5);
  border-color:rgba(10,121,111,.3);
  box-shadow:inset 0 1px 0 white,0 9px 18px rgba(35,58,57,.10),0 2px 0 rgba(162,192,183,.6);
}
.button--violet{
  background:linear-gradient(180deg,#D75B80,#B73B62);
  border-color:rgba(158,35,68,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 7px 16px rgba(153,34,66,.14),0 2px 0 rgba(129,39,63,.46);
}
.button--violet:hover{
  background:linear-gradient(180deg,#ED7596,#C9436B);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 21px rgba(153,34,66,.17),0 3px 0 rgba(129,39,63,.46);
}
.button--white{
  color:var(--jade-dark);
  background:linear-gradient(180deg,#fff,#f8f7f3);
  border-color:#eee9e2;
  box-shadow:inset 0 1px 0 white,0 6px 14px rgba(35,58,57,.07),0 2px 0 #e3e0d9;
}
.button--white:hover{color:var(--jade-dark);background:linear-gradient(180deg,#fff,#eff7f5)}
/* Social and header controls: satin finish, barely raised. */
.pw-dock-link,.pw-language-control{
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(246,246,248,.96));
  border:1px solid rgba(205,218,215,.74);
  box-shadow:inset 0 1px 0 white,0 5px 12px rgba(28,67,66,.06),0 1px 0 rgba(195,208,205,.5);
}
.pw-dock-link:hover,.pw-language-control:hover:hover{
  transform:translateY(-1px);
  background:linear-gradient(180deg,#fff,#f5faf9);
  border-color:rgba(149,187,181,.8);
  box-shadow:inset 0 1px 0 white,0 7px 16px rgba(28,67,66,.09),0 2px 0 rgba(195,208,205,.58);
}
.pw-dock-wa{
  color:white;
  background:linear-gradient(180deg,#15958a,#107b73);
  border-color:rgba(8,112,103,.35);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 6px 13px rgba(15,110,102,.13),0 2px 0 rgba(8,100,91,.4);
}
.pw-dock-wa:hover{
  color:white;
  background:linear-gradient(180deg,#1aa195,#11857b);
  border-color:rgba(8,112,103,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 8px 16px rgba(15,110,102,.17),0 2px 0 rgba(8,100,91,.43);
}
.pw-dock-wa svg{color:white}
.topbar-right a{
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.08));
  border-color:rgba(255,255,255,.20);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 2px 6px rgba(0,0,0,.08);
}
.topbar-right a:hover{transform:translateY(-1px);background:rgba(255,255,255,.24);box-shadow:0 4px 10px rgba(0,0,0,.1)}
/* Floating contact CTAs retain depth and brand colours with no oversized shadow. */
.float-contact{filter:none}
.float-link{
  background:linear-gradient(180deg,#15968c,#0c7a72);
  border:1px solid rgba(8,105,97,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 19px rgba(8,86,80,.15),0 2px 0 rgba(7,102,94,.47);
}
.float-link.secondary{
  background:linear-gradient(180deg,#D95B81,#B73C64);
  border-color:rgba(162,36,70,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 8px 19px rgba(110,33,54,.16),0 2px 0 rgba(129,39,63,.47);
}
.float-link:hover,.float-link.secondary:hover{transform:translateY(-2px);filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 10px 23px rgba(49,61,70,.18),0 3px 0 rgba(52,83,83,.4)}
.float-link:active{transform:translateY(1px);box-shadow:inset 0 2px 5px rgba(0,0,0,.12),0 2px 8px rgba(35,58,57,.12)}
/* Service category tabs: porcelain finish with softly lifted active state. */
.service-tabs{gap:12px}
.service-tab{
  border-radius:15px;
  border:1px solid #dbe6e0;
  background:linear-gradient(158deg,rgba(255,255,255,.98),rgba(248,250,247,.95));
  color:#3a5651;
  box-shadow:inset 0 1px 0 #fff,0 6px 15px rgba(28,65,61,.055),0 2px 0 rgba(197,211,204,.45);
  padding:18px 21px;
}
.service-tab:hover:not([aria-selected="true"]){
  transform:translateY(-2px);
  border-color:rgba(9,135,125,.32);
  background:linear-gradient(158deg,#fff,#f1faf7);
  box-shadow:inset 0 1px 0 #fff,0 9px 19px rgba(28,65,61,.09),0 2px 0 rgba(174,206,195,.55);
}
.service-tab[aria-selected="true"]{
  color:#fff;
  border-color:rgba(5,105,98,.28);
  background:linear-gradient(155deg,#15958d 0%,#0c7770 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 9px 20px rgba(9,103,96,.15),0 2px 0 rgba(4,95,89,.48);
}
.service-tab[aria-selected="true"]::before{background:linear-gradient(180deg,rgba(255,255,255,.22),transparent)}
.service-tab[aria-selected="true"]:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.27),0 10px 22px rgba(9,103,96,.18),0 2px 0 rgba(4,95,89,.48)}
.service-tab .tab-num{opacity:.70}
.service-tab[aria-selected="true"] .tab-num{opacity:.9}
.service-tab:active{transform:translateY(1px)}
@media(max-width:760px){
  .service-tabs{padding-bottom:12px;gap:10px}
  .service-tab{padding:15px 18px;border-radius:13px;min-width:238px;gap:16px}
  .float-link{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 5px 12px rgba(8,86,80,.11),0 2px 0 rgba(7,102,94,.40)}
  .float-link.secondary{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 5px 12px rgba(110,33,54,.12),0 2px 0 rgba(129,39,63,.4)}
}
@media(prefers-reduced-motion:reduce){
  .service-tab,.button,.float-link,.pw-dock-link,.pw-language-control{transition:none!important}
}


/* --------------------------------------------------------------------------
   v2.8 · Footer refinement
   -------------------------------------------------------------------------- */
.footer{position:relative;padding:120px 0 36px;background:linear-gradient(180deg,#173735 0%, #0f2b2a 100%);color:#eef7f4;overflow:hidden}
.footer::before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:linear-gradient(90deg,rgba(167,218,210,0),rgba(167,218,210,.55),rgba(214,148,166,.45),rgba(167,218,210,0))}
.footer::after{content:"";position:absolute;right:-120px;top:35px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle, rgba(167,218,210,.09), rgba(167,218,210,0) 68%);pointer-events:none}
.footer .wrap{position:relative;z-index:1}
.footer-cta{display:grid;grid-template-columns:1.2fr auto;gap:28px;align-items:center;margin-bottom:34px;padding:28px 30px;border-radius:30px;background:linear-gradient(135deg,rgba(255,255,255,.11),rgba(255,255,255,.05));border:1px solid rgba(188,225,219,.16);box-shadow:0 18px 45px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(10px)}
.footer-mini{display:inline-block;margin-bottom:10px;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#b8dcd5}
.footer-cta h3{margin:0 0 10px;font-family:var(--serif);font-size:36px;line-height:1.02;color:#fff}
.footer-cta p{margin:0;max-width:640px;font-size:13px;color:#c7ddd7}
.footer-cta-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.footer-pill{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 20px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(193,225,220,.18);color:#fff;font-size:11px;letter-spacing:.12em;font-weight:800;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 24px -20px rgba(0,0,0,.4)}
.footer-grid{display:grid;grid-template-columns:1.15fr .72fr .82fr;gap:22px;padding-bottom:30px}
.footer-card{padding:24px 24px 22px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.04));border:1px solid rgba(176,212,206,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.footer-brand-col{padding-right:30px}
.footer-brand{font-family:var(--serif);font-size:43px;line-height:1;color:white}
.footer-brand em{color:#a7dad2}
.footer-brand-copy{max-width:360px;margin-top:17px;font-size:12px;line-height:1.75;color:#c4d5cf}
.footer-socials{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.footer-social{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(193,225,220,.14);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#eaf4f1;transition:transform .25s,background .25s,border-color .25s}
.footer-social:hover{transform:translateY(-2px);background:rgba(255,255,255,.10);border-color:rgba(193,225,220,.28)}
.footer-label{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#a6c2b8;margin-bottom:18px}
.footer-link{display:block;margin:11px 0;font-size:12px;color:#e8f3ef;opacity:.9;transition:opacity .25s, transform .25s}
.footer-link:hover{opacity:1;transform:translateX(3px)}
.footer-bottom{padding-top:24px;margin-top:4px;border-top:1px solid rgba(167,194,184,.22);display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.04em;color:#abc5bd}
@media(max-width:1020px){.footer-cta{grid-template-columns:1fr}.footer-cta-actions{justify-content:flex-start}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand-col{grid-column:1/-1;padding-right:0}}
@media(max-width:760px){.footer{padding:88px 0 28px}.footer-cta{padding:22px 20px;border-radius:24px;gap:18px}.footer-cta h3{font-size:28px}.footer-grid{grid-template-columns:1fr;gap:14px}.footer-card{padding:20px 18px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px}}

/* v2.9 · simplified topbar */
.topbar-inner{justify-content:flex-start}.topbar-left{gap:28px;flex-wrap:wrap}.topbar-left span:first-child{font-weight:800}.topbar-left span:last-child{opacity:.95}@media(max-width:1020px){.topbar-inner{justify-content:center}.topbar-left{justify-content:center;gap:12px 18px;text-align:center}}


/* v2.10 — footer without duplicated contact or social links */
.footer-grid--clean{grid-template-columns:1.14fr .66fr 1fr;gap:18px;align-items:stretch}
.footer-grid--clean .footer-card{min-width:0;padding:29px 30px 26px;border-radius:24px}
.footer-grid--clean .footer-brand-col{display:flex;flex-direction:column;align-items:flex-start}
.footer-grid--clean .footer-accent-line{height:2px;width:94px;background:linear-gradient(90deg,#7bd6c5,#F6B3C4);border-radius:8px;margin-top:auto}
.footer-grid--clean .footer-brand-copy{max-width:340px;margin-bottom:26px}
.footer-grid--clean .footer-nav-col{display:flex;flex-direction:column}
.footer-grid--clean .footer-label{margin-bottom:17px}
.footer-grid--clean .footer-link{margin:5px 0;padding:5px 0;font-weight:550}
.footer-grid--clean .footer-contact-phone{display:inline-flex;align-items:center;align-self:flex-start;font-size:24px;line-height:1.25;font-family:var(--serif);font-weight:600;color:#fff;letter-spacing:.01em;margin:1px 0 13px}
.footer-grid--clean .footer-address{font-size:12px;line-height:1.65;color:#c4d5cf;margin:0 0 12px}
.footer-grid--clean .footer-map-link{display:inline-flex;gap:8px;align-items:center;font-size:11px;color:#b9dfd7;text-decoration:underline;text-decoration-color:rgba(185,223,215,.38);text-underline-offset:5px;transition:color .2s}
.footer-grid--clean .footer-map-link:hover{color:#fff}
.footer-grid--clean .footer-socials{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:26px;padding-top:18px;border-top:1px solid rgba(193,225,220,.15)}
.footer-grid--clean .footer-social{font-size:10px;letter-spacing:.06em;text-transform:none;padding:10px 13px;gap:7px}
.footer-grid--clean .footer-social span{color:#a3d6ce}
.footer-cta-actions .button--white{white-space:normal;text-align:center}
.footer-backtotop{display:inline-flex;align-items:center;gap:12px;font-weight:700;color:#c5e2d9;transition:color .25s,transform .25s;white-space:nowrap}
.footer-backtotop:hover{color:#fff;transform:translateY(-2px)}
.footer-backtotop span{font-size:18px;color:#a8dad0}
/* Prevent the fixed appointment buttons from covering the footer CTA. */
.float-contact.pw-over-footer{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(14px)}
.float-contact{transition:opacity .3s ease,visibility .3s ease,transform .3s ease}
@media(max-width:1100px){.footer-grid--clean{grid-template-columns:1fr 1fr}.footer-grid--clean .footer-brand-col{grid-column:1/-1}}
@media(max-width:760px){.footer-grid--clean{grid-template-columns:1fr}.footer-grid--clean .footer-brand-col{grid-column:auto}.footer-grid--clean .footer-card{padding:23px 21px}.footer-grid--clean .footer-brand-copy{margin-bottom:20px}.footer-grid--clean .footer-contact-phone{font-size:23px}.footer-grid--clean .footer-socials{margin-top:20px}.footer-bottom{gap:14px}.footer-cta-actions{width:100%}.footer-cta-actions .button{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.float-contact.pw-over-footer{transform:none}}


/* ================================================================
   PodoWellness 2026 v2.11 — responsive editorial design + intro
   Scope: small screens; desktop layout intentionally unchanged.
   ================================================================ */
.contact-mail-link,.footer-email-link{color:var(--jade-dark);font-weight:800;overflow-wrap:anywhere;text-underline-offset:5px}
.contact-mail-link:hover,.footer-email-link:hover{text-decoration:underline}
.footer-email-link{display:inline-flex;font-size:12px;line-height:1.6;color:#d3e7e1;margin:2px 0 14px}
.footer-email-link:hover{color:#fff}
/* Interactive logo intro: clean orbit system, subtle highlights and staged entrance */
.pw-brand-intro{background:radial-gradient(ellipse at 50% 43%,#fff 0%,#fbf9f5 38%,#e9f3ee 78%,#F3E1E6 118%);animation:pw-intro-out .62s cubic-bezier(.4,0,.2,1) 2.25s forwards}
.pw-brand-intro::before{content:"";position:absolute;inset:-20%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(7,142,135,.08) 72deg,transparent 120deg,rgba(189,41,81,.07) 218deg,transparent 300deg);animation:pw-ambient-spin 14s linear infinite;pointer-events:none}
.pw-brand-intro-inner{animation:pw-intro-fresh 1.1s cubic-bezier(.16,.8,.22,1) both}
.pw-intro-orbit.orbit-one{animation:pw-intro-orbit 9s linear infinite;box-shadow:0 0 45px -30px rgba(0,125,117,.32)}
.pw-intro-orbit.orbit-two{animation:pw-intro-orbit-reverse 16s linear infinite}
.pw-intro-orbit::after{content:"";position:absolute;top:9%;left:18%;width:9px;height:9px;border-radius:50%;background:#66c5ba;box-shadow:0 0 18px rgba(75,174,166,.4)}
.pw-intro-orbit.orbit-two::after{width:7px;height:7px;background:#F6B0C3;top:78%;left:19%}
.pw-intro-logo{overflow:hidden;animation:pw-intro-float 2.1s ease-in-out .45s infinite alternate;box-shadow:0 35px 95px rgba(13,80,75,.13),0 0 0 1px rgba(255,255,255,.88),inset 0 2px 0 rgba(255,255,255,.9)}
.pw-intro-logo::before{content:"";position:absolute;z-index:3;pointer-events:none;top:-40%;bottom:-40%;left:-85%;width:65%;transform:rotate(21deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.40),transparent);animation:pw-intro-light 2.15s ease-in-out .27s 1 both}
.pw-intro-subtitle{opacity:0;animation:pw-intro-copy .7s ease .52s forwards}
.pw-intro-rule{animation:pw-intro-rule 1.25s ease .6s both}
@keyframes pw-ambient-spin{to{transform:rotate(360deg)}}
@keyframes pw-intro-orbit{to{transform:scale(1.15) rotate(360deg)}}
@keyframes pw-intro-orbit-reverse{to{transform:scale(1.15) rotate(-360deg)}}
@keyframes pw-intro-fresh{0%{opacity:0;transform:translateY(24px) scale(.86);filter:blur(10px)}68%{opacity:1;transform:translateY(-5px) scale(1.025);filter:blur(0)}100%{opacity:1;transform:none;filter:none}}
@keyframes pw-intro-float{from{transform:translateY(0)}to{transform:translateY(-5px)}}
@keyframes pw-intro-light{0%{left:-85%;opacity:0}30%{opacity:1}100%{left:135%;opacity:0}}
@keyframes pw-intro-copy{from{opacity:0;transform:translateY(10px);letter-spacing:.3em}to{opacity:1;transform:none}}
@media(max-width:760px){
 :root{--mobile-edge:18px}
 html{scroll-padding-top:77px}
 body{background:#fbfaf7}
 .wrap{width:calc(100% - var(--mobile-edge)*2)!important;max-width:540px}
 .header{background:rgba(251,250,247,.94);box-shadow:0 2px 22px rgba(18,53,53,.055);border-bottom:1px solid rgba(7,111,105,.10)}
 .header-inner{min-height:66px;gap:7px}
 .brand{gap:9px}
 .brand-symbol{height:38px;width:38px;flex-basis:38px;border-radius:12px;box-shadow:0 5px 14px rgba(5,106,96,.15)}
 .brand-label strong{font-size:17px;letter-spacing:-.05em}
 .brand-label span{font-size:6px;letter-spacing:.14em;max-width:165px}
 .header-right{gap:7px}
 .pw-header-tools{gap:6px}
 .pw-language-control{height:36px;box-shadow:0 2px 0 rgba(8,88,85,.08),0 4px 11px rgba(8,80,75,.04)}
 .pw-language-control select{min-width:37px;font-size:10px}
 .menu-toggle{height:38px;width:38px;border-radius:12px;background:#fff;border:1px solid #dfe9e5;box-shadow:0 3px 8px rgba(10,71,66,.06)}
 .main-nav{top:calc(100% + 4px);left:var(--mobile-edge);right:var(--mobile-edge);padding:15px;border:1px solid #e1ece7;border-radius:20px;background:rgba(255,255,255,.97);box-shadow:0 25px 55px -25px rgba(21,61,58,.27);gap:0;z-index:41}
 .main-nav.open{display:flex}
 .main-nav a{font-size:12px;padding:13px 14px;border-radius:10px;letter-spacing:.06em}
 .main-nav a:hover{background:#eff7f4}
 .main-nav a::after{display:none}
 /* Move the real product photography directly under the hero headline. */
 .hero{padding:26px 0 48px;background:radial-gradient(ellipse at 88% 11%,rgba(189,41,81,.08),transparent 58%)}
 .hero::before{display:none}
 .hero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:0;align-items:start}
 .hero-copy{display:contents}
 .hero-copy>.eyebrow{grid-row:1;max-width:100%;font-size:9px;letter-spacing:.14em;line-height:1.6;gap:8px}
 .hero-copy>.eyebrow::before{width:18px;flex:0 0 18px}
 .hero-copy>h1{grid-row:2;margin:11px 0 20px;max-width:540px;font-size:clamp(3.48rem,12.3vw,5.6rem);line-height:.92;letter-spacing:-.053em}
 .hero-stage{grid-row:3;z-index:1;width:min(100%,430px);max-width:430px;padding:8px 12px 21px;margin:0 auto 15px}
 .hero-stage::before{inset:4% 3% 4% 5%;transform:rotate(7deg);background:linear-gradient(150deg,#dcefeb 10%,#F3E2E6 70%,#FBE1E8)}
 .hero-stage::after{inset:8% 5% 10% 2%}
 .hero-portrait{width:100%;height:auto;aspect-ratio:1.08;object-fit:cover;object-position:center 49%;border:6px solid #fff;border-radius:43% 43% 45% 45% / 39% 39% 43% 43%;box-shadow:0 22px 48px -28px rgba(29,72,70,.32)}
 .hero-tag{top:21px!important;bottom:auto!important;left:0;max-width:49%;padding:11px 12px;border-radius:15px;background:rgba(255,255,255,.91);box-shadow:0 10px 25px rgba(45,55,56,.09)}
 .hero-tag span{display:block;font-size:7px;letter-spacing:.105em;line-height:1.4}
 .hero-tag strong{font-size:clamp(17px,5.4vw,24px);line-height:.97;letter-spacing:-.035em;margin-top:5px}
 .hero-circle{right:0;top:12px;width:64px;height:64px;font-size:16px;background:rgba(255,255,255,.80);box-shadow:0 5px 15px rgba(35,70,70,.06)}
 .hero-copy>.hero-lede{grid-row:4;font-size:12.5px;line-height:1.8;color:#5d6e6a;margin:5px 0 18px}
 .hero-copy>.hero-actions{grid-row:5;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 20px}
 .hero-actions .button{white-space:normal;min-height:52px;padding:12px 10px;justify-content:center;text-align:center;font-size:9px;letter-spacing:.04em;line-height:1.45;gap:5px;border-radius:16px}
 .hero-actions .button svg{width:15px;min-width:15px}
 .hero-copy>.pw-social-dock{grid-row:6;max-width:100%;margin:0;padding:14px 14px 11px;border-radius:20px;gap:9px;box-shadow:0 12px 28px -21px rgba(23,65,65,.26);background:linear-gradient(135deg,#fff,rgba(250,242,244,.96))}
 .pw-dock-label{width:100%;flex:1;gap:9px}
 .pw-dock-spark{width:29px;height:29px;border-radius:9px}
 .pw-dock-label>span{font-size:10px;max-width:none}
 .pw-dock-label small{font-size:7px}
 .pw-dock-links{width:100%;gap:6px;padding-top:8px}
 .pw-dock-link{min-height:38px;padding:8px 5px;gap:4px;border-radius:11px;font-size:9px;min-width:0;flex:1 1 0}
 .pw-dock-link svg{height:14px;width:14px;flex:0 0 14px}
 .value-strip{background:transparent;border:0}
 .value-grid{display:flex;gap:10px;overflow-x:auto;padding:6px 0 12px;scroll-snap-type:x mandatory;scrollbar-width:none}
 .value-grid::-webkit-scrollbar{display:none}
 .value-item,.value-item:first-child,.value-item:last-child{scroll-snap-align:start;flex:0 0 min(81vw,285px);padding:15px 15px;border-radius:17px;border:1px solid #e8ede8;background:#fff;box-shadow:0 9px 25px -23px #174e4b;min-width:0;align-items:center}
 .value-mark{width:38px;height:38px;flex:0 0 38px;font-size:22px}
 .value-item strong{font-size:11px}
 .value-item span:last-child{font-size:10px}
 .section{padding:64px 0}
 .heading-row{gap:12px;margin-bottom:22px}
 h2,.heading-row .section-title{font-size:clamp(3.05rem,10vw,4.5rem);line-height:.94}
 .section-lede{font-size:12.5px;line-height:1.8}
 .intro-grid{gap:30px}
 .intro-visual{width:min(92%,440px);max-width:440px;margin-inline:auto}
 .intro-visual::after{inset:-12px 12px 12px -12px}
 .intro-stamp{height:88px;width:88px;right:-12px;bottom:32px;font-size:17px}
 .intro-copy h2{margin:14px 0 21px}
 .intro-copy p{font-size:12.5px;line-height:1.84}
 .intro-feature{padding:14px 0}
 .services-layout{grid-template-columns:minmax(0,1fr);gap:15px}
 .service-tabs{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0;overflow:visible;scroll-snap-type:none}
 .service-tab{width:100%;min-width:0!important;white-space:normal;min-height:62px;padding:11px 12px;border-radius:15px;align-items:center;gap:8px;font-size:9.5px;letter-spacing:.04em;line-height:1.3;box-shadow:0 2px 0 rgba(101,124,118,.13),0 6px 12px -12px rgba(11,88,77,.2)}
 .service-tab span:first-child{min-width:0}
 .service-tab .tab-num{font-size:18px;flex:0 0 auto}
 .service-panel{min-height:0;border-radius:20px;box-shadow:0 14px 34px -30px rgba(20,62,60,.4)}
 .service-panel-inner{grid-template-columns:1fr}
 .service-panel-visual{height:155px}
 .service-panel-content{padding:22px 20px 24px}
 .service-panel-content h3{font-size:clamp(2.65rem,9vw,3.75rem);margin:10px 0 12px}
 .service-panel-content p{font-size:12px;line-height:1.7}
 .service-list{grid-template-columns:1fr;gap:10px;margin:10px 0 20px}
 .service-list li{font-size:12px;line-height:1.6}
 .service-panel .button{min-height:50px;font-size:10px}
 .process-grid{grid-template-columns:1fr;gap:10px}
 .process-lead{min-height:0;padding:27px 24px;border-radius:21px}
 .process-lead h2{font-size:clamp(3.1rem,10vw,4.2rem)}
 .process-card{min-height:0;padding:22px 23px;border-radius:19px}
 .process-card h3{font-size:2.8rem;margin:8px 0}
 .process-card p{font-size:12px;line-height:1.75;margin:0}
 .instagram-shell{padding:14px;border-radius:19px}
 .instagram-head{gap:14px;align-items:flex-start;flex-wrap:wrap}
 .instagram-head .link-arrow{font-size:10px}
 .social-avatar{height:42px;width:42px;min-width:42px}
 .instagram-user strong{font-size:12px}
 .instagram-user span{font-size:10px}
 .instagram-fallback{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .insta-tile{padding:13px;min-width:0;border-radius:15px}
 .insta-tile strong{font-size:clamp(1.6rem,6vw,2.3rem)}
 .booking-banner .wrap{width:calc(100% - 22px)!important}
 .booking-content{padding:31px 22px;border-radius:23px;gap:23px}
 .booking-copy h2{font-size:3.5rem}
 .booking-content .button{width:100%;white-space:normal;text-align:center}
 .contact-grid{grid-template-columns:minmax(0,1fr);gap:25px}
 .contact-item{gap:13px;padding:16px 0}
 .contact-item a,.contact-item span{font-size:12px;line-height:1.6}
 .contact-social{gap:10px;flex-wrap:wrap}
 .map-shell{min-height:285px;border-radius:20px}
 .map-overlay{padding:23px}
 .footer{padding:70px 0 104px}
 .footer-cta{padding:24px 21px;border-radius:24px;margin-bottom:16px;gap:18px}
 .footer-cta h3{font-size:30px;line-height:1.06}
 .footer-cta p{font-size:12px}
 .footer-grid--clean{grid-template-columns:1fr;gap:11px;padding-bottom:17px}
 .footer-grid--clean .footer-card{border-radius:19px;padding:20px 19px}
 .footer-grid--clean .footer-brand-col{grid-column:auto}
 .footer-brand{font-size:38px}
 .footer-grid--clean .footer-brand-copy{margin-bottom:18px}
 .footer-grid--clean .footer-link{padding:6px 0}
 .footer-bottom{gap:10px;font-size:10px;padding-top:21px}
 .float-contact{left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));gap:9px;z-index:45;filter:none}
 .float-link{min-height:48px;padding:11px 9px;border-radius:15px;font-size:10px;letter-spacing:.035em}
 .float-link svg{height:17px;width:17px}
 .pw-intro-logo{width:min(67vw,260px)}
 .pw-intro-subtitle{font-size:9px;letter-spacing:.085em;max-width:86vw}
}
@media(max-width:360px){
 :root{--mobile-edge:14px}
 .brand-label strong{font-size:15px}
 .brand-label span{font-size:5.5px}
 .header-right{gap:4px}
 .pw-header-tools{gap:4px}
 .pw-language-control{padding:0 4px}
 .pw-language-control select{min-width:32px}
 .hero-copy>h1{font-size:3.35rem}
 .hero-tag{max-width:51%}
 .hero-tag strong{font-size:17px}
 .pw-dock-link{font-size:8px}
}
@media(prefers-reduced-motion:reduce){
 .pw-brand-intro,.pw-brand-intro *{animation:none!important}
 .pw-brand-intro{opacity:0!important;visibility:hidden!important}
}


/* ========================================================================
   v2.12 · Editorial mobile refinement; brand reveal with logo in front.
   Desktop visual design intentionally left unchanged.
   ======================================================================== */
/* Layer order is explicit: orbit / loading lines (back) -> captions -> logo (front). */
.pw-brand-intro{isolation:isolate}
.pw-brand-intro::before{z-index:0}
.pw-intro-orbit,.pw-intro-orbit::after{z-index:0}
.pw-brand-intro-inner{position:relative;isolation:isolate;z-index:2}
.pw-brand-intro-inner::before,
.pw-brand-intro-inner::after{content:"";position:absolute;left:50%;top:38%;width:min(93vw,620px);height:1px;transform:translateX(-50%) scaleX(.1);transform-origin:center;background:linear-gradient(90deg,transparent,rgba(9,134,126,.34),transparent);opacity:0;z-index:0;pointer-events:none;animation:pw-intro-line-sweep 1.6s .18s ease-out forwards}
.pw-brand-intro-inner::after{top:44%;width:min(85vw,550px);background:linear-gradient(90deg,transparent,rgba(189,41,81,.26),transparent);animation-delay:.38s}
.pw-intro-logo{isolation:isolate;z-index:6;overflow:visible!important;filter:drop-shadow(0 18px 30px rgba(12,85,79,.16))}
.pw-intro-logo img{position:relative;z-index:7;display:block;width:100%;height:100%;border-radius:50%;object-fit:cover;backface-visibility:hidden;transform:translateZ(0);box-shadow:0 0 0 7px rgba(255,255,255,.93),0 0 0 9px rgba(8,129,121,.09)}
.pw-intro-logo::after{z-index:1}
.pw-intro-logo::before{z-index:1;opacity:.32;mix-blend-mode:screen}
.pw-intro-subtitle{position:relative;z-index:2}
.pw-intro-rule{position:relative;z-index:1;height:3px;overflow:hidden;border-radius:999px;background:linear-gradient(90deg,rgba(9,130,123,.14),rgba(189,41,81,.12));width:106px;animation:none!important}
.pw-intro-rule::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d8e86,#EC90AB);transform:translateX(-105%);animation:pw-intro-progress 1.75s .3s cubic-bezier(.34,.1,.2,1) forwards}
@keyframes pw-intro-line-sweep{10%{opacity:0}55%{opacity:.82}100%{opacity:.72;transform:translateX(-50%) scaleX(1)}}
@keyframes pw-intro-progress{to{transform:translateX(0)}}
@media(max-width:760px){
  /* Fine typography, balanced negative space and same editorial aesthetic. */
  :root{--mobile-edge:20px}
  html{scroll-padding-top:84px}
  body{background:linear-gradient(180deg,#faf9f5 0%,#fffdf9 46%,#faf8f4 100%)}
  .wrap{width:calc(100% - var(--mobile-edge)*2)!important;max-width:550px}
  .header{background:rgba(250,248,243,.96);border-bottom:1px solid rgba(9,117,109,.09);box-shadow:0 8px 24px -22px rgba(16,71,69,.2)}
  .header-inner{min-height:70px;gap:10px}
  .brand{gap:9px}
  .brand-symbol{width:40px;height:40px;flex-basis:40px}
  .brand-label strong{font-size:18px;letter-spacing:-.055em}
  .brand-label span{font-size:6.5px;max-width:160px;letter-spacing:.09em}
  .header-right{gap:9px}
  .pw-header-tools{gap:0}
  .pw-language-control{height:39px;padding:0 8px 0 10px;border-radius:14px;background:#fff;box-shadow:0 2px 0 rgba(7,111,105,.10),0 7px 15px -13px rgba(9,100,88,.2)}
  .pw-language-control svg{display:block;width:15px;height:15px}
  .pw-language-control select{min-width:39px;font-size:10px}
  .menu-toggle{height:39px;width:41px;border-radius:14px}
  .main-nav{left:var(--mobile-edge);right:var(--mobile-edge);top:calc(100% + 4px);padding:10px 12px 12px;border-radius:21px}
  .main-nav a{padding:14px 15px;font-size:12px}
  .hero{padding:28px 0 39px;background:radial-gradient(ellipse at 90% 14%,rgba(189,41,81,.065),transparent 63%)}
  .hero-grid{grid-template-columns:minmax(0,1fr);gap:0}
  .hero-copy>.eyebrow{grid-row:1;margin:0 0 6px;font-size:9px;letter-spacing:.13em;max-width:96%;line-height:1.6}
  .hero-copy>h1{grid-row:2;font-size:clamp(3.45rem,11.9vw,5.3rem);margin:9px 0 20px;line-height:.94;letter-spacing:-.052em;max-width:520px}
  .hero-stage{grid-row:3;width:min(100%,440px);max-width:440px;margin:0 auto 11px;padding:9px 9px 4px;overflow:visible}
  .hero-stage::before{inset:5% 3% 16% 7%;border-radius:48% 52% 45% 55%;transform:rotate(9deg);background:linear-gradient(145deg,#c7e5df 0%,#FBE6ED 57%,#F8D7E1)}
  .hero-stage::after{inset:7% 3% 18% 2%;border-color:rgba(17,137,128,.23)}
  .hero-portrait{width:100%;height:auto;aspect-ratio:.96;object-fit:cover;object-position:center 46%;border:7px solid #fff;border-radius:46% 46% 42% 42% / 40% 40% 40% 40%;box-shadow:0 22px 44px -27px rgba(23,70,69,.26)}
  /* Caption continues the photo without obscuring any pedicure detail. */
  .hero-tag{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;display:flex;align-items:center;gap:12px;max-width:calc(100% - 22px);width:auto;margin:-2px 11px 0;padding:14px 16px;border-radius:18px;box-shadow:0 12px 24px -20px rgba(20,60,61,.28),0 2px 0 rgba(7,111,105,.08);border:1px solid #e9eee9;background:rgba(255,255,255,.97);backdrop-filter:blur(13px)}
  .hero-tag::before{content:"";display:block;flex:0 0 3px;align-self:stretch;min-height:32px;border-radius:8px;background:linear-gradient(180deg,#0f9b90,#D85B80)}
  .hero-tag span{font-size:7px;letter-spacing:.13em;line-height:1.4;flex:0 0 38%;color:#116e69}
  .hero-tag strong{font-size:clamp(17px,4.3vw,23px);line-height:1.03;letter-spacing:-.032em;margin:0;flex:1}
  .hero-circle{right:0;top:5px;width:63px;height:63px;font-size:16px;border:1px solid rgba(189,41,81,.18);box-shadow:0 8px 18px -14px rgba(56,67,69,.20)}
  .hero-copy>.hero-lede{grid-row:4;font-size:13px;line-height:1.83;color:#566966;margin:7px 1px 19px}
  .hero-copy>.hero-actions{grid-row:5;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 19px}
  .hero-actions .button{min-height:52px;border-radius:16px;font-size:9px;line-height:1.38;letter-spacing:.045em;padding:12px 10px;gap:5px}
  .hero-actions .button svg{width:14px;min-width:14px}
  .hero-copy>.pw-social-dock{grid-row:6;max-width:100%;margin:0;padding:14px 13px 13px;background:linear-gradient(140deg,#fff,rgba(253,246,248,.96));border-radius:21px;box-shadow:0 11px 30px -22px rgba(22,63,64,.3)}
  .pw-dock-label{width:100%;gap:10px}
  .pw-dock-spark{width:31px;height:31px;border-radius:11px}
  .pw-dock-label>span{font-size:11px}
  .pw-dock-label small{font-size:7px;letter-spacing:.13em}
  .pw-dock-links{width:100%;padding-top:10px;gap:7px}
  .pw-dock-link{min-height:43px;border-radius:13px;padding:9px 4px;font-size:9px;gap:5px}
  .pw-dock-link svg{width:16px;height:16px;flex-basis:16px}
  /* Compact three-row feature panel; no partially hidden horizontal cards. */
  .value-strip{padding:0 0 13px;border:0;background:transparent}
  .value-grid{display:grid;grid-template-columns:1fr;gap:0;overflow:visible;scroll-snap-type:none;padding:2px 15px;border:1px solid rgba(8,111,105,.10);border-radius:22px;background:#fff;box-shadow:0 12px 30px -27px rgba(17,69,65,.24)}
  .value-item,.value-item:first-child,.value-item:last-child{flex:auto;width:100%;padding:13px 1px;border:0;border-bottom:1px solid #edf0ed;border-radius:0;background:transparent;box-shadow:none;gap:13px}
  .value-item:last-child{border-bottom:0}
  .value-mark{width:36px;height:36px;flex-basis:36px;font-size:21px}
  .value-item strong{font-size:12px}
  .value-item span:last-child{font-size:10.5px;line-height:1.4}
  .section{padding:62px 0}
  .heading-row{gap:14px;margin-bottom:25px}
  h2,.heading-row .section-title{font-size:clamp(3.05rem,10.2vw,4.4rem);line-height:.96}
  .section-lede{font-size:13px;line-height:1.75}
  .intro-grid{gap:24px}
  .intro-visual{width:min(90%,420px);margin-inline:auto}
  .intro-visual::after{inset:-13px 12px 12px -12px}
  .intro-stamp{height:84px;width:84px;font-size:16px;right:-9px}
  .intro-copy h2{margin:14px 0 18px}
  .intro-copy p{font-size:13px;line-height:1.76}
  /* Service tabs: soft relief, precise spacing, full touch targets. */
  .services-layout{gap:16px}
  .service-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;padding:0}
  .service-tab{min-width:0!important;min-height:66px;padding:12px 12px;border-radius:17px;gap:8px;font-size:10px;line-height:1.28;letter-spacing:.02em;box-shadow:0 2px 0 rgba(94,122,114,.13),0 9px 17px -18px rgba(17,76,71,.19)}
  .service-tab[aria-selected="true"]{box-shadow:0 2px 0 rgba(5,92,84,.55),0 11px 21px -18px rgba(14,113,106,.48),inset 0 1px 0 rgba(255,255,255,.3)}
  .service-tab .tab-num{font-size:18px}
  .service-panel{border-radius:23px}
  .service-panel-visual{height:166px}
  .service-panel-content{padding:23px 21px 26px}
  .service-panel-content h3{font-size:clamp(2.6rem,8.7vw,3.6rem)}
  .process-grid{gap:11px}
  .process-card,.process-lead{padding:24px 22px;border-radius:21px}
  .instagram-shell{border-radius:24px;padding:19px}
  .insta-tile{border-radius:16px}
  .booking-content{padding:30px 23px;border-radius:25px}
  .contact-grid{gap:22px}
  .map-shell{border-radius:22px}
  .footer-cta{border-radius:26px}
  .footer-grid--clean .footer-card{border-radius:20px}
  .float-contact{left:12px;right:12px;bottom:max(11px,env(safe-area-inset-bottom));gap:10px}
  .float-link{min-height:50px;border-radius:16px;box-shadow:0 4px 0 rgba(7,102,96,.28),0 12px 24px -17px rgba(16,82,79,.3)}
  .pw-intro-logo{width:min(68vw,266px)}
  .pw-brand-intro-inner::before{top:37%}
  .pw-brand-intro-inner::after{top:44%}
}
@media(max-width:370px){
  :root{--mobile-edge:16px}
  .brand-label strong{font-size:16px}
  .brand-label span{font-size:5.8px}
  .hero-copy>h1{font-size:clamp(3.2rem,12vw,3.5rem)}
  .hero-tag{padding:11px 12px;gap:9px}
  .hero-tag strong{font-size:17px}
  .hero-tag span{font-size:6.5px}
  .pw-dock-link{font-size:8px}
  .service-tab{padding:10px;gap:5px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){
 .pw-brand-intro-inner::before,.pw-brand-intro-inner::after,.pw-intro-rule::after{animation:none!important}
 .pw-intro-rule::after{transform:translateX(0)}
}


/* PodoWellness v2.13 - Original brand identity / Lotus Pink color system */
:root{
  --plum:#C9436B; /* shaded lotus pink for contrast on ivory */
  --lavender:#FBE1E9;
  --blush:#FBE6EC;
  --lotus:#F86888;
  --lotus-deep:#B62E58;
  --lotus-pale:#FFF1F4;
}
/* The authentic logo replaces both the custom cross and recreated wordmark. */
.brand.brand--original{display:inline-flex;align-items:center;gap:0;flex-shrink:0;min-width:0;padding:0;line-height:1;overflow:visible}
.pw-original-logo{display:block;object-fit:contain;object-position:left center;max-width:100%;height:auto}
.pw-original-logo--header{width:clamp(170px,19vw,238px);max-height:105px;filter:drop-shadow(0 2px 4px rgba(14,80,74,.08))}
.header-inner{min-height:99px}
/* Intro layers: full real logo in foreground; all rings and loading strokes behind it. */
.pw-brand-intro-inner{width:min(90vw,510px);max-width:510px;isolation:isolate;z-index:3}
.pw-intro-logo{width:min(88vw,500px)!important;max-width:500px;aspect-ratio:1000/445!important;height:auto!important;padding:4px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 12px 21px rgba(4,85,81,.12))!important;position:relative;z-index:6;overflow:visible!important}
.pw-intro-logo img{position:relative;z-index:10!important;width:100%;height:auto!important;aspect-ratio:1000/445;object-fit:contain!important;border-radius:0!important;box-shadow:none!important}
.pw-intro-logo::before,.pw-intro-logo::after{z-index:-1!important;pointer-events:none;border-color:rgba(248,104,136,.24)}
.pw-brand-intro-inner::before,.pw-brand-intro-inner::after{z-index:0!important;top:38%;pointer-events:none}
.pw-intro-orbit{z-index:0!important;pointer-events:none}
.pw-intro-rule{z-index:1!important}
.pw-intro-subtitle{z-index:2!important;margin-top:22px!important;color:#365b59}
/* Original artwork remains readable on the deep green footer. */
.footer-brand.footer-brand--original{display:inline-flex;padding:11px 13px 9px;background:#fffefa;border:1px solid rgba(255,255,255,.75);border-radius:18px;box-shadow:0 10px 28px rgba(0,0,0,.13);width:min(100%,265px);height:auto}
.footer-brand--original img{width:100%;height:auto;object-fit:contain;filter:none}
/* Lotus highlights, selected controls and warm rose hover states. */
.hero::before{border-color:rgba(248,104,136,.035)}
.service-tab:focus-visible,.pw-dock-link:focus-visible,.button:focus-visible{outline-color:var(--lotus-deep)}
.hero-copy h1 em,.section-title em,.intro-copy h2 em{color:var(--plum)}
.pw-intro-rule::after{background:linear-gradient(90deg,var(--jade),var(--lotus))}
@media(max-width:1100px){.pw-original-logo--header{width:clamp(169px,18vw,210px)}.header-inner{min-height:84px}}
@media(max-width:760px){
  .header-inner{min-height:73px;gap:9px}
  .brand.brand--original{min-width:0;flex:0 1 auto}
  .pw-original-logo--header{width:clamp(150px,43vw,190px);max-height:87px}
  .pw-brand-intro-inner{width:min(91vw,420px)}
  .pw-intro-logo{width:min(90vw,395px)!important}
  .pw-intro-subtitle{font-size:9px;max-width:92vw;line-height:1.65;letter-spacing:.12em;margin-top:21px!important}
  .footer-brand.footer-brand--original{width:min(100%,240px)}
}
@media(max-width:390px){
  .pw-original-logo--header{width:clamp(137px,42vw,165px)}
  .header-inner{gap:6px}
  .header-right{gap:5px}
}


/* v2.14: Restore the original circular intro emblem; only intro styling is affected. */
.pw-brand-intro-inner{width:min(85vw,430px)!important;max-width:430px!important;position:relative;isolation:isolate;z-index:3}
.pw-brand-intro-inner::before,.pw-brand-intro-inner::after{z-index:0!important;pointer-events:none}
.pw-intro-logo{width:clamp(210px,30vw,350px)!important;max-width:350px!important;aspect-ratio:1/1!important;height:auto!important;padding:12px!important;border-radius:50%!important;border:0!important;background:radial-gradient(circle,#fff 42%,#ebf6f2 100%)!important;box-shadow:0 24px 76px rgba(12,88,83,.15),0 0 0 1px rgba(255,255,255,.8)!important;filter:none!important;position:relative;isolation:isolate;z-index:10!important;overflow:visible!important}
.pw-intro-logo img{position:relative;z-index:12!important;display:block;width:100%!important;height:100%!important;aspect-ratio:1/1!important;object-fit:cover!important;border-radius:50%!important;box-shadow:0 0 0 5px rgba(255,255,255,.94),0 0 0 7px rgba(8,129,121,.10)!important}
.pw-intro-logo::after{z-index:1!important;inset:-13px!important;border:1px solid rgba(248,104,136,.27)!important;border-radius:50%!important}
.pw-intro-logo::before{z-index:2!important;opacity:.30!important;pointer-events:none}
.pw-intro-subtitle,.pw-intro-rule{position:relative;z-index:4}
@media(max-width:760px){.pw-brand-intro-inner{width:min(88vw,350px)!important}.pw-intro-logo{width:min(68vw,266px)!important;max-width:266px!important}}
@media(max-width:370px){.pw-intro-logo{width:min(70vw,245px)!important}}


/* v2.15 · Header uses the client-supplied horizontal logo; circular emblem returns to footer. */
.brand.brand--original{display:inline-flex;align-items:center;flex:0 1 auto;min-width:0;max-width:100%}
.pw-original-logo--header{width:clamp(194px,20.2vw,262px);height:auto;max-height:105px;object-fit:contain;object-position:left center;filter:drop-shadow(0 3px 5px rgba(13,97,91,.08))}
/* Footer emblem is round and sits on a soft, recessed cream circular plaque. */
.footer-brand.footer-brand--original{
  display:inline-grid;place-items:center;width:162px;height:162px;max-width:100%;padding:7px;
  border-radius:50%;overflow:hidden;background:#fffefa;
  border:1px solid rgba(234,251,247,.72);
  box-shadow:inset 0 2px 8px rgba(255,255,255,.6),0 15px 34px rgba(0,0,0,.23),0 0 0 6px rgba(255,255,255,.045);
  flex:0 0 auto;
}
.footer-brand.footer-brand--original img.pw-original-logo--footer{
  display:block;width:100%;height:100%;aspect-ratio:1/1;object-fit:cover;object-position:center;
  border-radius:50%;filter:none;
}
@media(max-width:1200px){.pw-original-logo--header{width:clamp(172px,18.3vw,220px)}}
@media(max-width:1020px){.pw-original-logo--header{width:clamp(165px,29vw,214px)}}
@media(max-width:760px){
 .brand.brand--original{flex:0 1 auto;min-width:0}
 .pw-original-logo--header{width:clamp(152px,42vw,202px);max-height:none}
 .footer-brand.footer-brand--original{width:148px;height:148px;max-width:148px}
}
@media(max-width:390px){
 .pw-original-logo--header{width:clamp(143px,40vw,167px);max-height:none}
 .footer-brand.footer-brand--original{width:134px;height:134px;max-width:134px}
}


/* v2.16 — compact mobile footer (desktop deliberately unchanged). */
@media (max-width:760px){
  .footer{padding:40px 0 calc(27px + env(safe-area-inset-bottom,0px));}
  .footer .wrap{max-width:540px;}
  .footer-cta{grid-template-columns:minmax(0,1fr);gap:11px;margin:0 0 16px;padding:19px 19px 18px;border-radius:22px;box-shadow:0 12px 26px -18px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.11);}
  .footer-mini{margin:0 0 5px;font-size:9px;letter-spacing:.16em;}
  .footer-cta h3{margin:0 0 5px;font-size:clamp(25px,6.4vw,30px);line-height:1.03;letter-spacing:-.035em;}
  .footer-cta p{margin:0;font-size:11px;line-height:1.5;}
  .footer-cta-actions{width:100%;margin:0;}
  .footer-cta-actions .button{width:100%;min-height:44px;padding:10px 14px;font-size:10px;letter-spacing:.06em;border-radius:14px;}
  .footer-grid--clean{display:grid;grid-template-columns:minmax(100px,.76fr) minmax(0,1.24fr);column-gap:16px;row-gap:0;padding:0 0 15px;align-items:start;}
  .footer-grid--clean .footer-card{min-width:0;padding:13px 0 7px;border:0;border-radius:0;background:transparent;box-shadow:none;}
  .footer-grid--clean .footer-brand-col{grid-column:1/-1;display:grid;grid-template-columns:82px minmax(0,1fr);gap:15px;align-items:center;margin:0 0 4px;padding:3px 0 16px;border-bottom:1px solid rgba(193,225,220,.18);}
  .footer-brand.footer-brand--original{grid-column:1;grid-row:1;width:82px;height:82px;max-width:82px;padding:4px;margin:0;box-shadow:0 7px 19px rgba(0,0,0,.20),0 0 0 3px rgba(255,255,255,.04);}
  .footer-grid--clean .footer-brand-copy{grid-column:2;grid-row:1;align-self:center;margin:0;max-width:none;font-size:11px;line-height:1.6;color:#d5e5e0;}
  .footer-grid--clean .footer-accent-line{display:none;}
  .footer-grid--clean .footer-nav-col{grid-column:1;grid-row:2;display:flex;flex-direction:column;gap:0;padding-right:10px;border-right:1px solid rgba(193,225,220,.17);}
  .footer-grid--clean .footer-connect-col{grid-column:2;grid-row:2;padding-left:0;}
  .footer-grid--clean .footer-label{margin:0 0 9px;font-size:9px;line-height:1.4;letter-spacing:.14em;}
  .footer-grid--clean .footer-link{margin:0;padding:7px 0;font-size:11px;line-height:1.45;}
  .footer-grid--clean .footer-contact-phone{margin:0 0 8px;font-size:21px;line-height:1.12;}
  .footer-grid--clean .footer-email-link{display:block;margin:0 0 10px;font-size:11px;line-height:1.45;overflow-wrap:anywhere;}
  .footer-grid--clean .footer-address{margin:0 0 8px;font-size:11px;line-height:1.45;}
  .footer-grid--clean .footer-map-link{display:inline-block;margin:0;font-size:10px;line-height:1.5;}
  .footer-grid--clean .footer-socials{gap:6px;margin-top:12px;padding-top:11px;border-top:1px solid rgba(193,225,220,.14);}
  .footer-grid--clean .footer-social{padding:8px 10px;font-size:10px;line-height:1.25;border-radius:12px;}
  .footer-bottom{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:12px;padding-top:15px;margin:0;font-size:9px;line-height:1.5;}
  .footer-bottom>span{max-width:69%;}
  .footer-backtotop{flex:0 0 auto;white-space:nowrap;font-size:10px;}
}
@media (max-width:360px){
  .footer-grid--clean{grid-template-columns:minmax(96px,.69fr) minmax(0,1.31fr);column-gap:11px;}
  .footer-grid--clean .footer-brand-col{grid-template-columns:76px minmax(0,1fr);gap:12px;}
  .footer-brand.footer-brand--original{width:76px;height:76px;max-width:76px;}
  .footer-grid--clean .footer-brand-copy{font-size:10.5px;}
  .footer-grid--clean .footer-social{padding:7px 8px;font-size:9px;}
  .footer-grid--clean .footer-contact-phone{font-size:19px;}
  .footer-cta h3{font-size:25px;}
}


/* v2.17 · Refined header logo proportions */
.brand.brand--original{align-items:center}
.pw-original-logo--header{width:clamp(168px,14vw,220px)!important;max-height:64px!important;object-fit:contain;object-position:left center;filter:drop-shadow(0 2px 4px rgba(14,80,74,.07))}
.header-inner{min-height:86px!important;gap:24px}
.header-right{gap:12px}
.main-nav{gap:30px}
@media(max-width:1280px){
  .pw-original-logo--header{width:clamp(160px,15vw,205px)!important;max-height:60px!important}
  .header-inner{min-height:82px!important}
}
@media(max-width:1100px){
  .pw-original-logo--header{width:clamp(154px,16vw,190px)!important;max-height:56px!important}
  .header-inner{min-height:78px!important}
}
@media(max-width:760px){
  .header-inner{min-height:70px!important;gap:10px}
  .pw-original-logo--header{width:clamp(136px,40vw,165px)!important;max-height:48px!important}
}
@media(max-width:390px){
  .pw-original-logo--header{width:clamp(128px,39vw,152px)!important;max-height:44px!important}
  .header-inner{gap:7px}
}
