/* SiguroNeuroSpa – mist / pine / ember / aqua */
:root{
  --mist:#eef3f0;--mist2:#e2ebe6;--paper:#f8fbf9;--pine:#0f3b3a;--pine2:#164f4d;--deep:#082625;
  --ember:#ff7a3d;--ember2:#ffb18a;--aqua:#7fd8cf;--aqua2:#c3eee9;--ink:#13302f;--mute:#4f6b69;--line:rgba(15,59,58,.14);
  --serif:"DM Serif Display",Georgia,serif;--sans:"Figtree",system-ui,-apple-system,sans-serif;--mono:"Space Mono",ui-monospace,monospace;
  --r:28px;--ease:cubic-bezier(.2,.8,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--mist);color:var(--ink);font:400 17px/1.65 var(--sans);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.08;letter-spacing:-.01em;margin:0 0 .5em}
h2{font-size:clamp(34px,4.6vw,62px)}
h3{font-size:24px}
em{font-style:italic;color:var(--ember)}
.wrap{width:min(1240px,100% - 40px);margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.small{font-size:13px;color:var(--mute);line-height:1.55}
.small--l{color:rgba(238,243,240,.6)}
.eyebrow{font:700 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pine2);margin:0 0 18px;display:inline-flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:22px;height:1px;background:currentColor}
.eyebrow--aqua{color:var(--aqua)}
.ar{width:18px;height:18px;flex:none;transition:transform .35s var(--ease)}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 24px;border-radius:999px;font-weight:600;font-size:15px;text-decoration:none;border:1.5px solid transparent;position:relative;overflow:hidden;isolation:isolate;transition:transform .3s var(--ease),box-shadow .3s,background .3s,color .3s;white-space:nowrap}
.btn::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.45),transparent 60%);opacity:0;transition:opacity .3s;z-index:-1}
.btn:hover{transform:translateY(-2px)}
.btn:hover::after{opacity:1}
.btn:hover .ar{transform:translate(3px,-3px)}
.btn--ember{background:var(--ember);color:#fff;box-shadow:0 10px 28px -10px rgba(255,122,61,.8)}
.btn--pine{background:var(--pine);color:var(--mist)}
.btn--ghost{border-color:currentColor;background:transparent}
.btn--sm{padding:10px 18px;font-size:14px}
.btn--lg{padding:19px 32px;font-size:17px}
.btn--block{width:100%}

/* adbar + nav */
.adbar{background:var(--deep);color:rgba(238,243,240,.75);font-size:12px;text-align:center;padding:7px 14px;line-height:1.4}
.adbar span{font:700 10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;background:var(--ember);color:#fff;border-radius:4px;padding:3px 6px;margin-right:8px;vertical-align:1px}
.nav{position:sticky;top:0;z-index:50;transition:background .35s,box-shadow .35s}
.nav::before{content:"";position:absolute;inset:0;z-index:-2;opacity:0;background:rgba(238,243,240,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line);transition:opacity .35s}
.nav.is-s::before{opacity:1}
.nav__in{display:flex;align-items:center;gap:28px;height:76px}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font:400 23px/1 var(--serif);color:var(--pine)}
.logo svg{width:38px;height:38px}
.logo i{color:var(--ember)}
.logo .lg-w{animation:lgw 3s ease-in-out infinite}
.logo .lg-s{animation:lgs 2.4s ease-in-out infinite;transform-origin:50% 100%}
@keyframes lgw{50%{transform:translateY(1.2px)}}
@keyframes lgs{0%,100%{opacity:.6;transform:translateY(0)}50%{opacity:1;transform:translateY(-1.5px)}}
.logo--light{color:var(--mist)}
.logo--light svg path:first-child{fill:var(--aqua)}
.menu{display:flex;gap:4px;margin-left:auto}
.menu a{padding:9px 13px;border-radius:999px;font-size:15px;font-weight:500;text-decoration:none;transition:background .25s}
.menu a:hover{background:rgba(15,59,58,.07)}
.menu__cta{display:none}
.burger{display:none;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--line);background:var(--paper);position:relative}
.burger span{position:absolute;left:13px;right:13px;height:2px;background:var(--pine);border-radius:2px;transition:transform .35s var(--ease)}
.burger span:first-child{top:18px}.burger span:last-child{top:25px}
.burger[aria-expanded="true"] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.burger[aria-expanded="true"] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}

