:root{
  --ink:#13221f;
  --teal:#0e7568;
  --teal-deep:#0c665b;
  --mint:#8fe0cf;
  --paper:#f2f8f7;
  --paper-hi:#f4f9f8;
  --muted:#5a6a66;
  --faint:#7a8a86;
  --dark:#0d1f1c;
  --line:rgba(14,117,104,.15);
  --secY:78px;
}
@media (max-width:980px){ :root{ --secY:58px } }
@media (max-width:640px){ :root{ --secY:42px } }
*{ box-sizing:border-box }
html{ scroll-behavior:auto; scroll-snap-type:y proximity }
body > section{ scroll-snap-align:start; scroll-margin-top:0 }
body > section[id]{ scroll-margin-top:0 }
body > footer{ scroll-snap-align:end }
@media (hover:none) and (pointer:coarse){
  html{ scroll-snap-type:none }
  body > section, body > footer{ scroll-snap-align:none }
}
body > section.section{ min-height:100vh; display:flex; flex-direction:column; justify-content:center }
section#offer{ scroll-margin-top:62px }
.band-tint{ background:#ebf3f1; border-top:1px solid var(--line); border-bottom:1px solid var(--line) }
.band-warm{ background:#f7f4ec; border-top:1px solid rgba(14,117,104,.12); border-bottom:1px solid rgba(14,117,104,.12) }
h2.sec{ font-family:'Instrument Serif',serif; font-weight:400; font-size:clamp(38px,4.5vw,54px); margin:0 }
.sec-head{ margin-bottom:36px }
.sec-head .kicker{ display:block; margin-bottom:14px }
.sec-row{ display:flex; justify-content:space-between; align-items:flex-end; gap:24px; flex-wrap:wrap }
.icn{ display:inline-flex; align-items:center; justify-content:center }
.icn svg{ display:block }

.reveal{ opacity:0; transform:translateY(34px); transition:opacity .8s ease, transform .8s cubic-bezier(.22,.8,.3,1) }
.gate.idle *{ animation-play-state:paused!important }
.lart{ color:var(--teal) }
.science .lart{ color:var(--mint) }
.lart .p{ fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;
          stroke-dasharray:100; stroke-dashoffset:100 }
.lart.draw .p{ stroke-dashoffset:0; transition:stroke-dashoffset .9s ease }
.cline{ display:block; width:24px; height:60px; margin:0 0 8px -2px }
.cline .p{ stroke-width:2 }
.cline .cnode{ fill:currentColor; transform:scale(0); transform-origin:12px 56px; transition:transform .3s ease .7s }
.cline.draw .cnode{ transform:scale(1) }
.cline-c{ margin-left:auto; margin-right:auto }
.rvl{ position:relative; overflow:hidden }
.rvl::after{ content:''; position:absolute; inset:0; pointer-events:none;
  background:linear-gradient(105deg,#e7f0ef 0%,#d3e2e0 55%,#c4d6d3 100%);
  transform:translateX(0); transition:transform .8s cubic-bezier(.22,.8,.3,1) .15s }
.rvl.draw::after{ transform:translateX(103%) }
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{ animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important }
  .reveal{ opacity:1; transform:none }
  .lart .p{ stroke-dashoffset:0 }
  .cline .cnode{ transform:scale(1) }
  .rvl::after{ display:none }
  .seamtrace{ display:none }
  .scrollcue .dripdot,.swipeicon{ animation:none }
  .pumpanim .hand-catch,.skinanim .u-drop,.skinanim .waves{ animation:none; opacity:1; transform:none }
  .pumpanim .pump-drop,.pumpanim .pump-ripple,.skinanim .hero-drop,.skinanim .a-down,.skinanim .a-up{ animation:none; opacity:0 }
  .pumpanim .dose-fill{ animation:none; transform:none }
  .skinanim .spark{ animation:none; opacity:.6 }
  .coldanim .heat{ animation:none; opacity:.45; transform:none }
  .coldanim .snow{ animation:none; opacity:.8 }
  .coldanim .melt-fill{ animation:none; transform:scaleY(.35) }
  .coldanim .melt-line{ animation:none; transform:translateY(33.8px) }
  .fg1,.fg2,.fogfront{ animation:none }
  .journey .jdot{ display:none }
}

.nav{ position:fixed; top:0; left:0; right:0; z-index:90; backdrop-filter:blur(14px);
      background:rgba(242,248,247,.72); border-bottom:1px solid var(--line) }
.nav-in{ display:flex; align-items:center; justify-content:space-between; gap:24px;
         padding-top:15px; padding-bottom:15px }
.nav .brand{ font-size:24px }
.pill{ display:inline-block; border-radius:100px; font-weight:700; white-space:nowrap; transition:transform .2s ease }
.pill:hover{ transform:scale(1.05) }
.pill-teal{ background:var(--teal); color:var(--paper-hi)!important; padding:10px 22px; font-size:13px }
.nav .mob-cta{ display:none }
.mnav{ position:fixed; top:62px; left:auto; right:max(16px, calc((100vw - 1280px) / 2 + 36px)); width:300px; z-index:89; background:var(--paper-hi);
       border:1px solid var(--line); border-top:none; border-radius:0 0 18px 18px;
       box-shadow:0 24px 50px rgba(14,60,52,.12);
       max-height:0; overflow:hidden; transition:max-height .35s cubic-bezier(.22,.8,.3,1) }
.mnav.on{ max-height:480px }

.scene{ position:relative; height:215vh }
.scene-stage{ position:sticky; top:0; height:100vh; height:100dvh; overflow:hidden; background:var(--dark); perspective:1700px }
.interior{ position:absolute; inset:0; z-index:1 }
.interior .ground{ position:absolute; inset:0; background:radial-gradient(75% 60% at 50% 42%, #142a26 0%, var(--dark) 78%) }
.chamber{ position:absolute; inset:0; background:#0b1412 }
.rim{ display:none }
.cavity{ position:absolute; inset:0; overflow:hidden; background:#040c0a }
.cavity .plate{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover }
.plate-blur{ opacity:0; transition:opacity 1.2s ease .5s }
.lit .plate-blur{ opacity:1 }
.lamp2{ position:absolute; top:0; left:5%; right:5%; height:46%; z-index:3; opacity:0; pointer-events:none;
        background:linear-gradient(180deg, rgba(222,248,252,.52), rgba(190,236,244,.16) 42%, rgba(190,236,244,0)) }
.lamp2::before{ content:''; position:absolute; top:7px; left:9%; right:9%; height:7px; border-radius:100px;
        background:linear-gradient(90deg, rgba(235,252,255,0), rgba(235,252,255,.95) 14% 86%, rgba(235,252,255,0)) }
@keyframes tubeOn{ 0%{opacity:0} 30%{opacity:.85} 42%{opacity:.25} 58%{opacity:1} 68%{opacity:.8} 100%{opacity:1} }
.lit .lamp2{ opacity:1; animation:tubeOn .55s ease-out 1 }
.exposure{ position:absolute; left:0; top:-40%; width:100%; height:180%; z-index:4; pointer-events:none;
        background:linear-gradient(180deg, rgba(4,11,9,0) 0%, rgba(4,11,9,.55) 10%, rgba(4,11,9,.97) 24%, rgba(4,11,9,.97) 100%);
        transform:translateY(0); transition:transform 1.25s cubic-bezier(.55,.08,.35,1) .12s }
.lit .exposure{ transform:translateY(80%) }
.rimlight{ position:absolute; inset:0; z-index:8; pointer-events:none;
        box-shadow:inset 0 0 38px rgba(120,220,235,.34), inset 0 0 7px rgba(160,240,250,.42);
        opacity:0; transition:opacity .9s ease .4s }
.lit .rimlight{ opacity:.9 }
.floorshade{ position:absolute; left:0; right:0; bottom:0; height:54%; z-index:5; pointer-events:none;
  background:linear-gradient(180deg, rgba(4,12,10,0), rgba(4,12,10,.5) 52%, rgba(4,12,10,.82)) }
.fogwrap{ position:absolute; inset:0; z-index:6; pointer-events:none }
.fg{ position:absolute; bottom:-3%; left:-16%; width:132%; height:58%; opacity:0; transition:opacity 1.1s ease;
     background:url('../assets/fog-low-1.png') bottom center/100% 100% no-repeat }
.fg2{ height:44%; width:140%; left:-24%; background-image:url('../assets/fog-low-2.png') }
@keyframes fogA{ from{ transform:translate(-3.5%,1.2%) rotate(.4deg) } to{ transform:translate(3.5%,-2%) rotate(-.5deg) } }
@keyframes fogB{ from{ transform:translate(4%,.8%) } to{ transform:translate(-4.5%,-2.6%) } }
.fg1{ animation:fogA 26s ease-in-out infinite alternate }
.fg2{ animation:fogB 34s ease-in-out infinite alternate }
.fcorn{ position:absolute; width:200px; z-index:7; pointer-events:none; opacity:.85 }
.fc-a{ top:-6px; left:-6px } .fc-b{ top:-6px; right:-6px; transform:scaleX(-1) }
.fc-c{ bottom:-6px; left:-6px; transform:scaleY(-1) } .fc-d{ bottom:-6px; right:-6px; transform:scale(-1,-1) }
.drops{ position:absolute; inset:0; width:100%; height:100%; z-index:7; object-fit:cover; pointer-events:none;
        opacity:.16; transition:opacity 2.2s ease .6s }
.lit .drops{ opacity:.38 }
.gglow{ position:absolute; right:2%; bottom:6%; width:330px; height:260px; z-index:5; pointer-events:none;
        background:radial-gradient(55% 55% at 60% 55%, rgba(143,224,207,.22), rgba(143,224,207,0) 72%);
        opacity:0; transition:opacity 1s ease }
.gpanel{ position:absolute; right:4%; bottom:11%; z-index:5; width:232px; padding:12px 14px 11px;
        background:linear-gradient(180deg, rgba(14,32,28,.94), rgba(9,20,17,.96));
        border:1px solid rgba(143,224,207,.35); border-radius:12px;
        transform:perspective(950px) rotateY(-15deg) rotateX(1.5deg); transform-origin:right center;
        box-shadow:0 18px 44px rgba(0,0,0,.5); opacity:0 }
@keyframes panelOn{ 0%{opacity:0} 35%{opacity:.7} 48%{opacity:.15} 62%{opacity:1} 100%{opacity:1} }
.gpanel.pwr{ opacity:1; animation:panelOn .5s steps(1,end) 1 }
.gref{ position:absolute; inset:0; border-radius:12px; pointer-events:none;
       background:linear-gradient(112deg, rgba(255,255,255,.16), rgba(255,255,255,.03) 34%, transparent 55%) }
.bottle-rig{ position:absolute; left:50%; bottom:27vh; width:min(94vw,71.4vh); aspect-ratio:1000/588;
             transform:translateX(-50%); z-index:7 }
.bottle-rig img{ position:absolute; inset:0; width:100%; height:100% }
.b-sil{ opacity:1 }
.b-full{ opacity:0; transform:scale(.985); transform-origin:50% 100%;
        filter:drop-shadow(0 26px 36px rgba(2,8,7,.55));
        transition:opacity .95s ease .3s, transform 1.15s cubic-bezier(.22,.8,.3,1) .3s }
.lit .b-full{ opacity:1; transform:scale(1.03) }
.lit .b-sil{ opacity:0!important; transition:opacity .8s ease .3s }
.scene-cta{ position:absolute; right:calc(50% + 165px); top:50%; transform:translateY(-46%); z-index:9; width:min(400px,33vw);
  padding:30px 32px; border-radius:22px; background:linear-gradient(180deg, rgba(8,19,16,.6), rgba(8,19,16,.48));
  border:1px solid rgba(143,224,207,.16); box-shadow:0 24px 60px rgba(0,0,0,.35);
  visibility:hidden; opacity:0; pointer-events:none }
.scene-cta .sc-line{ font-family:'Instrument Serif',serif; font-size:clamp(30px,2.8vw,41px); line-height:1.16;
  color:var(--paper-hi); margin:0 0 24px; text-shadow:0 2px 24px rgba(0,0,0,.45) }
.scene-cta .sc-line em{ font-style:italic; color:var(--mint) }
.mbr{ display:none }
.scene-cta .sc-btns{ display:flex; flex-direction:column; gap:12px; align-items:flex-start }
.scene-cta .sc-btns a{ pointer-events:auto; display:inline-block; border-radius:100px; font-weight:700;
  font-size:14px; padding:14px 26px; transition:transform .2s ease, background .2s ease }
.scene-cta .sc-btns a:hover{ transform:scale(1.04) }
.sc-trial{ background:var(--mint); color:var(--dark)!important }
.sc-sub{ border:1px solid rgba(143,224,207,.55); color:var(--mint)!important; background:rgba(8,19,16,.35) }
.sc-sub:hover{ background:rgba(143,224,207,.15) }
.sc-mob,.sc-underline{ display:none }
.cue-hand{ display:none }
.lit .scene-cta{ visibility:visible; opacity:1; transform:translateY(-50%);
  transition:opacity .8s ease .75s, transform .9s cubic-bezier(.22,.8,.3,1) .75s }
@media (max-width:980px){ .scene-cta{ display:none } }
.fogfront{ position:absolute; left:6%; right:6%; bottom:5.5vh; height:23vh; z-index:6; pointer-events:none; opacity:0;
           background:url('../assets/fog-low-2.png') bottom center/100% 100% no-repeat; transition:opacity 1.1s ease }
@keyframes fogFrontDrift{ from{ transform:translateX(-6%) } to{ transform:translateX(6%) } }
.fogfront{ animation:fogFrontDrift 40s ease-in-out infinite alternate }
@keyframes gaugePulse{ 0%,100%{opacity:1} 50%{opacity:.3} }
.g-top{ display:flex; align-items:center; gap:7px; font-family:ui-monospace,monospace;
        font-size:10px; letter-spacing:.13em; color:rgba(242,248,247,.72); margin-bottom:10px }
.g-unit{ margin-left:auto; color:rgba(242,248,247,.45) }
.g-dot{ width:6px; height:6px; border-radius:50%; background:var(--mint); animation:gaugePulse 2.2s ease-in-out infinite }
.g-main{ display:flex; align-items:center; gap:12px; margin-bottom:8px }
.g-arc{ width:88px; flex:none; display:block }
.g-readwrap{ text-align:left }
.g-read{ font-family:'Instrument Serif',serif; font-size:27px; line-height:1; color:var(--mint) }
.g-sub{ font-family:ui-monospace,monospace; font-size:9px; letter-spacing:.06em; color:rgba(242,248,247,.5); margin-top:5px; white-space:nowrap }
.g-graph{ display:block; width:100%; height:46px; border:1px solid rgba(143,224,207,.18); border-radius:6px;
          background:rgba(8,19,16,.6) }
.g-axis{ display:flex; justify-content:space-between; font-family:ui-monospace,monospace; font-size:8.5px;
         letter-spacing:.08em; color:rgba(242,248,247,.4); margin-top:5px }
.interior-cap{ position:absolute; left:0; right:0; bottom:5.5vh; text-align:center; padding:0 36px; opacity:0; z-index:9 }
.interior-cap .big{ text-shadow:0 2px 26px rgba(0,0,0,.72) }
.interior-cap .small{ text-shadow:0 1px 14px rgba(0,0,0,.72) }
.interior-cap .scrollcue{ margin-top:14px; color:rgba(244,249,248,.72) }
.interior-cap .drip{ color:var(--mint) }
.interior-cap .big{ font-family:'Instrument Serif',serif; font-size:clamp(26px,3.5vw,40px); color:var(--paper-hi); margin-bottom:8px }
.interior-cap .big em{ color:var(--mint) }
.interior-cap .small{ font-size:14px; color:rgba(244,249,248,.7) }

.door{ position:absolute; top:0; bottom:0; width:50%; z-index:3; overflow:hidden; backface-visibility:hidden }
.door-l{ left:0; transform-origin:left center; box-shadow:10px 0 40px rgba(13,31,28,.25) }
.door-r{ right:0; transform-origin:right center; box-shadow:-10px 0 40px rgba(13,31,28,.25) }
.door-l .face{ position:absolute; inset:0; background:linear-gradient(105deg,#e7f0ef 0%,#d3e2e0 55%,#c4d6d3 100%) }
.door-r .face{ position:absolute; inset:0; background:linear-gradient(255deg,#e7f0ef 0%,#d3e2e0 55%,#c4d6d3 100%) }
.door .seam{ position:absolute; top:0; bottom:0; width:1px; background:rgba(13,31,28,.25) }
.door-l .seam{ right:0 } .door-r .seam{ left:0 }
.door .handle{ position:absolute; top:50%; transform:translateY(-50%); width:14px; height:50%; border-radius:100px;
               background:linear-gradient(180deg,#f4f9f8,#b9cdca);
               box-shadow:inset 0 0 0 1px rgba(13,31,28,.15), 0 8px 20px rgba(13,31,28,.18) }
.door-l .handle{ right:30px } .door-r .handle{ left:30px }
.door-l .emboss{ position:absolute; left:48px; bottom:44px; font-family:'Baloo 2',sans-serif; font-weight:800;
                 font-size:19px; color:rgba(13,31,28,.35); letter-spacing:-.02em }
.door-r .emboss{ position:absolute; right:48px; bottom:44px; font-family:ui-monospace,monospace;
                 font-size:11.5px; line-height:1.9; color:rgba(13,31,28,.4); text-align:right }
.door .shade{ position:absolute; inset:0; background:#0d1f1c; opacity:0; pointer-events:none }
.seamtrace{ position:absolute; left:50%; top:0; bottom:0; width:2px; margin-left:-1px; z-index:5; pointer-events:none;
  background:linear-gradient(180deg, rgba(143,224,207,0), var(--mint) 25%, var(--mint) 75%, rgba(143,224,207,0));
  transform:scaleY(0); transform-origin:center bottom; opacity:0 }

.doorcopy{ position:absolute; inset:0; z-index:4; display:flex; flex-direction:column; align-items:center;
           justify-content:center; text-align:center; padding:0 36px; pointer-events:none }
.doorcopy-card{ position:relative; padding:70px 110px 62px }
.doorcopy-mist{ position:absolute; inset:-36px; pointer-events:none;
  background:radial-gradient(47% 55% at 32% 38%, rgba(244,249,248,.92), rgba(244,249,248,0) 68%),
             radial-gradient(44% 62% at 70% 52%, rgba(219,238,235,.88), rgba(219,238,235,0) 68%),
             radial-gradient(69% 38% at 50% 72%, rgba(244,249,248,.8), rgba(244,249,248,0) 72%) }
.doorcopy .mob{ display:none }
.doorcopy .kicker{ font-size:12px; font-weight:700; letter-spacing:.2em; text-transform:uppercase;
                   color:var(--teal); margin-bottom:18px; position:relative }
.doorcopy h1{ position:relative; font-family:'Instrument Serif',serif; font-weight:400; margin:0;
              font-size:clamp(44px,8.5vh,92px); line-height:1.08; color:var(--ink); text-wrap:balance }
.doorcopy h1 em{ color:var(--teal) }
.doorcopy .trust{ position:relative; margin-top:26px; display:flex; flex-wrap:wrap; gap:10px 20px;
                  justify-content:center; font-size:13px; font-weight:600; color:var(--muted); pointer-events:auto }
.doorcopy .trust .stars{ color:var(--teal); letter-spacing:3px }
.doorcopy .trust a{ border-bottom:1px solid rgba(14,117,104,.35); padding-bottom:1px }
.scrollcue{ position:relative; margin-top:38px; display:flex; flex-direction:column;
            align-items:center; gap:8px; font-size:12.5px; font-weight:700; letter-spacing:.16em;
            text-transform:uppercase; color:var(--muted) }
.scrollcue .drip{ color:var(--teal) }
@keyframes swipeUp{ 0%,15%{ transform:translateY(9px); opacity:0 } 35%{ opacity:1 }
  62%{ transform:translateY(-6px); opacity:1 } 88%,100%{ transform:translateY(-13px); opacity:0 } }
.swipeicon{ width:34px; height:34px; animation:swipeUp 2s ease-in-out infinite }
@keyframes dripFall{ 0%,14%{ transform:translateY(-7px); opacity:0 } 34%{ opacity:1; transform:translateY(0) }
  74%{ transform:translateY(7px); opacity:1 } 100%{ transform:translateY(11px); opacity:0 } }
.scrollcue .dripdot{ animation:dripFall 1.9s ease-in infinite }

.intro-statement{ max-width:1000px; margin:0 auto 52px; padding:0 36px; text-align:center }
.intro-statement p{ font-family:'Instrument Serif',serif; font-size:clamp(28px,4vw,44px); line-height:1.3; margin:0 }
.intro-statement em{ color:var(--teal) }
.intro-statement .dim{ color:var(--faint) }
.kyle{ display:grid; grid-template-columns:300px minmax(0,1fr); gap:48px; align-items:center;
       background:rgba(255,255,255,.55); border:1px solid var(--line);
       border-radius:28px; padding:36px }
.kyle-media{ position:relative; cursor:pointer }
.kyle-media img{ width:300px; height:340px; object-fit:cover; object-position:60% 30%;
                 border-radius:20px; display:block }
.playb i{ width:64px; height:64px; border-radius:50%; background:rgba(244,249,248,.92); color:var(--ink);
          display:flex; align-items:center; justify-content:center; font-style:normal;
          box-shadow:0 10px 30px rgba(14,60,52,.3); transition:transform .2s ease }
.playb i svg{ margin-left:3px }
.kyle-media:hover .playb i{ transform:scale(1.1) }
.kyle blockquote{ font-family:'Instrument Serif',serif; font-size:clamp(26px,2.6vw,34px); line-height:1.25; margin:0 0 22px }
.kyle blockquote em{ color:var(--teal) }
.cred{ font-size:15px; font-weight:700 }
.cred em{ font-style:normal; color:var(--teal) }
.crednote{ font-size:13px; color:var(--faint); margin-top:6px }
.teamnote{ font-size:14px; line-height:1.65; margin:-4px 0 18px; max-width:56em }

.ritual{ position:relative; height:275vh }
.ritual-stage{ position:sticky; top:0; height:100vh; height:100svh; overflow:hidden; display:grid;
               grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:center;
               max-width:1280px; margin:0 auto; padding:0 36px; gap:56px }
.step-row{ padding:16px 0; border-bottom:1px solid rgba(14,117,104,.12); opacity:.35; transition:opacity .4s ease }
.step-row.on{ opacity:1 }
.step-line{ display:flex; align-items:baseline; gap:16px }
.step-num{ font-family:ui-monospace,monospace; font-size:13px; color:var(--teal); width:30px }
.step-name{ font-family:'Instrument Serif',serif; font-size:30px; color:var(--muted); transition:font-size .4s ease, color .4s ease }
.step-row.on .step-name{ font-size:38px; color:var(--ink) }
.step-body{ max-height:0; overflow:hidden; transition:max-height .5s cubic-bezier(.22,.8,.3,1) }
.step-row.on .step-body{ max-height:120px }
.step-body p{ font-size:15.5px; line-height:1.6; color:var(--muted); margin:10px 0 0 46px; max-width:26em }
.ritual-progress{ position:relative; margin:30px 0 0 46px; height:3px; width:220px; background:rgba(14,117,104,.15);
                  border-radius:100px; overflow:hidden }
.ritual-progress::after{ content:''; position:absolute; inset:0;
                  background:repeating-linear-gradient(90deg, transparent 0 calc(25% - 2px), var(--paper) calc(25% - 2px) 25%) }
.ritual-progress i{ display:block; height:100%; width:0; background:var(--teal); border-radius:100px }
.ritual-vis{ position:relative; height:72vh }
.step-panel{ position:absolute; inset:0; opacity:0; transform:scale(.94) rotate(2deg); border-radius:26px;
             box-shadow:0 30px 80px rgba(14,60,52,.2); overflow:hidden;
             transition:opacity .26s ease, transform .5s cubic-bezier(.22,.8,.3,1);
             display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px;
             padding:26px 0 48px;
             background:linear-gradient(165deg,#ffffff,#d6ecea) }
.step-panel.past{ transform:scale(.94) rotate(-2deg) }
.step-panel.on{ opacity:1; transform:scale(1) rotate(0); transition:opacity .32s ease .2s, transform .55s cubic-bezier(.22,.8,.3,1) .2s }
.step-panel .p-ing{ opacity:0; transform:translateY(-6px); transition:opacity .15s ease, transform .15s ease }
.step-panel .p-note{ opacity:0; transform:translateY(6px); transition:opacity .15s ease, transform .15s ease }
.step-panel.on .p-ing{ opacity:1; transform:none; transition:opacity .3s ease .6s, transform .35s ease .6s }
.step-panel.on .p-note{ opacity:1; transform:none; transition:opacity .3s ease .72s, transform .35s ease .72s }
.step-panel .whisper{ opacity:0; transition:opacity .15s ease }
.step-panel.on .whisper{ opacity:1; transition:opacity .3s ease .55s }
.step-panel img{ max-height:48%; filter:drop-shadow(0 30px 40px rgba(14,60,52,.28)) }
.step-panel .whisper{ position:absolute; bottom:22px; left:0; right:0; text-align:center; font-size:12px;
                      font-weight:700; letter-spacing:.14em; text-transform:uppercase; color:var(--faint) }
.step-panel .p-ing{ font-family:'Instrument Serif',serif; font-size:clamp(20px,1.9vw,28px); line-height:1.25;
          color:var(--teal); text-align:center; padding:0 26px; max-width:22em }
.step-panel .p-ing i{ font-style:normal; color:var(--faint); padding:0 4px }
.step-panel .p-note{ font-size:13.5px; line-height:1.6; color:var(--muted); text-align:center;
          max-width:34em; padding:0 30px }

.results-grid{ display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:56px; align-items:center }
.tickframe{ position:relative }
.tickframe::before{ content:''; position:absolute; top:-9px; left:-9px; width:22px; height:22px;
  border-top:2px solid rgba(14,117,104,.55); border-left:2px solid rgba(14,117,104,.55) }
.tickframe::after{ content:''; position:absolute; bottom:-9px; right:-9px; width:22px; height:22px;
  border-bottom:2px solid rgba(14,117,104,.55); border-right:2px solid rgba(14,117,104,.55) }
.filebar{ display:flex; align-items:center; justify-content:space-between; gap:12px;
  font-family:ui-monospace,monospace; font-size:10.5px; letter-spacing:.12em; color:var(--faint); margin-bottom:12px }
.filebar .fdot{ width:7px; height:7px; border-radius:50%; background:var(--teal); flex:none; animation:gaugePulse 2.6s ease-in-out infinite }
.filebar .lft{ display:flex; align-items:center; gap:8px }
.concern .fnum{ font-family:ui-monospace,monospace; font-size:12px; letter-spacing:.08em; color:var(--teal) }
.fmeter{ display:flex; align-items:center; gap:10px; margin-top:16px;
  font-family:ui-monospace,monospace; font-size:9.5px; letter-spacing:.1em; color:var(--faint) }
.fmeter .cells{ display:flex; gap:5px }
.fmeter .cells i{ width:38px; height:17px; border:1px solid rgba(14,117,104,.35); border-radius:4px;
  display:flex; align-items:center; justify-content:center; font-style:normal; font-size:8.5px; color:var(--faint);
  transition:background .25s ease, border-color .25s ease, color .25s ease }
.concern.open .fmeter i.on{ background:var(--teal); border-color:var(--teal); color:var(--paper-hi) }
.concern.open .fmeter i:nth-child(1){ transition-delay:.15s }
.concern.open .fmeter i:nth-child(2){ transition-delay:.27s }
.concern.open .fmeter i:nth-child(3){ transition-delay:.39s }
.concern.open .fmeter i:nth-child(4){ transition-delay:.51s }
.results-media video{ display:block; width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:26px;
                      border:1px solid var(--teal); box-shadow:0 24px 60px rgba(14,60,52,.16) }
.concern-art{ width:130px; height:130px; flex:none }
.concern-art svg{ width:100%; height:100%; display:block }
@media (max-width:980px){ .concern-art{ display:none } }
.concern{ background:rgba(255,255,255,.5); border:1px solid var(--line); border-radius:22px;
          padding:26px 32px; cursor:pointer; transition:background .3s ease; margin-bottom:12px }
.concern.open{ background:rgba(255,255,255,.85) }
.concern-head{ display:flex; align-items:center; justify-content:space-between; gap:20px }
.concern-head .t{ display:flex; align-items:baseline; gap:20px; flex-wrap:wrap }
.concern-head .name{ font-family:'Instrument Serif',serif; font-size:clamp(26px,3vw,34px); color:var(--teal) }
.concern-head .tag{ font-size:13px; color:var(--faint) }
.concern-head .chev{ color:var(--teal); font-size:18px; transition:transform .35s ease }
.concern.open .chev{ transform:rotate(180deg) }
.concern-body{ max-height:0; overflow:hidden; transition:max-height .45s cubic-bezier(.22,.8,.3,1) }
.concern.open .concern-body{ max-height:260px }
.concern-body p{ font-size:15.5px; line-height:1.65; color:#3d4f4b; max-width:48em; margin:16px 0 0 }

.ba-grid{ display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:56px; align-items:center }
.ba-copy p{ font-size:16.5px; line-height:1.65; color:#3d4f4b; max-width:28em }
.ba-pairs{ display:flex; gap:10px; margin-top:16px }
.ba-pairs button{ font-family:'Archivo',sans-serif; font-size:12.5px; font-weight:700; cursor:pointer;
                  padding:9px 18px; border-radius:100px; border:1px solid rgba(14,117,104,.35);
                  background:rgba(255,255,255,.6); color:var(--teal); transition:all .2s ease }
.ba-pairs button.on{ background:var(--teal); border-color:var(--teal); color:var(--paper-hi) }
.ba{ position:relative; aspect-ratio:5/4; height:auto; border-radius:26px; overflow:hidden; cursor:ew-resize;
     touch-action:none; box-shadow:0 24px 60px rgba(14,60,52,.18); user-select:none }
.ba .after,.ba .before{ position:absolute; inset:0; background-position:center; background-size:cover }
.ba .after{ background-image:url('../assets/ba6-after.jpg') }
.ba .before{ background-image:url('../assets/ba6-before.jpg'); clip-path:inset(0 50% 0 0); pointer-events:none }
.ba .handle{ position:absolute; top:0; bottom:0; left:50%; width:3px; background:var(--paper-hi);
             transform:translateX(-50%); pointer-events:none; box-shadow:0 0 20px rgba(14,60,52,.35) }
.ba .knob{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:46px; height:46px;
           border-radius:50%; background:var(--paper-hi); box-shadow:0 6px 24px rgba(14,60,52,.3);
           display:flex; align-items:center; justify-content:center; color:var(--teal) }
.ba .tag{ position:absolute; top:16px; font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
          padding:6px 12px; border-radius:100px; pointer-events:none; white-space:nowrap; color:var(--paper-hi) }
.ba .tag.b{ left:16px; background:rgba(19,34,31,.75) }
.ba .tag.a{ right:16px; background:rgba(14,117,104,.85) }

.rev-controls{ display:flex; gap:10px }
.rev-controls button{ width:46px; height:46px; border-radius:50%; cursor:pointer; transition:transform .2s;
                      display:flex; align-items:center; justify-content:center }
.rev-controls button:hover{ transform:scale(1.1) }
.rev-prev{ border:1px solid rgba(14,117,104,.35); background:rgba(255,255,255,.6); color:var(--teal) }
.rev-next{ border:none; background:var(--teal); color:var(--paper-hi) }
.rev-window{ overflow:hidden; border-radius:26px }
.rev-track{ display:flex; transition:transform .65s cubic-bezier(.22,.8,.3,1) }
.rev-slide{ flex:0 0 100%; background:rgba(255,255,255,.6); border:1px solid rgba(14,117,104,.14);
            border-radius:26px; padding:36px 44px; display:flex; flex-direction:row; gap:44px;
            align-items:center; text-align:left }
.rev-media{ position:relative; flex:none; width:300px; height:340px; border-radius:20px; overflow:hidden;
            cursor:pointer; border:1px solid rgba(14,117,104,.2) }
.rev-media img{ width:100%; height:100%; object-fit:cover; display:block;
                transition:transform .35s cubic-bezier(.22,.8,.3,1) }
.rev-media:hover img{ transform:scale(1.04) }
.rev-media:hover .playb i{ transform:scale(1.1) }
.rev-body{ display:flex; flex-direction:column; align-items:flex-start; gap:16px }
.rev-body .stars{ color:var(--teal); letter-spacing:5px; font-size:18px }
.rev-body .q{ font-family:'Instrument Serif',serif; font-size:clamp(24px,3vw,36px); line-height:1.3; max-width:22em }
.rev-body .who{ font-size:13px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--faint) }
.rev-dots{ display:flex; gap:8px; justify-content:center; margin-top:22px }
.rev-dots button{ width:9px; height:9px; border-radius:100px; border:none; cursor:pointer;
                  background:rgba(14,117,104,.3); transition:all .3s ease; padding:0 }
.rev-dots button.on{ width:26px; background:var(--teal) }
.amz{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:56px }
.amz-card{ background:rgba(255,255,255,.6); border:1px solid rgba(14,117,104,.14); border-radius:20px;
           padding:24px 26px; display:flex; flex-direction:column; gap:12px }
.amz-card .stars{ color:var(--teal); letter-spacing:3px; font-size:14px }
.amz-card .q{ font-family:'Instrument Serif',serif; font-size:17px; line-height:1.45; font-style:italic; flex:1 }
.amz-card .who{ font-size:11.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--faint) }
.proof-sub{ margin-top:48px }
.proof-sub .sec-row{ margin-bottom:24px }
.social-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px }
.social-tile{ position:relative; display:block; border-radius:22px; overflow:hidden; aspect-ratio:2/3;
              border:1px solid rgba(14,117,104,.14); background:#fff; cursor:pointer;
              transition:transform .3s cubic-bezier(.22,.8,.3,1), box-shadow .3s ease }

.science{ background:var(--teal); color:var(--paper) }
.science .kicker{ color:var(--mint) }
.science .sec-head{ margin-bottom:42px }
.science h2{ font-family:'Instrument Serif',serif; font-weight:400; font-size:clamp(40px,5vw,60px);
             line-height:1.05; max-width:16em; margin:0 }
.sci-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2px; background:rgba(242,248,247,.25) }
.sci-cell{ background:var(--teal); padding:32px 30px 36px }
.sci-diagram{ height:150px; margin-bottom:18px }
.sci-num{ font-size:12px; font-weight:700; letter-spacing:.14em; color:var(--mint); margin-bottom:10px }
.sci-head{ font-weight:700; font-size:19px; margin-bottom:10px }
.sci-cell p{ font-size:14.5px; line-height:1.6; color:rgba(242,248,247,.8); margin:0 }
.sci-note{ font-family:ui-monospace,monospace; font-size:11px; color:rgba(242,248,247,.55) }
@keyframes heroDropFall{ 0%,10%{ transform:translateY(0); opacity:0 } 17%{ opacity:1 }
  46%{ transform:translateY(42px); opacity:1 } 55%,100%{ transform:translateY(48px); opacity:0 } }
@keyframes plump{ 0%,46%{ transform:scale(.55); opacity:.35 } 62%,90%{ transform:scale(1); opacity:1 } 100%{ transform:scale(.55); opacity:.35 } }
@keyframes arrowDown{ 0%,8%{ transform:translateY(-6px); opacity:0 } 22%{ opacity:.9 } 40%{ transform:translateY(6px); opacity:0 } 41%,100%{ transform:translateY(-6px); opacity:0 } }
@keyframes arrowUp{ 0%,52%{ transform:translateY(6px); opacity:0 } 64%{ opacity:.9 } 86%{ transform:translateY(-5px); opacity:0 } 87%,100%{ transform:translateY(6px); opacity:0 } }
@keyframes twinkle{ 0%,100%{ opacity:.2 } 50%{ opacity:.9 } }
@keyframes waveSway{ 0%,100%{ transform:translateX(0) } 50%{ transform:translateX(6px) } }
.skinanim .hero-drop{ animation:heroDropFall 4.2s ease-in infinite }
.skinanim .a-down{ animation:arrowDown 4.2s ease-in-out infinite }
.skinanim .a-up{ animation:arrowUp 4.2s ease-in-out infinite }
.skinanim .waves{ animation:waveSway 7s ease-in-out infinite }
.skinanim .spark{ animation:twinkle 2.6s ease-in-out infinite }
.skinanim .sp2{ animation-delay:-.9s } .skinanim .sp3{ animation-delay:-1.7s }
.skinanim .u-drop{ animation:plump 4.2s ease-in-out infinite }
.skinanim .u1{ transform-origin:85px 112px } .skinanim .u2{ transform-origin:160px 112px; animation-delay:.18s }
.skinanim .u3{ transform-origin:235px 112px; animation-delay:.36s }
.skinanim .p2{ fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round }
.skinanim .lbl{ font-family:ui-monospace,monospace; font-size:7.5px; letter-spacing:.1em; fill:currentColor;
  opacity:0; transition:opacity .6s ease 1.1s }
.skinanim.draw .lbl{ opacity:.6 }
@keyframes pumpPress{ 0%,12%{transform:translateY(0)} 16%,26%{transform:translateY(6px)} 34%,100%{transform:translateY(0)} }
@keyframes dropFall{ 0%,24%{opacity:0; transform:translateY(0)} 30%{opacity:1} 44%{opacity:1; transform:translateY(68px)} 50%,100%{opacity:0; transform:translateY(68px)} }
@keyframes rippleOut{ 0%,44%{opacity:0; transform:scale(.4)} 52%{opacity:.9} 74%,100%{opacity:0; transform:scale(1.2)} }
@keyframes handIn{ 0%{ transform:translateX(-18px); opacity:0 } 10%,90%{ transform:translateX(0); opacity:1 } 100%{ transform:translateX(-18px); opacity:0 } }
@keyframes doseFill{ 0%,40%{ transform:scaleY(.02) } 56%,88%{ transform:scaleY(1) } 98%,100%{ transform:scaleY(.02) } }
@keyframes gearSpin{ to{ transform:rotate(360deg) } }
.pumpanim .pump-head{ animation:pumpPress 3.2s ease-in-out infinite }
.pumpanim .hand-catch{ animation:handIn 3.2s ease-in-out infinite }
.pumpanim .pump-drop{ animation:dropFall 3.2s ease-in infinite }
.pumpanim .pump-ripple{ transform-origin:30px 121px; animation:rippleOut 3.2s ease-out infinite }
.pumpanim .dose-fill{ transform-origin:208px 132px; animation:doseFill 3.2s ease-in-out infinite; opacity:0; transition:opacity .5s ease 1s }
.pumpanim.draw .dose-fill{ opacity:.26 }
.pumpanim .gearA{ transform-origin:262px 86px; animation:gearSpin 14s linear infinite }
.pumpanim .gearB{ transform-origin:288px 108px; animation:gearSpin 11s linear infinite reverse }
.pumpanim .p2{ fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round }
.pumpanim .dash{ stroke-dasharray:4 5; opacity:0; transition:opacity .5s ease 1.3s }
.pumpanim.draw .dash{ opacity:.4 }
.d-dose{ display:flex; align-items:center; justify-content:center; gap:24px }
.d-dose .ring{ position:relative; width:110px; height:110px; border-radius:50%; border:9px solid var(--mint);
               display:flex; align-items:center; justify-content:center }
.d-dose .ring::after{ content:''; position:absolute; inset:8px; border-radius:50%; border:1px dashed rgba(242,248,247,.4) }
.d-dose .rv{ text-align:center }
.d-dose .rv .n{ font-family:'Instrument Serif',serif; font-size:24px; color:var(--paper) }
.d-dose .rv .u{ font-family:ui-monospace,monospace; font-size:9.5px; color:rgba(242,248,247,.65) }
.d-dose .bars{ display:flex; flex-direction:column; gap:7px }
.d-dose .bars i{ display:block; width:64px; height:7px; background:var(--mint); border-radius:100px }
.d-dose .bars .cap{ font-family:ui-monospace,monospace; font-size:9.5px; color:rgba(242,248,247,.65); margin-top:2px }
@keyframes meltFill{ 0%,15%{ transform:scaleY(1) } 75%,88%{ transform:scaleY(.35) } 97%,100%{ transform:scaleY(1) } }
@keyframes meltLine{ 0%,15%{ transform:translateY(0) } 75%,88%{ transform:translateY(33.8px) } 97%,100%{ transform:translateY(0) } }
@keyframes heatRise{ 0%{ transform:translateY(6px); opacity:0 } 30%{ opacity:.85 } 70%{ opacity:.45 } 100%{ transform:translateY(-11px); opacity:0 } }
.coldanim .p2{ fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round }
.coldanim .snow{ animation:twinkle 3s ease-in-out infinite }
.coldanim .heat{ animation:heatRise 3.4s ease-in infinite }
.coldanim .h2{ animation-delay:-1.15s } .coldanim .h3{ animation-delay:-2.3s }
.coldanim .melt-fill{ transform-origin:242px 124px; animation:meltFill 5.2s ease-in-out infinite }
.coldanim .melt-line{ animation:meltLine 5.2s ease-in-out infinite }
.coldanim .sfill,.coldanim .mfill,.coldanim .mline{ opacity:0; transition:opacity .6s ease .95s }
.coldanim.draw .sfill,.coldanim.draw .mfill,.coldanim.draw .mline{ opacity:1 }
.coldanim .dash{ stroke-dasharray:4 5; opacity:0; transition:opacity .5s ease 1s }
.coldanim.draw .dash{ opacity:.3 }
.coldanim .lbl{ font-family:ui-monospace,monospace; font-size:7.5px; letter-spacing:.1em; fill:currentColor;
  opacity:0; transition:opacity .6s ease 1.15s }
.coldanim.draw .lbl{ opacity:.65 }
.monitor-grid{ display:grid; grid-template-columns:minmax(0,2fr) minmax(0,1fr); gap:0;
               margin-top:2px }
.monitor,.chapters{ background:var(--teal-deep); padding:28px }
.monitor-top{ display:flex; align-items:center; justify-content:space-between;
              border:1px solid rgba(143,224,207,.35); border-bottom:none; border-radius:12px 12px 0 0; padding:12px 18px }
.monitor-top .lft{ display:flex; align-items:center; gap:8px }
.monitor-top .dot{ width:9px; height:9px; border-radius:50%; background:var(--mint) }
.monitor-top span{ font-family:ui-monospace,monospace; font-size:11.5px; color:var(--mint) }
.monitor-top .dur{ color:rgba(242,248,247,.6) }
.monitor-body{ position:relative; height:305px; border:1px solid rgba(143,224,207,.35);
               border-radius:0 0 12px 12px; overflow:hidden; cursor:pointer }
.monitor-body img{ width:100%; height:100%; object-fit:cover; display:block }
.chapters{ display:flex; flex-direction:column; justify-content:center }
.chapters .k{ font-size:12px; font-weight:700; letter-spacing:.14em; color:var(--mint); margin-bottom:16px }
.chapter{ display:flex; gap:16px; align-items:baseline; border-top:1px solid rgba(143,224,207,.2); padding:13px 0 }
.chapter .t{ font-family:ui-monospace,monospace; font-size:11.5px; color:var(--mint) }
.chapter .l{ font-size:14.5px; color:rgba(242,248,247,.85) }
.specband{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2px;
           background:rgba(242,248,247,.25); margin-top:2px }
.spec{ background:var(--teal-deep); padding:26px 30px }
.spec .hd{ font-weight:700; font-size:15px; margin-bottom:6px }
.spec .hd b{ color:var(--mint); font-family:'Instrument Serif',serif; font-weight:400; font-size:22px; margin-right:8px }
.spec p{ font-size:13px; line-height:1.55; color:rgba(242,248,247,.75); margin:0 }
.stats{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:2px;
        background:rgba(242,248,247,.25); margin-top:2px }
.stat{ background:var(--teal-deep); padding:24px 30px }
.stat .big{ font-family:'Instrument Serif',serif; font-size:46px; color:var(--mint) }
.stat .small{ font-size:12.5px; color:rgba(242,248,247,.75); margin-top:4px }
.sci-foot{ font-family:ui-monospace,monospace; font-size:11.5px; color:rgba(242,248,247,.6); margin-top:18px }

.journey{ margin:26px 0 4px }
.journey .p{ stroke-width:2.2 }
@keyframes planeFly{ 0%,100%{transform:translate(0,0)} 50%{transform:translate(5px,-4px)} }
@keyframes cloudDrift1{ 0%,100%{transform:translateX(0)} 50%{transform:translateX(-7px)} }
@keyframes cloudDrift2{ 0%,100%{transform:translateX(0)} 50%{transform:translateX(6px)} }
.journey .planeMove{ animation:planeFly 5.5s ease-in-out infinite }
.journey .cloudMove1{ animation:cloudDrift1 8s ease-in-out infinite }
.journey .cloudMove2{ animation:cloudDrift2 9.5s ease-in-out infinite }
.journey svg{ width:100%; max-width:1000px; margin:0 auto; height:auto; display:block }
.journey .jline{ fill:none; stroke:currentColor; stroke-width:1.2; stroke-dasharray:5 7; opacity:.45 }
.journey .jdot{ offset-path:path('M104 112 C 210 120, 550 120, 656 112'); animation:jTravel 6s linear infinite }
.journey .jlab{ font-family:ui-monospace,monospace; font-size:9.5px; letter-spacing:.1em; fill:var(--muted); opacity:0; transition:opacity .6s ease 2.3s }
.journey .lart.draw .jlab{ opacity:1 }
@keyframes jTravel{ 0%{offset-distance:0%; opacity:0} 6%{opacity:1} 94%{opacity:1} 100%{offset-distance:100%; opacity:0} }
.f2f-grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:32px }
.f2f-card{ background:rgba(255,255,255,.72); border:1px solid var(--line); border-radius:22px; padding:30px }
.licon{ width:44px; height:44px; display:block; margin-bottom:18px }
.f2f-card .hd{ font-weight:700; font-size:17px; margin-bottom:8px }
.f2f-card p{ font-size:14px; line-height:1.6; color:var(--muted); margin:0 }
.boxlabel-wrap{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:56px; align-items:center; margin-top:52px }
.boxlabel{ border:2px dashed rgba(14,117,104,.5); border-radius:14px; padding:30px 34px;
           background:rgba(255,255,255,.8); max-width:460px }
.boxlabel .l1{ font-family:ui-monospace,monospace; font-size:13px; font-weight:700; letter-spacing:.1em;
               color:var(--ink); margin-bottom:8px }
.boxlabel .l2{ font-family:ui-monospace,monospace; font-size:11.5px; letter-spacing:.08em; color:var(--muted); margin-bottom:20px }
.boxlabel .datel{ display:flex; flex-wrap:wrap; align-items:baseline; gap:12px; font-family:ui-monospace,monospace;
                  font-size:11.5px; letter-spacing:.08em; color:var(--muted) }
.boxlabel .date{ position:relative; font-family:'Instrument Serif',serif; font-style:italic; font-size:26px;
                 color:var(--teal); white-space:nowrap; padding:0 14px 4px }
.boxlabel .pen{ position:absolute; left:0; bottom:-1px; width:100%; height:8px; pointer-events:none }
.boxlabel .pen .p{ stroke-width:2 }
.boxlabel-copy .kicker{ margin-bottom:14px; display:block }
.boxlabel-copy p{ font-size:16px; line-height:1.65; color:#3d4f4b; max-width:30em; margin:0 }
.pkgnote{ font-family:ui-monospace,monospace; font-size:11.5px; color:var(--faint); margin-top:14px }

.ing-grid{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:56px }
.ing-box{ border:1px solid rgba(14,117,104,.3); border-radius:18px; background:rgba(255,255,255,.55);
          padding:24px; font-family:ui-monospace,monospace; font-size:13px; line-height:1.8; color:var(--muted) }
.ib-top{ display:flex; align-items:center; gap:8px; font-size:10px; letter-spacing:.14em; color:var(--teal);
         margin-bottom:12px; line-height:1 }
.ib-top i{ width:7px; height:7px; border-radius:50%; background:var(--teal); animation:gaugePulse 2.6s ease-in-out infinite }
.nots .notdash{ flex:none; align-self:center; width:24px; color:var(--teal) }
.nots .notdash svg{ display:block; width:24px; height:8px }
.nots{ width:fit-content; min-width:280px; margin-top:26px }
.nots .item{ display:flex; gap:14px; align-items:baseline; border-bottom:1px solid rgba(14,117,104,.18); padding:13px 32px 13px 0; font-size:16px }
.pumpshot{ margin:30px 0 0 }
.pumpshot img{ display:block; width:min(100%, 400px); border-radius:26px; border:1px solid var(--line);
               box-shadow:0 18px 44px rgba(14,60,52,.18), 0 0 0 6px rgba(255,255,255,.55) }
.nots .item span{ color:var(--teal); font-weight:700 }
.nots-note{ font-size:14px; color:var(--faint); margin-top:18px; font-style:italic }

.faq-wrap{ max-width:900px; margin:0 auto; padding:0 36px }
.faq-group{ display:flex; align-items:baseline; gap:12px; font-size:13px; font-weight:700; letter-spacing:.16em;
            text-transform:uppercase; color:var(--teal); margin:44px 0 6px }
.faq-group .gchip{ font-family:ui-monospace,monospace; font-size:10px; letter-spacing:.1em; color:var(--faint); font-weight:400 }
.faq-item{ border-top:1px solid rgba(14,117,104,.2); padding:19px 6px; cursor:pointer }
.faq-head{ display:flex; justify-content:space-between; align-items:center; gap:20px }
.faq-head .q{ font-size:18px; font-weight:600 }
.faq-head .q{ flex:1 }
.faq-head .chev{ color:var(--teal); flex:none; transition:transform .35s ease }
.faq-head .chev svg{ display:block }
.faq-head .chev path{ stroke:currentColor; stroke-width:2; stroke-linecap:round; fill:none;
                      transition:transform .3s ease; transform-origin:center }
.faq-item.open .chev{ transform:rotate(180deg) }
.faq-item.open .chev .v{ transform:scaleY(0) }
.faq-body{ max-height:0; overflow:hidden; transition:max-height .45s cubic-bezier(.22,.8,.3,1) }
.faq-item.open .faq-body{ max-height:260px }
.faq-more{ display:none }
.faq-more.on{ display:block }
.faq-morebtn{ font-family:'Archivo',sans-serif; font-size:13.5px; font-weight:700; cursor:pointer;
  border:1.5px solid rgba(14,117,104,.4); background:rgba(255,255,255,.7); color:var(--teal);
  border-radius:100px; padding:13px 30px; transition:transform .2s ease, background .2s ease }
.faq-morebtn:hover{ transform:scale(1.05); background:rgba(255,255,255,1) }
.faq-body p{ font-size:15px; line-height:1.65; color:var(--muted); max-width:44em; margin:14px 0 0 }

.offer-card{ background:rgba(255,255,255,.55); border:1px solid var(--line); border-radius:32px; padding:52px }
.offer-lede{ font-size:16.5px; line-height:1.65; color:#3d4f4b; max-width:42em; margin:0 0 44px }
.price-card{ border-radius:24px; padding:40px; display:flex; flex-direction:column; gap:12px; transition:transform .3s ease }
.price-card .num{ font-family:'Instrument Serif',serif; font-size:64px }
.pricering{ position:relative; display:inline-block }
.pricering svg{ position:absolute; left:-18px; top:-6px; width:calc(100% + 36px); height:calc(100% + 14px); pointer-events:none }
.pricering .p{ stroke-width:2.2 }
.foot-in{ padding-top:52px; padding-bottom:36px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:40px; align-items:end }
.foot-in .brand{ font-size:22px; margin-bottom:6px }
.email-row{ display:flex; gap:12px; margin-top:18px; flex-wrap:wrap }
.email-row input{ border:1px solid rgba(14,117,104,.3); background:rgba(255,255,255,.7); padding:13px 18px;
                  font-family:'Archivo',sans-serif; font-size:14px; width:min(320px,100%); border-radius:100px }
.foot-nav{ display:flex; gap:24px; font-size:13px; font-weight:600; flex-wrap:wrap }
.foot-byline{ padding-bottom:26px; font-family:ui-monospace,monospace; font-size:11px; color:var(--faint) }
.vmodal-note{ position:absolute; inset:0; display:none; align-items:center; justify-content:center;
              color:#f4f9f8; font-size:15px; text-align:center; padding:20px }
.vmodal.missing .vmodal-note{ display:flex }
.vmodal.missing video{ opacity:.15 }

@media (max-width:980px){
  .scene{ height:165vh }
  .doorcopy-card{ padding:50px 20px 44px }
  .bottle-rig{ width:min(94vw,57.8vh); bottom:33vh }
  .fcorn{ width:130px }
  .fogfront{ bottom:6vh; height:16vh }
  .gpanel{ width:200px; right:3%; bottom:9% }
  .kyle{ grid-template-columns:1fr; gap:28px; padding:28px }
  .kyle-media img{ width:100%; height:240px }
  .ritual{ height:220vh }
  .ritual-stage{ grid-template-columns:1fr; grid-template-rows:auto minmax(0,1fr); gap:16px;
                 padding-top:78px; padding-bottom:20px; align-items:start }
  .ritual-vis{ height:42vh }
  .step-panel img{ max-height:52% }
  .step-panel .p-ing{ font-size:16px; padding:0 14px }
  .step-panel .p-note{ font-size:11.5px; line-height:1.5; padding:0 16px }
  .step-panel{ gap:10px; padding:18px 0 40px }
  .step-row{ padding:10px 0 }
  .step-name{ font-size:20px }
  .step-row.on .step-name{ font-size:25px }
  .step-num{ width:24px; font-size:11px }
  .step-body p{ margin-left:24px; font-size:13.5px; line-height:1.5 }
  .ritual-progress{ margin:14px 0 0 24px; width:160px }
  .results-grid{ grid-template-columns:1fr; gap:28px }
  .results-media{ max-width:380px; margin:0 auto }
  .ba-grid{ grid-template-columns:1fr; gap:28px }
  .rev-slide{ flex-direction:column; text-align:center; align-items:center; gap:20px; padding:28px 20px }
  .rev-media{ width:100%; max-width:340px; height:260px }
  .rev-body{ align-items:center }
  .amz{ grid-template-columns:1fr }
  .social-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) }
  .sci-grid{ grid-template-columns:1fr }
  .monitor-grid{ grid-template-columns:1fr }
  .specband{ grid-template-columns:1fr }
  .stats{ grid-template-columns:repeat(2,minmax(0,1fr)) }
  .f2f-grid{ grid-template-columns:1fr }
  .boxlabel-wrap{ grid-template-columns:1fr; gap:28px }
  .ing-grid{ grid-template-columns:1fr; gap:28px }
  .offer-grid .pc-light{ order:-1 }
  .offer-card{ padding:26px 22px }
  .foot-in{ grid-template-columns:1fr }
}
@media (max-width:640px){
  .nav .brand{ font-size:19px }
  .mnav{ left:0; right:0; width:auto; border-left:none; border-right:none; border-radius:0 }
  .nav .dsk-cta{ display:none }
  .nav .mob-cta{ display:inline }
  .doorcopy .dsk{ display:none }
  .doorcopy .mob{ display:inline }
  .gpanel{ top:auto; bottom:0; left:0; right:0; width:auto; display:flex; align-items:center; gap:12px;
          padding:8px 14px; border:0; border-top:1px solid rgba(143,224,207,.3); border-radius:0; transform:none;
          background:linear-gradient(180deg, rgba(8,19,16,.55), rgba(8,19,16,.9)); box-shadow:none }
  .gref{ display:none }
  .gglow{ left:0; right:0; bottom:0; width:auto; height:110px }
  .bottle-rig{ width:112vw; max-width:none; bottom:44.5vh }
  .interior-cap .big,.interior-cap .small{ display:none }
  .scene-cta{ display:block; left:16px; right:16px; top:auto; bottom:18.5vh; transform:none; width:auto;
              text-align:center; padding:18px 16px 16px }
  .lit .scene-cta{ transform:none }
  .scene-cta .sc-line{ font-size:25px; line-height:1.25; margin-bottom:6px }
  .scene-cta .sc-dsk{ display:none }
  .scene-cta .sc-mob{ display:block }
  .scene-cta .sc-underline{ display:block; font-family:'Archivo',sans-serif; font-size:13px; line-height:1.45;
    color:rgba(244,249,248,.78); margin:0 0 13px }
  .interior-cap .cue-hand{ display:block; margin-top:8px }
  .interior-cap .scrollcue .drip{ display:none }
  .scene-cta{ bottom:21vh; bottom:21svh }
  .scene{ height:235vh; height:235svh }
  .interior-cap{ bottom:9vh; bottom:9svh }
  .mbr{ display:inline }
  .scene-cta .sc-btns{ align-items:center; gap:9px }
  .scene-cta .sc-btns a{ font-size:13px; padding:12px 22px }
  .interior-cap .small{ font-size:12.5px }
  .g-arc,.g-axis,.g-sub{ display:none }
  .g-top{ margin:0; flex:none; flex-direction:column; align-items:flex-start; gap:3px; font-size:8.5px; letter-spacing:.1em }
  .g-unit{ margin-left:0 }
  .g-main{ margin:0; flex:none }
  .g-read{ font-size:21px }
  .g-graph{ flex:1; height:32px; border-radius:5px }
  .faq-wrap{ padding-left:20px; padding-right:20px }
  .faq-item.open .faq-body{ max-height:360px }
  .emboss-more{ display:none }
  .stat{ padding:18px 22px }
  .stat .big{ font-size:34px }
  .intro-statement{ padding:0 20px; margin-bottom:38px }
  .social-grid{ display:flex; overflow-x:auto; gap:12px; padding-bottom:10px; scroll-snap-type:x mandatory }
  .social-tile{ flex:0 0 44vw; scroll-snap-align:start }
  .spec{ padding:16px 22px }
  .spec p{ display:none }
  .spec .hd{ margin-bottom:0; font-size:14px }
  .sci-cell{ padding:24px 22px 28px }
  .monitor,.chapters{ padding:20px }
  .concern{ padding:18px 20px }
  .price-card{ padding:28px 24px }
  .price-card .num{ font-size:52px }
  .offer-lede{ margin-bottom:28px }
  .kyle{ padding:24px 20px; gap:20px }
  .f2f-card{ padding:22px }
  .boxlabel-wrap{ gap:20px }

}
  border:1px solid rgba(143,224,207,.3); background:rgba(11,21,19,.92); color:#f4f9f8; cursor:pointer;
  display:flex; align-items:center; justify-content:center; box-shadow:0 14px 40px rgba(0,0,0,.35);
  transition:transform .2s ease, background .2s ease; padding:0 }
  align-items:center; justify-content:center }
  box-shadow:0 0 0 10px #1d2f2b, 0 0 0 12px #0a1210, 0 40px 120px rgba(0,0,0,.6); background:#f2f8f7 }
@keyframes pagein{ from{opacity:0} to{opacity:1} }
.feat-hold{ display:none!important }

body.v3{ --warm:#eee8dc; --warm-hi:#f8f3e9; --warm-ink:#2b2924 }
.v3 .cline{ display:none }
.v3-rail{ position:fixed; z-index:82; left:17px; top:94px; bottom:36px; width:22px;
  pointer-events:none; color:var(--teal) }
.v3-rail-track{ position:absolute; top:0; bottom:0; left:10px; width:1px; background:rgba(14,117,104,.18) }
.v3-rail-fill{ display:block; width:100%; height:0; background:var(--teal); box-shadow:0 0 12px rgba(14,117,104,.22) }
.v3-rail-node{ position:absolute; left:5px; top:0; width:11px; height:11px; border-radius:50%;
  border:2px solid var(--paper); background:var(--teal); transform:translateY(-5px); box-shadow:0 0 0 1px var(--teal) }
.v3-rail-label{ position:absolute; left:20px; top:50%; writing-mode:vertical-rl; transform:translateY(-50%) rotate(180deg);
  font:600 9px/1 ui-monospace,monospace; letter-spacing:.16em; text-transform:uppercase; white-space:nowrap; color:var(--faint) }
.v3-mobile-progress{ display:none; position:fixed; z-index:91; left:0; right:0; top:62px; height:2px;
  background:rgba(14,117,104,.12); pointer-events:none }
.v3-mobile-progress i{ display:block; height:100%; width:0; background:var(--teal) }
.v3 .section .kicker::before{ content:''; display:inline-block; width:26px; height:1px; margin:0 10px 3px 0;
  background:currentColor; transform:scaleX(.25); transform-origin:left; transition:transform .65s cubic-bezier(.22,.8,.3,1) }
.v3 .section.on .kicker::before,.v3 .section.reveal.on .kicker::before{ transform:scaleX(1) }

.results-media{ position:relative }
.mirror-focus{ position:absolute; z-index:3; left:18px; right:18px; bottom:18px; display:flex; align-items:end;
  justify-content:space-between; gap:12px; color:#fff; pointer-events:none; text-shadow:0 2px 18px rgba(0,0,0,.5) }
.mirror-focus .mf-k{ font:600 9px/1 ui-monospace,monospace; letter-spacing:.14em; text-transform:uppercase; opacity:.78 }
.mirror-focus .mf-v{ margin-top:5px; font:400 clamp(25px,3vw,38px)/1 'Instrument Serif',serif }
.mirror-focus .mf-count{ font:500 10px/1 ui-monospace,monospace; letter-spacing:.12em; opacity:.8 }
.results-media video{ transition:opacity .22s ease, transform .45s cubic-bezier(.22,.8,.3,1), filter .22s ease }
.results-media.switching video{ opacity:.28; transform:scale(1.025); filter:blur(4px) }
.results-media::after{ content:''; position:absolute; inset:auto 0 0; height:42%; border-radius:0 0 26px 26px;
  background:linear-gradient(transparent,rgba(7,22,19,.62)); pointer-events:none }

.proof-warm{ position:relative; overflow:hidden; background:var(--warm); color:var(--warm-ink);
  border-top:1px solid rgba(73,63,50,.12); border-bottom:1px solid rgba(73,63,50,.12) }
.proof-warm::before{ content:''; position:absolute; width:640px; height:640px; right:-280px; top:-320px;
  border:1px solid rgba(14,117,104,.18); border-radius:50%; box-shadow:0 0 0 80px rgba(14,117,104,.025) }
.proof-warm .rev-window{ position:relative; border:1px solid rgba(73,63,50,.14); border-radius:30px;
  background:rgba(248,243,233,.56); box-shadow:0 28px 80px rgba(70,55,39,.08) }
.proof-warm .rev-slide{ min-height:510px; display:grid; grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);
  gap:clamp(34px,5vw,76px); padding:0; border:0; border-radius:0; background:transparent; text-align:left }
.proof-warm .rev-media{ width:100%; height:510px; border:0; border-radius:0 150px 0 0 }
.proof-warm .rev-media::after{ content:''; position:absolute; inset:0; background:linear-gradient(120deg,transparent 62%,rgba(238,232,220,.32)); pointer-events:none }
.proof-warm .rev-body{ position:relative; justify-content:center; align-items:flex-start; padding:46px 68px 46px 0 }
.proof-warm .rev-index{ font:600 10px/1 ui-monospace,monospace; letter-spacing:.16em; color:var(--teal); text-transform:uppercase }
.proof-warm .rev-body .q{ font-size:clamp(35px,4.5vw,62px); line-height:1.02; max-width:12em }
.proof-warm .rev-body .stars{ letter-spacing:7px }
.voice-line{ width:min(360px,100%); height:58px; color:var(--teal) }
.voice-line path{ fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; vector-effect:non-scaling-stroke }
.voice-line .wave{ stroke-dasharray:520; stroke-dashoffset:520 }
.rev-slide.active .voice-line .wave{ stroke-dashoffset:0; transition:stroke-dashoffset 1.35s cubic-bezier(.22,.8,.3,1) .25s }
.proof-warm .rev-dots{ margin-top:18px }

.lab-flow{ position:relative; padding-top:38px; overflow:hidden }
.lab-flow::before,.lab-flow::after{ content:''; position:absolute; left:8%; right:8%; top:18px; height:1px }
.lab-flow::before{ background:rgba(143,224,207,.22) }
.lab-flow::after{ background:var(--mint); transform:scaleX(0); transform-origin:left; transition:transform 1.5s cubic-bezier(.22,.8,.3,1) }
.lab-flow.flow-on::after{ transform:scaleX(1) }
.lab-flow .sci-cell{ position:relative; opacity:.42; transform:translateY(16px); transition:opacity .6s ease,transform .7s cubic-bezier(.22,.8,.3,1),background .5s ease }
.lab-flow .sci-cell::before{ content:''; position:absolute; top:-26px; left:50%; width:9px; height:9px; border-radius:50%;
  background:var(--teal); border:2px solid var(--mint); transform:translateX(-50%) scale(.55); transition:transform .4s ease,background .4s ease }
.lab-flow .sci-cell.stage-on{ opacity:1; transform:none; background:var(--teal-deep) }
.lab-flow .sci-cell.stage-on::before{ background:var(--mint); transform:translateX(-50%) scale(1) }

.v3 .f2f-grid{ position:relative; counter-reset:coldstep; gap:16px }
.v3 .f2f-grid::before{ content:''; position:absolute; left:16%; right:16%; top:52px; height:1px; background:rgba(14,117,104,.24) }
.v3 .f2f-card{ position:relative; counter-increment:coldstep; padding:30px 30px 32px; transition:transform .35s cubic-bezier(.22,.8,.3,1),box-shadow .35s ease }
.v3 .f2f-card::before{ content:'0' counter(coldstep); position:absolute; right:22px; top:20px;
  font:600 10px/1 ui-monospace,monospace; letter-spacing:.12em; color:var(--faint) }
.v3 .f2f-card:hover{ transform:translateY(-7px); box-shadow:0 22px 50px rgba(74,57,38,.1) }
.v3 .f2f-card .licon{ position:relative; z-index:1; background:var(--warm-hi); border-radius:50%; padding:10px;
  box-shadow:0 0 0 10px var(--warm); overflow:visible }
.v3 .f2f-card .licon .p{ stroke-width:1.7 }

.formula-access{ margin-top:18px; padding-top:18px; border-top:1px solid rgba(14,117,104,.18) }
.formula-access .fa-label{ display:block; margin-bottom:12px; font:600 9.5px/1 ui-monospace,monospace;
  letter-spacing:.13em; text-transform:uppercase; color:var(--faint) }
.formula-links{ display:flex; flex-wrap:wrap; gap:8px }
.formula-links a{ border:1px solid rgba(14,117,104,.28); border-radius:100px; padding:8px 11px;
  font:600 10px/1 'Archivo',sans-serif; color:var(--teal); background:rgba(255,255,255,.52); transition:background .2s,color .2s }
.formula-links a:hover{ background:var(--teal); color:#fff }
.formula-links button{ border:1px solid rgba(14,117,104,.28); border-radius:100px; padding:8px 11px; cursor:pointer;
  font:600 10px/1 'Archivo',sans-serif; color:var(--teal); background:rgba(255,255,255,.52); transition:background .2s,color .2s }
.formula-links button:hover,.formula-links button.on{ background:var(--teal); color:#fff }
.inci-view{ margin-top:12px; padding-top:12px; border-top:1px dashed rgba(14,117,104,.3);
  font-size:11.5px; line-height:1.8; color:var(--muted) }
.inci-more{ display:inline-block; margin-top:12px; font:600 11px/1 'Archivo',sans-serif; color:var(--teal);
  border-bottom:1px solid rgba(14,117,104,.35); padding-bottom:2px }

@media (max-width:980px){
  .lab-flow{ padding-top:0 }
  .lab-flow::before,.lab-flow::after{ left:14px; right:auto; top:24px; bottom:24px; width:1px; height:auto }
  .lab-flow::after{ transform:scaleY(0); transform-origin:top }
  .lab-flow.flow-on::after{ transform:scaleY(1) }
  .lab-flow .sci-cell{ padding-left:38px }
  .lab-flow .sci-cell::before{ top:34px; left:14px }
  .v3 .f2f-grid::before{ left:42px; right:auto; top:40px; bottom:40px; width:1px; height:auto }
  .v3 .f2f-card{ padding-left:82px }
  .v3 .f2f-card .licon{ position:absolute; left:22px; top:27px }
}

@media (max-width:1180px){ .v3-rail{ display:none } .v3-mobile-progress{ display:block } }
@media (max-width:980px){
  .proof-warm .rev-slide{ display:flex; min-height:0; padding:22px; gap:24px; text-align:left; align-items:stretch }
  .proof-warm .rev-media{ width:100%; max-width:none; height:370px; border-radius:18px 90px 18px 18px }
  .proof-warm .rev-body{ align-items:flex-start; padding:10px 4px 18px }
  .proof-warm .rev-body .q{ font-size:38px }
}
@media (max-width:640px){
  .v3-mobile-progress{ top:69px }
  .proof-warm .wrap{ width:100%; max-width:100% }
  .proof-warm .rev-window,.proof-warm .rev-track{ width:100%; max-width:100% }
  .proof-warm .rev-slide{ width:100%; min-width:0 }
  .proof-warm .rev-media,.proof-warm .rev-body{ min-width:0; max-width:100% }
  .proof-warm .rev-body .q{ max-width:100% }
  .mirror-focus{ left:14px; right:14px; bottom:14px }
  .mirror-focus .mf-v{ font-size:26px }
  .proof-warm .rev-slide{ padding:14px; }
  .proof-warm .rev-media{ height:330px; border-radius:14px 72px 14px 14px }
  .proof-warm .rev-body .q{ font-size:34px }
  .proof-warm .rev-body{ gap:12px }
}
.hx1{ transform-origin:44px 46px !important; transform:rotate(-90deg) !important }
.hx2{ border-radius:20px !important; overflow:hidden !important }
.hx3{ margin-bottom:14px !important }
.hx4{ margin-bottom:18px !important }
.hx5{ display:flex !important; justify-content:space-between !important; align-items:flex-end !important; gap:40px !important; flex-wrap:wrap !important }
.hx6{ font-size:16.5px !important; color:var(--muted) !important; max-width:38em !important; margin:16px 0 0 !important }
.hx7{ transition-delay:.25s !important }
.hx8{ transition-delay:.4s !important }
.hx9{ transition-delay:.55s !important }
.hx10{ transition-delay:.45s !important }
.hx11{ transition-delay:.5s !important }
.hx12{ display:block !important; margin-bottom:14px !important }
.hx13{ margin-bottom:20px !important }
.hx14{ object-position:28% 25% !important }
.hx15{ object-position:35% 25% !important }
.hx16{ object-position:62% 30% !important }
.hx17{ object-position:70% 25% !important }
.hx18{ display:flex !important; align-items:center !important; justify-content:center !important }
.hx19{ width:100% !important; max-width:330px !important; height:146px !important }
.hx20{ transition-delay:.6s !important }
.hx21{ transition-delay:.18s !important }
.hx22{ transition-delay:.75s !important }
.hx23{ transition-delay:.85s !important }
.hx24{ transition-delay:.95s !important }
.hx25{ transition-delay:.3s !important }
.hx26{ transition-delay:.42s !important }
.hx27{ transition-delay:.22s !important }
.hx28{ transition-delay:.7s !important }
.hx29{ transition-delay:.78s !important }
.hx30{ transition-delay:.86s !important }
.hx31{ transition-delay:.94s !important }
.hx32{ transition-delay:1.05s !important }
.hx33{ transition-delay:1.15s !important }
.hx34{ transition-delay:1.25s !important }
.hx35{ transition-delay:1.35s !important }
.hx36{ transition-delay:1.42s !important }
.hx37{ transition-delay:.15s !important }
.hx38{ width:68px !important; height:68px !important }
.hx39{ transition-delay:.12s !important }
.hx40{ transition-delay:.32s !important }
.hx41{ transition-delay:.68s !important }
.hx42{ transition-delay:.8s !important }
.hx43{ transition-delay:.9s !important }
.hx44{ transition-delay:1.45s !important }
.hx45{ transition-delay:1s !important }
.hx46{ transition-delay:1.12s !important }
.hx47{ transition-delay:1.22s !important }
.hx48{ transition-delay:1.32s !important }
.hx49{ transition-delay:1.5s !important }
.hx50{ transition-delay:1.6s !important }
.hx51{ transition-delay:1.7s !important }
.hx52{ transition-delay:1.78s !important }
.hx53{ transition-delay:1.86s !important }
.hx54{ transition-delay:1.94s !important }
.hx55{ transition-delay:2.02s !important }
.hx56{ transition-delay:2.1s !important }
.hx57{ transition-delay:.2s !important }
.hx58{ font-size:16.5px !important; line-height:1.6 !important; color:#3d4f4b !important; max-width:32em !important; margin:0 0 22px !important }
.hx59{ font-weight:700 !important; font-size:20px !important; margin-bottom:14px !important }
.hx60{ transition-delay:0.00s !important }
.hx61{ transition-delay:0.14s !important }
.hx62{ transition-delay:0.28s !important }
.hx63{ transition-delay:0.42s !important }
.hx64{ transition-delay:0.56s !important }
.hx65{ margin-bottom:6px !important }
.hx66{ text-align:center !important; margin-top:26px !important }
.hx67{ padding-top:0 !important }
.hx68{ margin-bottom:16px !important }
.hx69{ transition-delay:.35s !important }

#svhProbe{ position:absolute; left:-1px; top:0; width:0; height:100svh; visibility:hidden; pointer-events:none }
.scrollcue .mob{ white-space:nowrap }
.concern-art svg.art-off{ display:none }