/* reveals */
.rv .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.rv .w>span{display:inline-block;transform:translateY(105%);transition:transform .9s var(--ease)}
.rv.is-in .w>span{transform:none}
[data-r=up]{opacity:0;transform:translateY(36px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
[data-r=up].is-in{opacity:1;transform:none}

/* ---------- HERO ---------- */
.hero{position:relative;padding:40px 0 70px;overflow:hidden}
.hero::before{content:"";position:absolute;width:900px;height:900px;right:-260px;top:-380px;border-radius:50%;background:radial-gradient(circle,rgba(127,216,207,.45),transparent 65%);pointer-events:none}
.hero::after{content:"";position:absolute;width:600px;height:600px;left:-280px;bottom:-320px;border-radius:50%;background:radial-gradient(circle,rgba(255,122,61,.16),transparent 65%);pointer-events:none}
.hero__grid{display:grid;grid-template-columns:1.02fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}
.kick{display:inline-flex;align-items:center;gap:10px;font:700 12px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pine2);margin:0 0 26px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:rgba(248,251,249,.6)}
.kick span{width:8px;height:8px;border-radius:50%;background:var(--ember);box-shadow:0 0 0 0 rgba(255,122,61,.6);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(255,122,61,0)}100%{box-shadow:0 0 0 0 rgba(255,122,61,0)}}
.hero__t{font-size:clamp(50px,7.4vw,108px);line-height:.95;margin:0 0 28px;color:var(--pine)}
.hero__t .ln{display:block;overflow:hidden;padding-bottom:.06em}
.hero__t .ln>span{display:inline-block;transform:translateY(110%);animation:lnup 1.1s var(--ease) forwards}
.hero__t .ln:nth-child(2)>span{animation-delay:.1s}.hero__t .ln:nth-child(3)>span{animation-delay:.2s}.hero__t .ln:nth-child(4)>span{animation-delay:.3s}
@keyframes lnup{to{transform:none}}
.steamy{position:relative;background:linear-gradient(100deg,var(--pine) 0 30%,var(--ember) 50%,var(--pine) 70%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lnup 1.1s .3s var(--ease) forwards,shine 6s 1.4s ease-in-out infinite}
@keyframes shine{0%{background-position:100% 0}100%{background-position:-100% 0}}
.hero__lead{font-size:19px;color:var(--mute);max-width:520px;margin:0 0 32px;opacity:0;animation:fade 1s .55s forwards}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap;opacity:0;animation:fade 1s .7s forwards}
.hero__note{display:flex;align-items:center;gap:12px;margin:34px 0 0;font-size:15px;font-weight:600;color:var(--pine);opacity:0;animation:fade 1s .9s forwards}
.hero__note .dot{width:10px;height:10px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 5px rgba(127,216,207,.3);flex:none}
@keyframes fade{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.pool{position:relative;padding:0 0 30px;opacity:0;animation:poolin 1.4s .2s var(--ease) forwards}
@keyframes poolin{from{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:none}}
.pool__arch{position:relative;aspect-ratio:4/4.6;border-radius:300px 300px var(--r) var(--r);overflow:hidden;background:var(--pine);box-shadow:0 50px 90px -40px rgba(8,38,37,.65),inset 0 0 0 1px rgba(255,255,255,.08)}
.pool__arch::after{content:"";position:absolute;inset:10px;border-radius:290px 290px 20px 20px;border:1px solid rgba(255,255,255,.18);pointer-events:none}
#water{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:crosshair}
.pool__steam{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.pool__steam i{position:absolute;bottom:-40px;width:var(--s,90px);height:var(--s,90px);border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.55),transparent 65%);filter:blur(10px);animation:steam var(--d,6s) linear infinite;opacity:0}
@keyframes steam{0%{transform:translate(0,0) scale(.5);opacity:0}20%{opacity:var(--o,.5)}100%{transform:translate(var(--x,20px),-560px) scale(1.6);opacity:0}}
.pool__hint{position:absolute;left:50%;top:34px;transform:translateX(-50%);font:700 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.85);padding:9px 14px;border-radius:999px;background:rgba(8,38,37,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none;transition:opacity .6s;white-space:nowrap}
.pool.is-touched .pool__hint{opacity:0}
.panel{position:absolute;left:-34px;top:58%;display:flex;align-items:center;gap:8px;padding:10px;border-radius:22px;background:rgba(248,251,249,.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 24px 50px -20px rgba(8,38,37,.45);border:1px solid rgba(255,255,255,.7);z-index:3;animation:bob 6s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-8px)}}
.panel__b,.panel__pw{width:44px;height:44px;border-radius:14px;border:0;background:var(--mist2);font-size:22px;line-height:1;color:var(--pine);transition:background .2s,transform .15s}
.panel__b:active,.panel__pw:active{transform:scale(.92)}
.panel__b:hover{background:var(--aqua2)}
.panel__lcd{min-width:94px;height:44px;border-radius:12px;background:var(--deep);color:var(--aqua);display:flex;align-items:baseline;justify-content:center;gap:3px;padding-top:7px;font-family:var(--mono);box-shadow:inset 0 0 14px rgba(127,216,207,.25);transition:color .4s,box-shadow .4s}
.panel__lcd b{font-size:24px;line-height:1}
.panel__lcd small{font-size:12px}
.panel.is-warm .panel__lcd{color:#ffc58f;box-shadow:inset 0 0 14px rgba(255,177,138,.35)}
.panel.is-hot .panel__lcd{color:var(--ember);box-shadow:inset 0 0 16px rgba(255,122,61,.5);animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:.6}}
.panel__pw{display:grid;place-items:center;background:var(--pine);color:var(--aqua)}
.panel__pw svg{width:20px;height:20px}
.panel__pw[aria-pressed="false"]{background:var(--mist2);color:var(--mute)}
.panel__msg{position:absolute;left:-34px;top:calc(58% + 76px);max-width:280px;margin:0;font-size:13px;line-height:1.45;font-weight:600;padding:10px 14px;border-radius:14px;background:var(--paper);color:var(--pine);box-shadow:0 16px 30px -18px rgba(8,38,37,.4);z-index:3;transition:background .4s,color .4s}
.panel__msg.is-hot{background:var(--ember);color:#fff}
.pool__dev{position:absolute;right:-26px;bottom:-6px;width:42%;border-radius:22px;background:#fff;padding:8px;box-shadow:0 30px 60px -28px rgba(8,38,37,.55);transform:rotate(4deg);z-index:2;animation:bob 7s 1s ease-in-out infinite}

/* captions */
.caps{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:min(1240px,100% - 40px);margin:0 auto 20px}
.cap{position:relative;display:flex;flex-direction:column;gap:14px;padding:30px 34px;border-radius:var(--r);text-decoration:none;overflow:hidden;min-height:190px;transition:transform .45s var(--ease)}
.cap:hover{transform:translateY(-4px)}
.cap strong{font:400 clamp(24px,2.4vw,32px)/1.12 var(--serif);max-width:520px;position:relative}
.cap__k{font:700 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.cap__go{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px}
.cap:hover .ar{transform:translate(3px,-3px)}
.cap--a{background:var(--pine);color:var(--mist)}
.cap--a::before{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;border:1px solid rgba(127,216,207,.35);box-shadow:0 0 0 30px rgba(127,216,207,.06),0 0 0 60px rgba(127,216,207,.04);animation:ring 8s linear infinite}
.cap--b{background:var(--ember);color:#fff}
.cap--b::before{content:"";position:absolute;right:-60px;bottom:-110px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 60%);animation:ring 10s linear infinite reverse}
@keyframes ring{50%{transform:scale(1.15)}}

/* sections */
.sec{padding:120px 0;position:relative}
.sec--pine{background:var(--pine);color:var(--mist);border-radius:48px;margin:0 12px}
.sec--pine em{color:var(--aqua)}
.sec--mist{background:var(--mist2);border-radius:48px;margin:0 12px}
.sh{max-width:760px;margin-bottom:56px}
.sh--row{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap}
.sh--row .sh__p{max-width:420px}
.sh__p{color:var(--mute);font-size:18px;margin:0}
.nerve{position:absolute;left:0;top:40px;width:100%;height:400px;pointer-events:none;overflow:visible}
.nerve path{fill:none;stroke:var(--aqua);stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 0 6px rgba(127,216,207,.8))}
#ideg .wrap{position:relative}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tcard{padding:34px 30px 30px;border-radius:200px 200px var(--r) var(--r);background:var(--paper);border:1px solid var(--line);text-align:center;transition:transform .45s var(--ease),box-shadow .45s}
.tcard:nth-child(2){transition-delay:.08s}.tcard:nth-child(3){transition-delay:.16s}
.tcard:hover{transform:translateY(-6px);box-shadow:0 30px 50px -30px rgba(8,38,37,.35)}
.tcard__i{display:inline-grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--aqua2);font:700 15px/1 var(--mono);color:var(--pine);margin:12px 0 22px}
.tcard p{color:var(--mute);margin:0;font-size:16px}
.more{display:inline-flex;align-items:center;gap:8px;margin-top:40px;font-weight:600;color:var(--pine);text-decoration:none;border-bottom:1.5px solid var(--ember);padding-bottom:4px}

/* device */
.dev{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.dev__img{position:relative;aspect-ratio:700/678;border-radius:var(--r);background:#fff;overflow:visible}
.dev__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:var(--r);transition:opacity .5s,transform .7s var(--ease)}
.dev__fold{opacity:0;transform:scaleY(.6)}
.dev__img.is-fold .dev__open{opacity:0;transform:scaleY(.6)}
.dev__img.is-fold .dev__fold{opacity:1;transform:none}
.dev__img.is-fold .hot{opacity:0;pointer-events:none}
.hot{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border:0;background:none;padding:0;z-index:2;transition:opacity .3s}
.hot__p{position:absolute;inset:8px;border-radius:50%;background:var(--ember);box-shadow:0 0 0 0 rgba(255,122,61,.6);animation:pulse 2s infinite}
.hot__p::after{content:"+";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:15px;font-weight:700;line-height:1;transition:transform .3s}
.hot.is-on .hot__p::after{transform:rotate(45deg)}
.hot__tip{position:absolute;left:50%;bottom:calc(100% + 8px);width:200px;transform:translate(-50%,8px);padding:12px 14px;border-radius:14px;background:var(--deep);color:var(--mist);font-size:13px;line-height:1.4;text-align:left;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s var(--ease)}
.hot__tip b{display:block;color:var(--aqua);font-size:14px;margin-bottom:3px}
.hot.is-on .hot__tip,.hot:hover .hot__tip{opacity:1;transform:translate(-50%,0)}
.fold{display:inline-flex;margin-top:22px;padding:5px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.fold__b{border:0;background:none;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:600;color:rgba(238,243,240,.7);transition:background .3s,color .3s}
.fold__b.is-on{background:var(--aqua);color:var(--pine)}
.dev__copy>p{color:rgba(238,243,240,.75)}
.specs{list-style:none;padding:0;margin:34px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12);border-radius:20px;overflow:hidden}
.specs li{background:var(--pine);padding:20px 18px}
.specs li:nth-child(n){transition-delay:calc(var(--i,0)*60ms)}
.specs b{font:400 32px/1 var(--serif);color:var(--mist)}
.specs i{font-style:normal;font:700 12px var(--mono);color:var(--aqua);margin-left:4px}
.specs span{display:block;font-size:13px;color:rgba(238,243,240,.6);margin-top:6px;line-height:1.35}
.price{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:20px 22px;border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12)}
.price small{display:block;font-size:12px;opacity:.7}
.price b{font:400 38px/1.1 var(--serif)}
.price--light{background:var(--paper);border-color:var(--line);margin-top:26px}

/* temperature */
.temp{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}
.temp__copy>p{color:var(--mute)}
.slider{display:block;margin:38px 0 10px}
#tempR{-webkit-appearance:none;appearance:none;width:100%;height:14px;border-radius:999px;background:linear-gradient(90deg,var(--aqua) 0%,var(--aqua) 38%,#ffc58f 55%,var(--ember) 72%,#d6402a 100%);outline:none}
#tempR::-webkit-slider-thumb{-webkit-appearance:none;width:34px;height:34px;border-radius:50%;background:#fff;border:4px solid var(--pine);box-shadow:0 6px 16px rgba(8,38,37,.35);cursor:grab}
#tempR::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#fff;border:4px solid var(--pine);cursor:grab}
#tempR:focus-visible::-webkit-slider-thumb{outline:3px solid var(--ember);outline-offset:2px}
.temp__scale{display:flex;justify-content:space-between;font:700 12px var(--mono);color:var(--mute)}
.therm{display:flex;align-items:center;gap:36px;padding:40px;border-radius:200px 200px var(--r) var(--r);background:var(--paper);border:1px solid var(--line);min-height:420px}
.therm__tube{position:relative;width:46px;height:300px;border-radius:999px;background:var(--mist2);flex:none;box-shadow:inset 0 2px 8px rgba(8,38,37,.15)}
.therm__tube::after{content:"";position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);width:70px;height:70px;border-radius:50%;background:var(--th,var(--aqua));transition:background .5s;box-shadow:0 0 30px var(--th,var(--aqua))}
.therm__fill{position:absolute;left:9px;right:9px;bottom:9px;height:var(--h,40%);border-radius:999px;background:var(--th,var(--aqua));transition:height .5s var(--ease),background .5s}
.therm__read b{display:block;font:400 72px/1 var(--serif);color:var(--pine)}
.therm__tag{display:inline-block;margin:14px 0;padding:6px 14px;border-radius:999px;font:700 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;background:var(--th,var(--aqua));color:var(--pine);transition:background .5s}
.therm.is-hot .therm__tag{color:#fff}
.therm__read p{margin:0;color:var(--mute);font-size:16px}

/* ritual */
.rit{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}
.rit__head{position:sticky;top:120px}
.rit__head>p:not(.eyebrow){color:var(--mute)}
.rit__clock{display:inline-flex;align-items:baseline;gap:10px;margin-top:20px;padding:18px 26px;border-radius:22px;background:var(--pine);color:var(--aqua)}
.rit__clock span{font:700 46px/1 var(--mono)}
.rit__clock small{font:700 12px var(--mono);color:rgba(238,243,240,.6);text-transform:uppercase;letter-spacing:.1em}
.rit__list{position:relative;list-style:none;margin:0;padding:0 0 0 70px}
.rit__line{position:absolute;left:22px;top:10px;bottom:10px;width:2px;background:repeating-linear-gradient(var(--line) 0 6px,transparent 6px 12px)}
.rit__drop{position:absolute;left:50%;top:0;width:26px;height:34px;margin-left:-13px;background:var(--aqua);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;transform:translateY(var(--y,0px));box-shadow:0 0 0 6px rgba(127,216,207,.25),0 8px 18px rgba(15,59,58,.25)}
.rit__drop::before{content:"";position:absolute;left:50%;top:-12px;margin-left:-8px;width:16px;height:16px;background:var(--aqua);transform:rotate(45deg);border-radius:2px}
.rit__s{display:flex;gap:24px;padding:28px 0;border-bottom:1px solid var(--line);opacity:.35;transition:opacity .5s}
.rit__s.is-on{opacity:1}
.rit__t{font:700 15px var(--mono);color:var(--ember);flex:none;width:58px;padding-top:6px}
.rit__s h3{font-size:30px;margin-bottom:6px}
.rit__s p{margin:0;color:var(--mute)}

/* gallery arches */
.gal{overflow:hidden}
.arches{display:flex;gap:20px;padding:20px 20px 0;justify-content:center}
.arch{margin:0;flex:1 1 0;min-width:0;max-width:300px;transform:translateY(var(--py,0px))}
.arch img{aspect-ratio:3/4.3;width:100%;object-fit:cover;border-radius:200px 200px 24px 24px;transition:transform .8s var(--ease),filter .5s;filter:saturate(.9)}
.arch:hover img{transform:scale(1.03);filter:saturate(1.1)}
.arch:nth-child(even){margin-top:70px}
.arch figcaption{font-size:13px;color:var(--mute);margin-top:12px;text-align:center}

/* blog rows */
.rows{border-top:1px solid var(--line)}
.row{isolation:isolate;display:grid;grid-template-columns:70px 1fr auto 50px;gap:24px;align-items:center;padding:28px 6px;border-bottom:1px solid var(--line);text-decoration:none;position:relative;transition:padding .45s var(--ease),background .45s}
.row::before{content:"";position:absolute;inset:0;background:var(--pine);transform:scaleY(0);transform-origin:bottom;transition:transform .5s var(--ease);z-index:-1;border-radius:18px}
.row:hover{padding-left:26px;padding-right:26px;color:var(--mist)}
.row:hover::before{transform:scaleY(1)}
.row__n{font:700 14px var(--mono);color:var(--ember)}
.row__t{font:400 clamp(22px,2.3vw,32px)/1.15 var(--serif)}
.row__c{font-size:13px;color:var(--mute);white-space:nowrap}
.row:hover .row__c{color:rgba(238,243,240,.7)}
.row__a{width:46px;height:46px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center}
.row:hover .ar{transform:rotate(45deg)}
#blog{isolation:isolate}
.peek{position:fixed;left:0;top:0;width:260px;height:180px;object-fit:cover;border-radius:120px 120px 18px 18px;pointer-events:none;z-index:40;opacity:0;transform:translate(-50%,-50%) scale(.7);transition:opacity .3s,transform .4s var(--ease);box-shadow:0 30px 60px -20px rgba(8,38,37,.5)}
.peek.is-on{opacity:1}

/* safety */
.safe{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:start}
.safe__l{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.safe__l li{padding:22px;border-radius:20px;background:var(--paper);border:1px solid var(--line);font-size:14px;color:var(--mute);position:relative;padding-left:56px}
.safe__l li::before{content:"!";position:absolute;left:18px;top:20px;width:26px;height:26px;border-radius:50%;background:var(--ember);color:#fff;display:grid;place-items:center;font-weight:700;font-size:14px}
.safe__l b{display:block;color:var(--ink);font-size:16px;margin-bottom:3px}

/* faq */
.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;align-items:start}
.qa{border-bottom:1px solid var(--line)}
.qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:24px 0;font:400 22px/1.25 var(--serif)}
.qa summary::-webkit-details-marker{display:none}
.qa summary i{flex:none;width:34px;height:34px;border-radius:50%;background:var(--aqua2);position:relative;transition:background .3s,transform .4s var(--ease)}
.qa summary i::before,.qa summary i::after{content:"";position:absolute;left:10px;right:10px;top:16px;height:2px;background:var(--pine);border-radius:2px}
.qa summary i::after{transform:rotate(90deg);transition:transform .3s}
.qa[open] summary i{background:var(--ember);transform:rotate(180deg)}
.qa[open] summary i::before,.qa[open] summary i::after{background:#fff}
.qa[open] summary i::after{transform:rotate(0)}
.qa p{margin:0 0 24px;color:var(--mute);max-width:640px;animation:fade .45s}

/* final */
.fin{position:relative;margin:120px 12px 0;border-radius:48px;background:radial-gradient(ellipse at 50% 120%,var(--pine2),var(--deep) 70%);color:var(--mist);padding:140px 0;text-align:center;overflow:hidden}
.fin canvas{position:absolute;inset:0;width:100%;height:100%}
.fin__in{position:relative}
.fin em{color:var(--ember2)}
.fin h2{max-width:900px;margin-inline:auto}
.fin p:not(.eyebrow){color:rgba(238,243,240,.7);margin:0 0 34px}

/* disclaimer + footer */
.disc{padding:50px 0 30px}
.disc p{font-size:13px;color:var(--mute);line-height:1.65;max-width:1100px;margin:0;padding:24px 28px;border-radius:20px;border:1px dashed rgba(15,59,58,.3)}
.foot{position:relative;background:var(--deep);color:rgba(238,243,240,.75);padding:80px 0 30px;margin-top:40px;overflow:hidden}
.foot__steam{position:absolute;inset:0;pointer-events:none}
.foot__steam i{position:absolute;bottom:-60px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(127,216,207,.18),transparent 65%);filter:blur(12px);animation:steam 12s linear infinite}
.foot__steam i:nth-child(1){left:6%;animation-delay:0s}.foot__steam i:nth-child(2){left:26%;animation-delay:-3s}.foot__steam i:nth-child(3){left:48%;animation-delay:-6s}.foot__steam i:nth-child(4){left:68%;animation-delay:-9s}.foot__steam i:nth-child(5){left:86%;animation-delay:-4.5s}
.foot .wrap{position:relative}
.foot__top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.4fr;gap:40px}
.foot__brand p{font-size:15px;margin:18px 0 22px;max-width:320px}
.foot h4{font:700 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--aqua);margin-bottom:18px}
.foot ul{list-style:none;padding:0;margin:0}
.foot li{margin-bottom:9px}
.foot a{text-decoration:none;transition:color .2s}
.foot a:hover{color:var(--ember2)}
.foot address{font-style:normal;font-size:14px;line-height:1.75}
.foot__word{font:400 clamp(54px,12.5vw,190px)/1 var(--serif);color:transparent;-webkit-text-stroke:1px rgba(127,216,207,.3);text-align:center;margin:60px 0 20px;white-space:nowrap;letter-spacing:-.02em}
.foot__word em{-webkit-text-stroke:1px rgba(255,122,61,.5);color:transparent}
.foot__bot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px;padding-top:24px;border-top:1px solid rgba(255,255,255,.1)}

/* cookie */
.ck{position:fixed;left:20px;bottom:20px;z-index:90;width:min(420px,calc(100% - 40px));padding:24px;border-radius:24px;background:var(--paper);box-shadow:0 30px 70px -20px rgba(8,38,37,.5);border:1px solid var(--line);transform:translateY(140%);transition:transform .6s var(--ease)}
.ck.is-on{transform:none}
.ck h5{font:400 22px var(--serif);margin:0 0 8px}
.ck p{font-size:13px;color:var(--mute);margin:0 0 16px;line-height:1.5}
.ck__b{display:flex;gap:8px;flex-wrap:wrap}

/* inner pages */
.phero{position:relative;padding:80px 0 60px;overflow:hidden}
.phero h1{font-size:clamp(44px,6vw,84px);color:var(--pine);max-width:900px}
.phero p{color:var(--mute);font-size:19px;max-width:700px}
.phero .upd{font:700 12px var(--mono);color:var(--pine2);font-size:12px}
.phero__ripple{position:absolute;right:-120px;top:50%;width:520px;height:520px;transform:translateY(-50%);pointer-events:none}
.phero__ripple i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(15,59,58,.18);animation:rip 6s linear infinite}
.phero__ripple i:nth-child(2){animation-delay:-2s}.phero__ripple i:nth-child(3){animation-delay:-4s}
@keyframes rip{from{transform:scale(.2);opacity:1}to{transform:scale(1);opacity:0}}
.crumbs{font-size:14px;color:var(--mute);margin:0 0 24px}
.crumbs a{text-decoration:none;color:var(--pine);font-weight:600}
.legal{display:grid;grid-template-columns:260px 1fr;gap:60px;padding-bottom:100px;align-items:start}
.toc{position:sticky;top:100px;display:flex;flex-direction:column;gap:4px;padding:22px;border-radius:22px;background:var(--paper);border:1px solid var(--line)}
.toc b{font:700 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pine2);margin-bottom:8px}
.toc a{text-decoration:none;font-size:14px;padding:6px 10px;border-radius:10px;color:var(--mute)}
.toc a:hover{background:var(--mist2);color:var(--ink)}
.prose{max-width:760px;font-size:18px}
.prose--c{margin-inline:auto}
.prose h2{font-size:clamp(28px,3vw,38px);margin:1.6em 0 .5em;scroll-margin-top:100px}
.prose h2:first-child{margin-top:0}
.prose h2 small{display:block;font:700 12px var(--mono);color:var(--ember);margin-bottom:8px}
.prose a{color:var(--pine2);text-decoration-color:var(--ember);text-underline-offset:3px}
.prose ul,.prose ol{padding-left:22px}
.prose li{margin-bottom:8px}
.prose .lead{font-size:21px;color:var(--pine);line-height:1.55}
.prose .note{padding:22px 24px;border-radius:20px;background:var(--aqua2);border-left:4px solid var(--pine);margin:28px 0;font-size:16px}
.prose .numlist{counter-reset:n;list-style:none;padding:0}
.prose .numlist li{counter-increment:n;position:relative;padding-left:52px;margin-bottom:16px}
.prose .numlist li::before{content:counter(n,decimal-leading-zero);position:absolute;left:0;top:0;width:38px;height:38px;border-radius:50%;background:var(--pine);color:var(--aqua);font:700 12px var(--mono);display:grid;place-items:center}
.prose .src{font-size:13px;color:var(--mute);border-top:1px solid var(--line);padding-top:18px;margin-top:36px}
.prose table{width:100%;border-collapse:collapse}
.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0}
.about-grid div{padding:24px;border-radius:120px 120px 20px 20px;background:var(--paper);border:1px solid var(--line);text-align:center}
.about-grid b{font:400 24px var(--serif);color:var(--pine)}
.about-grid p{font-size:15px;color:var(--mute);margin:8px 0 0}
.contact{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;padding-bottom:100px;align-items:start}
.contact__card{padding:34px;border-radius:var(--r);background:var(--pine);color:var(--mist)}
.contact__card h3{color:var(--aqua)}
.contact__card a{color:var(--ember2)}
.contact__card .small{color:rgba(238,243,240,.6)}
.cform{display:grid;gap:16px;padding:34px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line)}
.cform label{display:grid;gap:6px;font-weight:600;font-size:14px}
.cform input,.cform select,.cform textarea{font:inherit;font-weight:400;padding:14px 16px;border-radius:14px;border:1.5px solid var(--line);background:#fff;color:var(--ink);transition:border-color .2s}
.cform input:focus,.cform select:focus,.cform textarea:focus{outline:none;border-color:var(--pine)}
.cform .chk{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:14px;color:var(--mute)}
.cform .chk input{margin-top:4px;width:18px;height:18px;padding:0}
.cform .is-err{border-color:var(--ember)}
.cform button{justify-self:start}

/* blog list */
.bfeat{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;text-decoration:none;padding:20px;border-radius:32px;background:var(--paper);border:1px solid var(--line);margin-bottom:30px}
.bfeat figure,.bcard figure{margin:0;overflow:hidden}
.bfeat figure{border-radius:200px 200px 20px 20px}
.bfeat img,.bcard img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .8s var(--ease)}
.bfeat:hover img,.bcard:hover img{transform:scale(1.05)}
.bfeat h2{font-size:clamp(30px,3.4vw,46px);margin:12px 0}
.bfeat p{color:var(--mute)}
.bfeat .more{margin-top:10px}
.bcard__c{font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ember)}
.bgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.bcard{text-decoration:none;display:block}
.bcard figure{border-radius:24px;margin-bottom:18px}
.bcard h3{font-size:28px;margin:8px 0}
.bcard p{color:var(--mute);margin:0;font-size:16px}
.bcard:nth-child(2n){transition-delay:.1s}

/* article */
.progress{position:fixed;left:0;top:0;right:0;height:3px;z-index:60}
.progress span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--aqua),var(--ember));transform:scaleX(var(--p,0));transform-origin:left}
.ahero{padding:60px 0 40px}
.ahero h1{font-size:clamp(38px,5vw,68px);color:var(--pine);max-width:980px}
.art__meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 34px}
.art__meta span{font-size:13px;padding:6px 12px;border-radius:999px;background:var(--paper);border:1px solid var(--line);color:var(--mute)}
.art__meta span:first-child{background:var(--pine);color:var(--aqua);border-color:var(--pine)}
.art__cover{margin:0;border-radius:300px 300px 28px 28px;overflow:hidden;max-height:560px}
.art__cover img{width:100%;height:100%;max-height:560px;object-fit:cover}
.art{display:grid;grid-template-columns:1fr 340px;gap:70px;padding:40px 0 100px;align-items:start}
.aside{position:sticky;top:100px;display:grid;gap:20px}
.aside__box{padding:22px;border-radius:26px;background:var(--paper);border:1px solid var(--line)}
.aside__box img{border-radius:16px;margin:14px 0;background:#fff}
.aside__box h4{font-size:22px;margin-bottom:6px}
.aside__box p{font-size:14px;color:var(--mute);margin:0 0 14px}
.aside__p{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}
.aside__p small{font-size:12px;color:var(--mute)}
.aside__p b{font:400 28px var(--serif)}
.tag{display:inline-block;font:700 11px var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:var(--aqua2);color:var(--pine)}
.related{display:grid;gap:12px}
.related a{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:14px;font-weight:600;line-height:1.35}
.related img{width:76px;height:56px;object-fit:cover;border-radius:12px;flex:none}

/* product page */
.pdp{padding:50px 0 40px}
.pdp__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:start}
.gallery__main{border-radius:var(--r);background:#fff;overflow:hidden;aspect-ratio:1}
.gallery__main img{width:100%;height:100%;object-fit:contain;transition:opacity .3s}
.gallery__main img.is-sw{opacity:0}
.gallery__th{display:grid;grid-template-columns:repeat(9,1fr);gap:8px;margin-top:12px}
.th{padding:0;border:2px solid transparent;border-radius:12px;overflow:hidden;background:#fff;transition:border-color .2s}
.th.is-on{border-color:var(--ember)}
.th img{aspect-ratio:1;object-fit:cover}
.pdp__info h1{font-size:clamp(38px,4.4vw,60px);color:var(--pine);margin-top:16px}
.pdp__lead{font-size:18px;color:var(--mute)}
.ticks{list-style:none;padding:0;margin:24px 0}
.ticks li{position:relative;padding-left:32px;margin-bottom:10px}
.ticks li::before{content:"";position:absolute;left:0;top:5px;width:20px;height:20px;border-radius:50%;background:var(--aqua) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6 10.5l2.5 2.5L14 7.5' fill='none' stroke='%230f3b3a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.pdp2{display:grid;grid-template-columns:1fr 400px;gap:60px;align-items:start}
.spec{position:sticky;top:100px;padding:28px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line)}
.spec table{width:100%;border-collapse:collapse;font-size:14px;margin-bottom:16px}
.spec th,.spec td{text-align:left;padding:9px 0;border-bottom:1px solid var(--line);vertical-align:top}
.spec th{font-weight:600;width:42%;padding-right:12px}
.spec td{color:var(--mute)}

/* responsive */
@media (max-width:1080px){
  .menu{position:fixed;inset:0 0 0 auto;width:min(360px,86vw);flex-direction:column;gap:2px;padding:110px 26px 30px;background:var(--paper);box-shadow:-30px 0 60px rgba(8,38,37,.2);transform:translateX(105%);transition:transform .5s var(--ease);z-index:-1}
  .menu.is-open{transform:none}
  .menu a{font-size:20px;padding:12px 14px}
  .menu__cta{display:block;margin-top:16px}
  .burger{display:block;margin-left:auto}
  .nav__cta{display:none}
  .hero__grid,.dev,.temp,.rit,.safe,.faq,.pdp__grid,.pdp2,.art,.legal,.contact,.bfeat{grid-template-columns:1fr}
  .hero__grid{gap:50px}
  .pool{max-width:520px;margin:0 auto;width:100%}
  .rit__head,.toc,.aside,.spec{position:static}
  .foot__top{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  body{font-size:16px}
  .wrap,.caps{width:calc(100% - 32px)}
  .nav__in{height:66px}
  .logo{font-size:20px}
  .hero{padding:24px 0 50px}
  .hero__t{font-size:clamp(46px,13vw,64px)}
  .hero__lead{font-size:17px}
  .pool{padding-bottom:110px}
  .panel{left:50%;top:auto;bottom:40px;transform:translateX(-50%);animation:none}
  .panel__msg{left:0;right:0;top:auto;bottom:0;max-width:none;text-align:center}
  .pool__dev{width:34%;right:-6px;bottom:auto;top:-14px}
  .pool__hint{top:auto;bottom:18px}
  .caps,.trio,.safe__l,.bgrid,.about-grid{grid-template-columns:1fr}
  .cap{padding:26px 24px;min-height:0}
  .sec{padding:80px 0}
  .sec--pine,.sec--mist,.fin{border-radius:32px;margin-inline:6px}
  .specs{grid-template-columns:1fr 1fr}
  .therm{padding:30px 24px;gap:24px;border-radius:120px 120px 24px 24px;min-height:0}
  .therm__tube{height:220px;width:38px}
  .therm__read b{font-size:52px}
  .rit__list{padding-left:54px}
  .rit__line{left:14px}
  .rit__s{flex-direction:column;gap:6px}
  .arches{overflow-x:auto;justify-content:flex-start;scroll-snap-type:x mandatory;padding-bottom:10px}
  .arch{flex:0 0 62%;scroll-snap-align:center;transform:none}
  .arch:nth-child(even){margin-top:0}
  .row{grid-template-columns:40px 1fr 40px;gap:14px;padding:22px 4px}
  .row__c{display:none}
  .row__a{width:38px;height:38px}
  .peek{display:none}
  .fin{padding:100px 0}
  .foot__top{grid-template-columns:1fr}
  .gallery__th{grid-template-columns:repeat(5,1fr)}
  .phero__ripple{width:320px;height:320px;right:-140px}
  .art__cover{border-radius:160px 160px 22px 22px}
  .bfeat{padding:14px}
  .adbar{font-size:11px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .rv .w>span,[data-r=up]{transform:none;opacity:1}
}