@font-face{font-family:"Hanken Grotesk";src:url(/assets/fonts/hanken-grotesk-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(/assets/fonts/hanken-grotesk-latin-wght-italic.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}

:root{
  --black:#000;--paper:#fff;--blue:#147bd1;--blue-text:#0f6cbd;--blue-deep:#0a5aa6;
  --soft:#e5eff7;--sky:#d2ecff;--grey:#f5f5f5;--cream:#e1d9d4;--toggle:#f3f0ee;--greige:#dcd7d4;
  --line:#c6c6c6;--line-d:#8c8c8c;--muted:#6b6b6b;--night:#050c1f;--navy:#11283b;
  --sans:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --ease:ease;--out:cubic-bezier(.25,1,.5,1);
  --gut:clamp(16px,2.65vw,38px);--hh:80px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:96px}
html.big{font-size:112.5%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--grey);color:var(--black);font:400 1.125rem/1.5 var(--sans);letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:3px solid var(--blue-text);outline-offset:3px}
.site-header :focus-visible,.hero :focus-visible,.dcard :focus-visible,.site-footer :focus-visible,.phonebar :focus-visible,.xslide :focus-visible,.tcard:focus-visible{outline-color:#fff}
.skip{position:absolute;left:16px;top:-80px;z-index:200;background:#000;color:#fff;padding:12px 20px;font-size:1.125rem}
.skip:focus{top:12px}
.center{text-align:center}
.wrap2{width:min(1364px,calc(100% - 2 * var(--gut)));margin-inline:auto}
.band{position:relative}
.panel-sec{padding-inline:var(--gut)}


.h-hero{font:400 clamp(2.8125rem,1.6rem + 4.3vw,4.375rem)/1.07 var(--sans);letter-spacing:-.01em;text-wrap:balance}
.h-xl{font:400 clamp(2.8125rem,1.4rem + 3.9vw,4.0625rem)/1.08 var(--sans);letter-spacing:-.02em;text-wrap:balance}
.h-lg,.statement{font:400 clamp(2.1875rem,1.1rem + 3.2vw,3.4375rem)/1.09 var(--sans);letter-spacing:-.01em;text-wrap:balance}
.w{display:inline-block}
.bp{color:var(--blue)}
.kicker{font:500 1rem/1.5 var(--sans);letter-spacing:.01em;color:var(--blue-text);margin-bottom:12px}
.xpanel .kicker,.cpanel .kicker{color:var(--blue-deep)}
.lede{font-size:clamp(1.125rem,1.2rem + .3vw,1.3125rem);line-height:1.5;max-width:46ch}
.lede.center{margin-inline:auto}
.body{font-size:1.125rem;line-height:1.55;max-width:56ch}
.body.center{margin-inline:auto}
sup{font-size:1rem;line-height:0}
.text-link{color:var(--blue-text);font-weight:500;text-decoration:none;background-image:linear-gradient(currentColor,currentColor),linear-gradient(#000,#000);background-repeat:no-repeat;background-position:left bottom,left bottom;background-size:100% 1px,0 2px;padding-bottom:3px;transition:background-size 250ms var(--ease),color 250ms var(--ease)}
.text-link:hover,.text-link:focus-visible{background-size:100% 1px,100% 2px;color:#000}
.xs-copy .text-link{color:#fff}


.btn{--bg:#000;--fg:#fff;--bd:#000;--hbg:var(--blue-text);--hfg:#fff;--hbd:var(--blue-text);position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:3rem;padding:.5rem 1.75rem;border:1px solid var(--bd);border-radius:99px;background:var(--bg);color:var(--fg);font:500 1rem/1.3 var(--sans);text-decoration:none;text-align:center;cursor:pointer;transition:color 300ms ease-in,border-color 300ms ease-in,background-color 300ms ease-in,translate 300ms var(--out),scale 200ms var(--out)}
.btn::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:var(--hbg);transform:scaleX(0);transform-origin:0 50%;transition:transform 300ms ease-in}
.btn:is(:hover,:focus-visible){color:var(--hfg);border-color:var(--hbd)}
html:not([data-surprise~="pills"]) .btn:is(:hover,:focus-visible){background-color:var(--hbg)}
html[data-surprise~="pills"] .btn:is(:hover,:focus-visible)::before{transform:scaleX(1)}
.btn-white{--bg:#fff;--fg:#000;--bd:#fff}
.btn-blue{--bg:var(--blue-text);--fg:#fff;--bd:var(--blue-text);--hbg:#000;--hfg:#fff;--hbd:#000}
.btn-outline{--bg:transparent;--fg:#000;--bd:#000;--hbg:#000;--hfg:#fff;--hbd:#000}
.btn-lg{min-height:3.5rem;padding:.5rem 2.25rem;font-size:1.3125rem;line-height:1.3}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.btn-label{position:relative}
.arrows{display:flex;gap:12px}
.arrow-btn{width:3rem;height:3rem;flex:none;display:inline-grid;place-items:center;border:1px solid #000;border-radius:50%;background:transparent;color:#000;transition:background-color 300ms ease-in,color 300ms ease-in,border-color 300ms ease-in,opacity 200ms ease-in-out,translate 300ms var(--out)}
.arrow-btn svg{width:1.125rem;height:1.125rem}
.arrow-btn:is(:hover,:focus-visible){background:#000;color:#fff}
.arrow-btn[aria-disabled="true"]{opacity:.3;border-color:var(--line-d)}
.arrow-btn[aria-disabled="true"]:hover{background:transparent;color:#000}


.progress{position:fixed;left:0;right:0;top:0;height:3px;z-index:120;display:none;pointer-events:none}
html[data-surprise~="progress"] .progress{display:block}
.progress i{display:block;height:100%;background:var(--blue);transform:scaleX(var(--p,0));transform-origin:0 50%}
.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--hh);background:#000;color:#fff;transition:transform 300ms var(--ease),background-color 300ms var(--ease)}
.site-header.is-hidden{transform:translate3d(0,-100%,0)}
.site-header.is-scrolled{background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:0 0 10px 10px}
.site-header:focus-within{transform:none}
.header-in{display:flex;align-items:center;height:100%;padding-inline:var(--gut);gap:clamp(16px,2.4vw,40px)}
.brand{flex:none;display:block;width:clamp(190px,19vw,289px);line-height:0}
.brand .logo{width:100%;height:auto}
.main-nav{display:flex;align-items:center;flex:1;min-width:0}
.nav-links{display:flex;gap:clamp(20px,2.6vw,48px)}
.nav-link{position:relative;display:inline-flex;align-items:center;min-height:2.75rem;color:#fff;font:500 1rem/1.3 var(--sans);text-decoration:none;white-space:nowrap}
.nav-link::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;background:#fff;transform:scaleX(0);transform-origin:0 50%;transition:transform 250ms var(--ease)}
.nav-link:is(:hover,:focus-visible)::after{transform:scaleX(1)}
.nav-ask{display:none}
.header-end{display:flex;align-items:center;gap:12px;margin-left:auto}
.text-size{min-width:3rem;min-height:3rem;padding:0 .75rem;display:inline-grid;place-items:center;border:1px solid #fff;border-radius:99px;background:transparent;color:#fff;font:500 1rem/1 var(--sans);transition:background-color 300ms ease-in,color 300ms ease-in,translate 300ms var(--out)}
.text-size:is(:hover,:focus-visible){background:#fff;color:#000}
.text-size[aria-pressed="true"]{background:#fff;color:#000;outline:2px solid var(--blue);outline-offset:2px}
.header-ask{min-height:3rem}
.menu-button{display:none;width:3rem;height:3rem;align-items:center;justify-content:center;border:1px solid #fff;border-radius:50%;color:#fff}
.burger{display:grid;gap:6px;width:20px}
.burger i{display:block;height:2px;background:currentColor;transition:transform 300ms var(--ease)}
.menu-open .burger i:first-child{transform:translateY(4px) rotate(45deg)}
.menu-open .burger i:last-child{transform:translateY(-4px) rotate(-45deg)}
@media (min-width:1024px){.menu-button{display:none!important}}


.phonebar{display:none}


.hero{position:relative;margin-top:var(--hh);min-height:max(640px,calc(100svh - var(--hh)));background:var(--night);color:#fff;overflow:hidden;display:flex;align-items:flex-end;isolation:isolate}
.hero-media{position:absolute;inset:0;z-index:-2}
.hero-drift{position:absolute;inset:0;transform-origin:72% 40%}
.hero-img{width:100%;height:100%;object-fit:cover;object-position:var(--pos)}
.hero-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,6,18,.86) 0,rgba(2,6,18,.7) 30%,rgba(2,6,18,.24) 50%,rgba(2,6,18,0) 62%),linear-gradient(0deg,rgba(2,6,18,.55),rgba(2,6,18,0) 36%)}
.hero-in{position:relative;width:100%;padding:0 var(--gut) clamp(28px,3.6vw,52px);display:grid;grid-template-columns:minmax(0,52%) minmax(0,1fr);gap:32px;align-items:end}
.hero-copy{min-width:0}
.hero-eyebrow{font:500 1rem/1.4 var(--sans);letter-spacing:.02em;color:#fff;margin-bottom:16px}
.hero-lede{font:500 clamp(1.125rem,1rem + .5vw,1.3125rem)/1.45 var(--sans);max-width:38ch;margin-top:20px}
.hero-actions{margin-top:28px}
.hero-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}
.chip{display:inline-flex;align-items:center;min-height:2.75rem;padding:.375rem 1.125rem;border:1px solid rgba(255,255,255,.7);border-radius:99px;background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:500 1rem/1.3 var(--sans);text-decoration:none;transition:background-color 300ms ease-in,color 300ms ease-in,border-color 300ms ease-in,translate 300ms var(--out)}
.chip:is(:hover,:focus-visible){background:#fff;color:#000;border-color:#fff}
.hero-side{justify-self:end;width:min(430px,100%)}
.glass{display:grid;grid-template-columns:clamp(96px,9vw,128px) minmax(0,1fr);gap:16px 20px;align-items:center;padding:20px;border-radius:20px;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.glass-img{width:100%;aspect-ratio:1;object-fit:cover;object-position:var(--pos);border-radius:12px}
.glass-text{font:500 1.125rem/1.4 var(--sans)}
.glass .btn{grid-column:2;justify-self:start}
.image-note{margin-top:12px;font-size:1rem;line-height:1.4;color:#fff;text-align:right;opacity:.92}
.hero-pause{position:absolute;top:20px;right:var(--gut);z-index:3;width:2.75rem;height:2.75rem;border:1px solid rgba(255,255,255,.75);border-radius:50%;background:rgba(0,0,0,.45);color:#fff;display:grid;place-items:center;transition:background-color 300ms ease-in,color 300ms ease-in}
.hero-pause svg{width:1rem;height:1rem}
.hero-pause .i-play{display:none}
.hero-pause[aria-pressed="true"] .i-play{display:block}
.hero-pause[aria-pressed="true"] .i-pause{display:none}
.hero-pause:is(:hover,:focus-visible){background:#fff;color:#000}
.hero-pause[hidden]{display:none}


.panel-sec{padding-top:clamp(40px,5vw,72px)}
.explorer{padding-top:0}
.xpanel{position:relative;width:min(1364px,100%);margin-inline:auto;border-radius:20px 20px 0 0;background:linear-gradient(180deg,var(--sky) 0,rgba(210,236,255,0) 52%);padding:clamp(28px,3vw,40px) clamp(0px,2vw,40px) clamp(32px,4vw,56px)}
.xpanel > .center.h-xl{margin:4px auto 0;max-width:1000px}
.explorer .lede{margin-top:16px}
.tabs-wrap{max-width:936px;margin:clamp(24px,3vw,36px) auto 0;overflow-x:auto;scrollbar-width:none}
.tabs-wrap::-webkit-scrollbar{display:none}
.tabs{position:relative;display:flex;justify-content:space-between;gap:0 38px;min-width:max-content;border-bottom:1px solid var(--line-d)}
.tab{position:relative;min-height:3rem;padding:.75rem 0 1rem;color:#000;font:500 1rem/1.5 var(--sans);white-space:nowrap;text-align:center;transition:color 150ms var(--ease)}
.tab:is(:hover,:focus-visible){color:var(--blue-deep)}
.tab[aria-selected="true"]{color:var(--blue-deep)}
.tab-line{position:absolute;left:0;bottom:-1px;width:100px;height:4px;background:var(--blue);transform:translate3d(var(--x,0px),0,0) scaleX(calc(var(--w,0) / 100));transform-origin:0 50%;pointer-events:none}
html[data-surprise~="underline"] .tab-line{transition:transform 150ms cubic-bezier(.4,0,.2,1)}
.tabs-wrap.tabs-5{max-width:1064px}
.tabs-5 .tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 20px;min-width:0}
.tabs-5 .tab{white-space:normal;line-height:1.35;padding-inline:6px}


.xslide{position:relative;margin:clamp(20px,2.4vw,32px) auto 0;max-width:1064px;aspect-ratio:1064/516;border-radius:20px;overflow:hidden;isolation:isolate;background:var(--night);color:#fff;touch-action:pan-y;clip-path:inset(0 0 0 0)}
.xs{display:contents}
.xs-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos);z-index:1;opacity:0;-webkit-user-drag:none;user-select:none}
.xs.is-on .xs-img{opacity:1;z-index:2}
.xs.is-prev .xs-img{opacity:1;z-index:1}
html[data-surprise~="slides"] .xslide[data-dir="fwd"] .xs:not(.is-on):not(.is-prev) .xs-img{clip-path:inset(0 0 0 100%);transform:scale(1.14)}
html[data-surprise~="slides"] .xslide[data-dir="back"] .xs:not(.is-on):not(.is-prev) .xs-img{clip-path:inset(0 100% 0 0);transform:scale(1.14)}
html[data-surprise~="slides"] .xs.is-on .xs-img{clip-path:inset(0 0 0 0);transform:scale(1);transition:clip-path 950ms cubic-bezier(.65,0,.2,1),transform 1500ms var(--out)}
html[data-surprise~="slides"] .xs.is-prev .xs-img{transform:scale(1.07) translate3d(-3%,0,0);opacity:.55;transition:transform 1100ms var(--out),opacity 950ms ease}
html[data-surprise~="slides"] .xslide[data-dir="back"] .xs.is-prev .xs-img{transform:scale(1.07) translate3d(3%,0,0)}
.xslide::after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(45deg,rgba(3,8,22,.94) 0,rgba(3,8,22,.84) 22%,rgba(3,8,22,.45) 44%,rgba(3,8,22,0) 64%)}
.xs-copy{position:absolute;z-index:4;left:0;bottom:0;width:min(640px,60%);padding:clamp(24px,3vw,40px)}
.xs-copy[data-off]{visibility:hidden}
html[data-surprise~="slides"] .xs-copy .xs-title,html[data-surprise~="slides"] .xs-copy .xs-text{transition:opacity 700ms ease var(--dl,0ms),transform 900ms var(--out) var(--dl,0ms)}
html[data-surprise~="slides"] .xs-copy .xs-title{--dl:380ms}
html[data-surprise~="slides"] .xs-copy .xs-text{--dl:560ms}
html[data-surprise~="slides"] .xs-copy[data-off] .xs-title,html[data-surprise~="slides"] .xs-copy[data-off] .xs-text{opacity:0;transform:translate3d(0,28px,0);transition:opacity 220ms ease,transform 0s 220ms}
html[data-surprise~="slides"] .xs-copy[data-off]{transition:visibility 0s 240ms}
.xs-title{font:400 clamp(2.1875rem,1.1rem + 3.2vw,3.4375rem)/1.08 var(--sans);letter-spacing:-.01em}
.xs-text{margin-top:12px;font:500 1.125rem/1.45 var(--sans);max-width:44ch}
.xs-link{display:none;margin-top:12px}
.xrow .btn{text-wrap:balance}
.xrow{display:flex;justify-content:space-between;align-items:center;gap:16px;max-width:1064px;margin:28px auto 0}

html:not(.js) .xslide{display:grid;gap:20px;aspect-ratio:auto;overflow:visible;background:none;border-radius:0}
html:not(.js) .xs{display:block;position:relative;aspect-ratio:1064/516;border-radius:20px;overflow:hidden;background:var(--night)}
html:not(.js) .xs-img{opacity:1}
html:not(.js) .xs-copy{transform:none;background:linear-gradient(45deg,rgba(3,8,22,.94),rgba(3,8,22,.6) 60%,rgba(3,8,22,0));width:min(640px,100%)}
html:not(.js) .xs-link{display:block}
html:not(.js) .xs-link .text-link{color:#fff}


.cost{padding-block:clamp(48px,6vw,96px);background:linear-gradient(180deg,var(--grey),#fff)}
.cost-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,4vw,64px);align-items:center}
.cost-text .lede{margin-top:24px;max-width:40ch}
.scard{position:relative;overflow:hidden;isolation:isolate;border-radius:20px;background:#fff;padding:clamp(20px,3vw,40px)}
.stiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,40px)}
.stile{position:relative;display:grid;grid-template-columns:clamp(72px,7vw,100px) minmax(0,1fr);gap:clamp(12px,1.6vw,20px);align-items:start;padding-top:12px}
.stile::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line-d);transform-origin:0 50%}
.stile-circle{display:block;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;margin-top:-1px}
.stile-circle img{width:100%;height:100%;object-fit:cover;object-position:var(--pos)}
.stile-big{font:400 clamp(2.75rem,2rem + 2.2vw,3.5rem)/1.05 var(--sans);color:var(--blue);letter-spacing:-.01em}
.fig-big{position:relative;display:inline-block}
.fig-big.counting{color:transparent}
.fig-big .cnt{position:absolute;left:0;top:0;color:var(--blue)}
.stile-big sup{font-size:1rem;margin-left:2px;vertical-align:super}
.stile-big sup a{color:var(--blue-text);text-decoration:none;display:inline-block;padding:4px 6px}
.stile-line{margin-top:6px;font:400 1.3125rem/1.3 var(--sans)}
.stile-line b{font-weight:500;color:var(--blue-deep)}
.stile-bar{display:block;margin-top:14px;height:6px;border-radius:3px;background:var(--toggle);overflow:hidden}
.stile-bar i{display:block;height:100%;background:var(--blue);transform:scaleX(var(--w,1));transform-origin:0 50%}
.scard-note{margin-top:clamp(20px,2.4vw,32px);font:500 1.125rem/1.45 var(--sans);padding-top:16px;border-top:1px solid var(--line)}
.scard-src{margin-top:12px;font:italic 400 1rem/1.5 var(--sans);color:var(--muted)}


.quote .xpanel{margin-top:0}
.qgrid{display:grid;grid-template-columns:minmax(0,700fr) minmax(0,344fr);gap:20px;max-width:1064px;margin:clamp(20px,2.4vw,32px) auto 0}
.qmedia{position:relative;aspect-ratio:7/5;border-radius:20px;overflow:hidden;clip-path:inset(0 0 0 0);background:var(--cream)}
.q-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--pos)}
.q-over{position:absolute;inset:0;width:100%;height:100%}
.tick{transition:opacity 400ms var(--ease)}
.tick-disc{fill:var(--blue);transform-box:fill-box;transform-origin:center}
.tick-ring{opacity:0;transform-box:fill-box;transform-origin:center;transition:opacity 300ms var(--ease)}
.tick.is-active .tick-ring{opacity:1}
.tick-check{stroke-dasharray:1;stroke-dashoffset:0}
.q-over.has-active .tick:not(.is-active){opacity:.5}
.tick.is-active .tick-check{animation:draw 450ms ease-out both}
@keyframes draw{from{stroke-dashoffset:1}}
.qcap{position:relative;overflow:hidden;isolation:isolate;border-radius:20px;background:var(--cream);color:#000;padding:clamp(20px,2.4vw,30px);display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:100%}
.qcap-panels{display:grid}
.qcap-p{grid-area:1/1;visibility:hidden;opacity:0;transform:translate3d(0,10px,0);transition:opacity 300ms var(--ease),transform 400ms var(--out),visibility 0s linear 300ms}
.qcap-p.is-on{visibility:visible;opacity:1;transform:none;transition-delay:0s}
.qcap-name{font:400 clamp(1.625rem,1.1rem + 1.2vw,2.125rem)/1.2 var(--sans);letter-spacing:-.01em}
.qcap-intro{font:400 1.125rem/1.5 var(--sans);max-width:34ch}
html:not(.js) .tabs-5,html:not(.js) .quote .xrow{display:none}
html:not(.js) .qcap-p{grid-area:auto;visibility:visible;opacity:1;transform:none;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #b8aea8}
html:not(.js) .qcap-panels{display:block}
html:not(.js) .tick{display:none}


.treat{padding-block:clamp(48px,6vw,90px);background:#fff;overflow:hidden}
.treat-grid{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:clamp(24px,4vw,72px);align-items:center;padding-left:max(var(--gut),calc((100% - 1364px) / 2 + var(--gut)))}
.treat-text .lede{margin-top:20px;max-width:34ch}
.c-nav{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:32px}
.dots{display:flex;align-items:center}
.dot{width:2rem;height:3rem;display:grid;place-items:center}
.dot i{display:block;width:10px;height:10px;border-radius:50%;border:1px solid #000;transition:background-color 300ms ease-in,scale 300ms var(--out)}
.dot[aria-current="true"] i{background:#000;scale:1.25}
.dot:is(:hover,:focus-visible) i{background:var(--blue-text);border-color:var(--blue-text)}
.carousel{min-width:0}
.track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding:12px var(--gut) 12px 0;scrollbar-width:none}
.track::-webkit-scrollbar{display:none}
.track:focus-visible{outline-offset:-3px}
@media (hover:hover) and (pointer:fine){.js .track{cursor:grab}.js .track.is-dragging{cursor:grabbing;scroll-snap-type:none}.js .track.is-dragging a{pointer-events:none}}
.slide{flex:0 0 clamp(262px,78vw,314px);scroll-snap-align:start}
.tcard{position:relative;display:block;aspect-ratio:314/430;border-radius:20px;overflow:hidden;color:#fff;text-decoration:none;isolation:isolate;background:var(--night)}
.tcard-media{position:absolute;inset:0;display:block;overflow:hidden}
.tcard-media img{width:100%;height:100%;object-fit:cover;object-position:var(--pos);transition:scale 500ms var(--ease)}
.tcard-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(3,8,22,.95) 0,rgba(3,8,22,.88) 26%,rgba(3,8,22,.5) 46%,rgba(3,8,22,0) 66%)}
.tcard-text{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:20px;display:grid;gap:8px}
.tcard-name{font:500 1.3125rem/1.25 var(--sans)}
.tcard-line{font:400 1rem/1.5 var(--sans)}
.tcard-layer{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:rgba(3,8,22,.66);opacity:0;pointer-events:none;transition:opacity 300ms var(--ease)}
.tcard-layer .btn{--bg:#fff;--fg:#000}
html:not([data-surprise~="hovers"]) .tcard-layer{display:none}
@media (hover:hover){html[data-surprise~="hovers"] .tcard:hover .tcard-layer{opacity:1}}
html[data-surprise~="hovers"] .tcard:focus-visible .tcard-layer{opacity:1}
html[data-surprise~="hovers"] .tcard:is(:hover,:focus-visible) img{scale:1.03}
.tcard:focus-visible{outline-offset:-4px}


.split-sec{padding-block:clamp(48px,6vw,90px);background:linear-gradient(180deg,#fff 0,var(--sky) 100%)}
.split2{display:grid;grid-template-columns:minmax(0,619fr) minmax(0,727fr);gap:22px;align-items:stretch}
.dcard{position:relative;overflow:hidden;isolation:isolate;border-radius:20px;min-height:clamp(440px,46vw,672px);display:flex;align-items:flex-end;color:#fff;background:var(--night)}
.dcard-media{position:absolute;inset:0;z-index:-2;overflow:hidden}
.dcard-img{width:100%;height:100%;object-fit:cover;object-position:var(--pos)}
.dcard-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(3,8,22,.96) 0,rgba(3,8,22,.9) 36%,rgba(3,8,22,.55) 58%,rgba(3,8,22,.1) 80%)}
.dcard-in{position:relative;padding:clamp(24px,3.4vw,48px);display:grid;gap:24px;justify-items:start}
.pcard{position:relative;overflow:hidden;isolation:isolate;border-radius:20px;background:var(--soft);padding:clamp(8px,2vw,24px) clamp(20px,3.4vw,52px);display:flex;align-items:center}
.rules2{width:100%}
.rules2 li{position:relative;padding:clamp(18px,2.2vw,28px) 0;font:400 clamp(1.5rem,1rem + 1.5vw,2rem)/1.25 var(--sans);letter-spacing:-.005em}
.rules2 li::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line-d);transform-origin:0 50%}
.rules2 li:first-child::before{display:none}
.r-this{position:relative;color:var(--blue)}
.r-not{color:#000}
.r-this::before{display:none}


.statement-sec{position:relative;overflow:hidden;padding-block:clamp(56px,7vw,110px) clamp(64px,8vw,120px);background:linear-gradient(180deg,var(--sky) 0,#fff 100%)}
.wrap-s{max-width:1180px;margin-inline:auto;padding-inline:var(--gut);text-align:center}
.statement .bp{position:relative;white-space:normal}
.statement .bp::after{content:"";position:absolute;left:0;right:0;bottom:-.04em;height:.07em;border-radius:99px;background:var(--blue);transform-origin:0 50%}
.statement-rest{margin:28px auto 0;max-width:34ch;font:400 clamp(1.5rem,1rem + 1.4vw,2rem)/1.3 var(--sans)}
.statement-p{margin:20px auto 0;max-width:52ch;font-size:1.25rem;line-height:1.5}
.statement-link{margin-top:28px}
.statement-link .text-link{font-size:1.125rem}


.faq{padding-block:clamp(48px,6vw,96px);background:#fff}
.faq-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,8fr);gap:clamp(24px,5vw,80px);align-items:start;border-top:1px solid var(--line);padding-top:clamp(40px,5vw,72px)}
.acc{display:grid}
.acc-item{position:relative}
.acc-item::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line);transform-origin:0 50%}
.acc-item:last-child{border-bottom:1px solid var(--line)}
.acc-btn{display:flex;justify-content:space-between;align-items:center;gap:24px;width:100%;min-height:3.5rem;padding:clamp(20px,2.4vw,30px) 0;text-align:left;font:500 1.3125rem/1.3 var(--sans);transition:color 300ms ease-in}
.acc-btn:is(:hover,:focus-visible){color:var(--blue-deep)}
.acc-chev{flex:none;display:grid;place-items:center;width:2rem;height:2rem}
.acc-chev svg{width:1.25rem;height:1.25rem}
.acc-item:not(.is-closed) .acc-chev{rotate:180deg}
.acc-a{display:grid;grid-template-rows:1fr}
.acc-in{min-height:0;overflow:hidden}
.acc-in p{padding:0 clamp(0px,4vw,56px) clamp(22px,2.6vw,32px) 0;max-width:64ch;font-size:1.125rem;line-height:1.55}
.acc-item.is-closed .acc-a{grid-template-rows:0fr}
.acc-item.is-closed .acc-in{visibility:hidden}
html[data-surprise~="accordion"] .acc-a{transition:grid-template-rows 300ms var(--ease)}
html[data-surprise~="accordion"] .acc-in{transition:visibility 0s}
html[data-surprise~="accordion"] .acc-item.is-closed .acc-in{transition:visibility 0s 300ms}
html[data-surprise~="accordion"] .acc-chev{transition:rotate 300ms var(--ease)}


.steps{padding-block:clamp(48px,6vw,96px);background:#fff}
.tiles{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:clamp(88px,9vw,112px)}
.tiles::before,.tiles::after{content:"";position:absolute;top:-34px;height:2px;left:calc((100% - 44px) / 6);right:calc((100% - 44px) / 6);transform-origin:0 50%}
.tiles::before{background:repeating-linear-gradient(90deg,var(--line-d) 0 4px,transparent 4px 10px)}
.tiles::after{background:var(--blue)}
.tile{position:relative;aspect-ratio:1/1.1;text-align:center;padding:clamp(28px,3.2vw,44px) 20px 0;color:#000}
.t-bg{position:absolute;inset:0;z-index:0;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#5aa5e3 0,#cfe6f8 52%,#fff 88%);border:1px solid #d6e6f5}
.t-arcs{position:absolute;left:0;top:0;width:34%;height:100%}
.arc{vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0}
.t-no{position:absolute;z-index:2;left:50%;top:-56px;translate:-50% 0;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:var(--blue-text);color:#fff;font:500 1.25rem/1 var(--sans)}
.t-no b{font-weight:500}
.t-stamp{position:absolute;right:-12px;top:-12px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#000;color:#fff}
.t-stamp svg{width:14px;height:14px}
.t-title,.t-text,.t-circle{position:relative;z-index:1}
.t-title{font:400 clamp(1.75rem,1.2rem + 1.5vw,2.5rem)/1.1 var(--sans);letter-spacing:-.01em}
.t-text{margin:10px auto 0;max-width:26ch;font:400 1.125rem/1.4 var(--sans)}
.t-circle{position:absolute;left:50%;bottom:16px;translate:-50% 0;width:48%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:var(--soft)}
.t-circle img{width:100%;height:100%;object-fit:cover;object-position:var(--pos)}
.rule-strip{position:relative;overflow:hidden;isolation:isolate;margin-top:clamp(32px,4vw,56px);display:flex;gap:clamp(20px,3vw,48px);align-items:center;justify-content:space-between;border-radius:20px;background:var(--soft);padding:clamp(24px,3vw,40px)}
.rule-copy{display:grid;gap:8px;max-width:62ch}
.rule-text{font-size:1.125rem;line-height:1.5}
.rule-ask{font:500 1.125rem/1.5 var(--sans)}


.cta{padding-block:0 clamp(48px,6vw,96px);background:#fff}
.cpanel{position:relative;overflow:hidden;isolation:isolate;border-radius:20px;background:var(--soft);padding:clamp(36px,5vw,72px) clamp(16px,4vw,48px);display:grid;justify-items:center;text-align:center;gap:0}
.cpanel-circle{display:block;width:clamp(120px,12vw,168px);aspect-ratio:1;border-radius:50%;overflow:hidden;margin-bottom:24px;clip-path:inset(0 0 0 0)}
.cpanel-circle img{width:100%;height:100%;object-fit:cover;object-position:var(--pos)}
.cpanel .body{margin-top:20px}
.cpanel .center:last-child{margin-top:32px}


.site-footer{background:#000;color:#fff;padding-top:clamp(48px,6vw,88px);overflow:hidden}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr) minmax(0,.9fr);gap:clamp(24px,5vw,72px)}
.foot-about{display:grid;gap:16px;align-content:start;max-width:44ch;font-size:1.125rem;line-height:1.5}
.foot-h{font:400 1.3125rem/1.3 var(--sans);margin-bottom:16px}
.foot-col ul{display:grid}
.foot-link{position:relative;display:inline-flex;align-items:center;min-height:2.75rem;color:#fff;font:500 1rem/1.4 var(--sans);text-decoration:none;overflow-wrap:anywhere}
.foot-link::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:1px;background:#fff;transform:scaleX(0);transform-origin:0 50%;transition:transform 250ms var(--ease)}
.foot-link:is(:hover,:focus-visible)::after{transform:scaleX(1)}
.foot-bar{margin-top:clamp(32px,4vw,56px);padding-top:20px;border-top:1px solid #333;font-size:1rem;line-height:1.5}
.foot-mark{margin-top:clamp(32px,5vw,64px);aspect-ratio:1525/118;overflow:hidden}
.foot-mark img{width:100%;height:auto;display:block}



@keyframes wrise{from{opacity:0;transform:translate3d(0,.5em,0)}}
@keyframes fadeup{from{opacity:0;transform:translate3d(0,22px,0)}}
@keyframes drift{from{transform:scale(1)}to{transform:scale(1.07)}}
html.js[data-surprise~="words"] .h-hero .w{animation:wrise 700ms var(--out) both;animation-delay:calc(120ms + var(--i) * 70ms)}
html.js[data-surprise~="words"] .h-hero .bp .w{animation-delay:calc(120ms + var(--i) * 70ms + 380ms)}
html.js[data-surprise~="words"] :is(.hero-eyebrow,.hero-lede,.hero-actions){animation:fadeup 700ms var(--out) both;animation-delay:480ms}
html.js[data-surprise~="words"] .hero-actions{animation-delay:640ms}
html.js[data-surprise~="glass"] .glass{animation:fadeup 900ms var(--out) 760ms both}
html.js[data-surprise~="glass"] .image-note{animation:fadeup 700ms var(--out) 1100ms both}
html.js[data-surprise~="glass"] .chip{animation:fadeup 700ms var(--out) both;animation-delay:calc(900ms + var(--i) * 70ms)}
html.js[data-surprise~="herodrift"] .hero-drift{animation:drift 22s ease-out forwards}
html.js .hero.is-paused .hero-drift{animation-play-state:paused}

html[data-surprise~="rise"] .rv-rise:not(.is-in){opacity:0;transform:translate3d(0,24px,0)}
html[data-surprise~="rise"] .rv-rise{transition:opacity 800ms var(--out),transform 800ms var(--out);transition-delay:var(--d,0ms)}
html[data-surprise~="panel"] .rv-panel:not(.is-in){opacity:0;transform:translate3d(0,44px,0) scale(.985)}
html[data-surprise~="panel"] .rv-panel{transition:opacity 900ms var(--out),transform 1000ms var(--out);transition-delay:var(--d,0ms)}
html[data-surprise~="photos"] .rv-photos:not(.is-in){clip-path:inset(0 0 100% 0)}
html[data-surprise~="photos"] .rv-photos{transition:clip-path 1300ms var(--out)}
html[data-surprise~="photos"] .rv-photos:not(.is-in) :is(.xs-img,.q-img,img){scale:1.12}
html[data-surprise~="photos"] .rv-photos :is(.xs-img,.q-img,img){transition:scale 1600ms var(--out)}
html[data-surprise~="words"] [data-split].rv-words:not(.is-in) .w{opacity:0;transform:translate3d(0,.55em,0)}
html[data-surprise~="words"] [data-split].rv-words .w{transition:opacity 800ms var(--out),transform 800ms var(--out);transition-delay:calc(var(--i) * 60ms)}
html[data-surprise~="words"] [data-split].rv-words .bp .w{transition-delay:calc(var(--i) * 60ms + 380ms)}
html[data-surprise~="wipe"] .statement.rv-wipe:not(.is-in) .bp::after{transform:scaleX(0)}
html[data-surprise~="wipe"] .statement.rv-wipe .bp::after{transition:transform 900ms var(--out) 900ms}
html[data-surprise~="rules"] .rv-rules:not(.is-in)::before{transform:scaleX(0)}
html[data-surprise~="rules"] .rv-rules::before{transition:transform 1000ms var(--out);transition-delay:calc(var(--i,0) * 110ms + 150ms)}
html[data-surprise~="count"] .stile.rv-count:not(.is-in) .stile-bar i{transform:scaleX(0)}
html[data-surprise~="count"] .stile.rv-count .stile-bar i{transition:transform 1200ms var(--out);transition-delay:calc(var(--i,0) * 160ms + 300ms)}
html[data-surprise~="thisnot"] .rv-thisnot:not(.is-in) .r-not{opacity:.35}
html[data-surprise~="thisnot"] .rv-thisnot .r-not{transition:opacity 700ms var(--ease);transition-delay:calc(var(--i,0) * 200ms + 400ms)}
html[data-surprise~="thisnot"] .rv-thisnot .r-this::before{content:attr(data-t) / "";display:block;position:absolute;left:0;top:0;color:#000;clip-path:inset(0 0 0 100%);transition:clip-path 800ms var(--out);transition-delay:calc(var(--i,0) * 200ms)}
html[data-surprise~="thisnot"] .rv-thisnot:not(.is-in) .r-this::before{clip-path:inset(0 0 0 0)}
html[data-surprise~="tiles"] .tiles.rv-tiles:not(.is-in)::after{transform:scaleX(0)}
html[data-surprise~="tiles"] .tiles.rv-tiles::after{transition:transform 1300ms var(--out) 300ms}
html[data-surprise~="tiles"] .tiles.rv-tiles:not(.is-in) .arc{stroke-dashoffset:1}
html[data-surprise~="tiles"] .tiles.rv-tiles .arc{transition:stroke-dashoffset 1200ms var(--out);transition-delay:calc(var(--n) * 90ms + 300ms)}
html[data-surprise~="tiles"] .tiles.rv-tiles:not(.is-in) .t-circle{scale:.9;opacity:0}
html[data-surprise~="tiles"] .tiles.rv-tiles .t-circle{transition:scale 900ms var(--out),opacity 700ms var(--out);transition-delay:calc(var(--i,0) * 200ms + 500ms)}
html[data-surprise~="tiles"] .tiles.rv-tiles:not(.is-in) .t-no{scale:.5;opacity:0}
html[data-surprise~="tiles"] .tiles.rv-tiles .t-no{transition:scale 700ms var(--out),opacity 500ms var(--out);transition-delay:calc(var(--i,0) * 500ms + 200ms)}
html[data-surprise~="tiles"] .tiles.rv-tiles:not(.is-in) .t-stamp{scale:0}
html[data-surprise~="tiles"] .tiles.rv-tiles .t-stamp{transition:scale 600ms cubic-bezier(.34,1.56,.64,1) 1500ms}
html[data-surprise~="ticks"] .qmedia.rv-ticks:not(.is-in) .tick-disc{scale:0}
html[data-surprise~="ticks"] .qmedia.rv-ticks:not(.is-in) .tick-check{stroke-dashoffset:1}
html[data-surprise~="ticks"] .qmedia.rv-ticks .tick-disc{transition:scale 450ms cubic-bezier(.34,1.56,.64,1);transition-delay:calc(var(--n) * 120ms + 400ms)}
html[data-surprise~="ticks"] .qmedia.rv-ticks .tick-check{transition:stroke-dashoffset 450ms ease-out;transition-delay:calc(var(--n) * 120ms + 550ms)}
html[data-surprise~="footer"] .site-footer.rv-foot:not(.is-in) :is(.foot-about,.foot-col,.foot-bar){opacity:0;transform:translate3d(0,26px,0)}
html[data-surprise~="footer"] .site-footer.rv-foot :is(.foot-about,.foot-col,.foot-bar){transition:opacity 800ms var(--out),transform 900ms var(--out);transition-delay:calc(var(--i,0) * 100ms)}
html[data-surprise~="footer"] .site-footer.rv-foot:not(.is-in) .foot-mark img{transform:translate3d(0,100%,0);clip-path:inset(0 100% 0 0)}
html[data-surprise~="footer"] .site-footer.rv-foot .foot-mark img{clip-path:inset(0 0 0 0);transition:transform 1200ms var(--out) 300ms,clip-path 1600ms cubic-bezier(.65,0,.35,1) 300ms}
@keyframes drawn{from{stroke-dashoffset:1}}

html[data-surprise~="parallax"] .hero-media{translate:0 var(--hy,0px);scale:var(--hs,1)}
html[data-surprise~="parallax"] .tcard-media img{scale:1.1;translate:0 var(--py,0px)}
html[data-surprise~="parallax"][data-surprise~="hovers"] .tcard:is(:hover,:focus-visible) .tcard-media img{scale:1.13}
html[data-surprise~="parallax"] .dcard-img{scale:1.12;translate:0 var(--py,0px)}
html[data-surprise~="parallax"] .t-circle img{scale:1.1}
html[data-surprise~="parallax"] .cpanel-circle img{scale:1.08;translate:0 var(--py,0px)}
html[data-surprise~="lift"] :is(.btn,.chip,.text-size,.arrow-btn):is(:hover,:focus-visible){translate:0 -3px}
html[data-surprise~="lift"] :is(.btn,.chip,.text-size,.arrow-btn):active{translate:0 0;scale:.97}
html[data-surprise~="lift"] .tcard{transition:translate 500ms var(--out)}
html[data-surprise~="lift"] .tcard:is(:hover,:focus-visible){translate:0 -8px}
html[data-surprise~="lift"] .tile:not(.rv){transition:translate 500ms var(--out)}
html[data-surprise~="lift"] .tile:not(.rv):hover{translate:0 -8px}
html[data-surprise~="lift"] .stile:not(.rv){transition:translate 500ms var(--out)}
html[data-surprise~="lift"] .stile:not(.rv):hover{translate:0 -4px}
html[data-surprise~="lift"] .rules2 li:not(.rv){transition:translate 500ms var(--out)}
html[data-surprise~="lift"] .rules2 li:not(.rv):hover{translate:10px 0}
html[data-surprise~="lift"] .acc-btn span:first-child{transition:translate 400ms var(--out)}
html[data-surprise~="lift"] .acc-btn:is(:hover,:focus-visible) span:first-child{translate:8px 0}
html[data-surprise~="lift"] .tab{transition:translate 300ms var(--out),color 150ms var(--ease)}
html[data-surprise~="lift"] .tab:is(:hover,:focus-visible){translate:0 -2px}
html[data-surprise~="lift"] .foot-link{transition:translate 300ms var(--out)}
html[data-surprise~="lift"] .foot-link:is(:hover,:focus-visible){translate:6px 0}
.has-spot > :not(.spot){position:relative;z-index:1}
.dcard.has-spot > .spot{z-index:0}
.dcard.has-spot > .dcard-media,.dcard.has-spot > .dcard-shade{position:absolute;z-index:-2}
.dcard.has-spot > .dcard-shade{z-index:-1}


html:not(.js) .site-header{position:absolute}
html:not(.js) .main-nav{position:static}
html:not(.js) .menu-button{display:none}
html:not(.js) .phonebar{display:none}
html:not(.js) .hero-pause{display:none}
html:not(.js) .acc-a{grid-template-rows:1fr}


@media (max-width:1023px){
  :root{--hh:62px}
  .brand{width:min(240px,calc(100vw - 200px))}
  .menu-button{display:inline-flex}
  .header-ask{display:none}
  .main-nav{position:fixed;top:var(--hh);left:0;right:0;z-index:99;display:block;flex:none;background:#000;padding:8px var(--gut) 28px;border-radius:0 0 10px 10px;visibility:hidden;opacity:0;transform:translate3d(0,-12px,0);transition:opacity 300ms var(--ease),transform 300ms var(--ease),visibility 0s linear 300ms}
  .menu-open .main-nav{visibility:visible;opacity:1;transform:none;transition-delay:0s}
  .nav-links{display:grid;gap:0}
  .nav-link{min-height:3.5rem;font-size:1.3125rem;border-bottom:1px solid #333}
  .nav-link::after{display:none}
  .nav-ask{display:inline-flex;margin-top:20px;width:100%}
  html:not(.js) .main-nav{position:static;display:block;padding:0}
  html:not(.js) .header-in{flex-wrap:wrap;height:auto;padding-block:8px}
  html:not(.js) .site-header{position:relative;height:auto}
  .js .phonebar{position:fixed;top:0;left:0;right:0;z-index:90;height:4rem;display:flex;justify-content:center;gap:12px;padding:.5rem var(--gut);background:#000;transform:translate3d(0,-100%,0);transition:transform 300ms ease-out}
  .js .phonebar .btn{min-height:2.75rem;flex:1 1 0;max-width:210px;padding-inline:1rem}
  .phonebar.is-on{transform:none}
  .phonebar.is-on.below{transform:translate3d(0,var(--hh),0)}
  html:not([data-surprise~="phonebar"]) .phonebar{display:none!important}
  
  .hero{display:block;min-height:0;overflow:visible}
  .hero-media{position:relative;inset:auto;height:clamp(360px,104vw,560px);overflow:hidden}
  .hero-scrim{inset:0 0 auto 0;height:clamp(360px,104vw,560px);background:linear-gradient(0deg,var(--night) 0,rgba(5,12,31,.55) 22%,rgba(5,12,31,0) 52%)}
  .hero-in{display:block;padding:8px var(--gut) 36px}
  .hero-copy{max-width:640px}
  .hero-side{width:min(100%,520px);justify-self:start;margin-top:32px}
  .image-note{text-align:left}
  .hero-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut)}
  .hero-chips::-webkit-scrollbar{display:none}
  .chip{white-space:nowrap}
  .hero-pause{top:calc(clamp(360px,104vw,560px) - 3.75rem)}
  
  .xpanel{padding-inline:clamp(0px,1vw,8px)}
  .xslide{aspect-ratio:auto;--ph:min(76vw,440px);display:grid;grid-template-rows:var(--ph) auto;background:var(--night)}
  .xs-img{grid-area:1/1;position:absolute;inset:0 0 auto 0;height:var(--ph)}
  .xslide::after{display:none}
  .xs-copy{position:relative;grid-area:2/1;width:100%;left:auto;bottom:auto;padding:20px 20px 24px}
  .xs-copy[data-off]{position:absolute;inset:auto;left:0;right:0;top:var(--ph)}
  .xs-title{font-size:clamp(2.1875rem,9vw,2.75rem)}
  .xrow{margin-top:20px}
  .qgrid{grid-template-columns:minmax(0,1fr)}
  .qmedia{aspect-ratio:4/3}
  .qcap{min-height:0}
  .tabs-5 .tabs{display:flex;min-width:max-content;gap:0 28px}
  .tabs-5 .tab{white-space:nowrap}
  .tabs{gap:0 28px}
  .cost-grid{grid-template-columns:minmax(0,1fr)}
  .stiles{grid-template-columns:minmax(0,1fr)}
  .treat-grid{grid-template-columns:minmax(0,1fr);padding-left:0;gap:32px}
  .treat-text{padding-inline:var(--gut)}
  .track{padding-left:var(--gut);scroll-padding-left:var(--gut)}
  .split2{grid-template-columns:minmax(0,1fr)}
  .dcard{min-height:520px}
  .faq-grid{grid-template-columns:minmax(0,1fr)}
  .tiles{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:40px}
  .tiles::before,.tiles::after{display:none}
  .tile{aspect-ratio:auto;min-height:460px;padding-top:72px}
  .t-no{top:20px;left:20px;translate:none}
  .t-circle{width:min(56%,240px)}
  .rule-strip{flex-direction:column;align-items:flex-start}
  .foot-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .hero-chips{gap:8px}
  .glass{grid-template-columns:88px minmax(0,1fr);padding:16px}
  .btn-lg{padding-inline:1.75rem}
  .hero-actions .btn{width:100%}
  .btn-row .btn{flex:1 1 auto}
  .stile{grid-template-columns:76px minmax(0,1fr)}
  .tile{min-height:440px}
}


@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
  .hero-pause{display:none}
}


.stm-photo{position:absolute;top:50%;width:clamp(140px,15vw,230px);aspect-ratio:3/4;margin-top:-17%;border-radius:20px;overflow:hidden}
.stm-photo img{width:100%;height:100%;object-fit:cover;object-position:var(--pos);transition:scale 700ms var(--out)}
.stm-photo:hover img{scale:1.05}
.stm-l{left:clamp(24px,5vw,90px);translate:0 -12%}
.stm-r{right:clamp(24px,5vw,90px);translate:0 12%}
.wrap-s{position:relative;z-index:1}
.faq-side{position:sticky;top:112px;display:grid;gap:clamp(20px,2.4vw,36px);align-content:start}
.faq-photo{display:block;width:min(100%,300px);aspect-ratio:4/5;border-radius:20px;overflow:hidden}
.faq-photo img{width:100%;height:100%;object-fit:cover;object-position:var(--pos);transition:scale 700ms var(--out)}
.faq-photo:hover img{scale:1.05}
.feed{padding-block:clamp(32px,4vw,64px);background:#fff;overflow:hidden}
.feed-strip{display:flex;gap:12px;width:max-content;margin-left:calc(-1 * clamp(24px,5vw,100px));list-style:none;padding:0;transform:translate3d(var(--fx,0px),0,0)}
.feed-tile{flex:none;width:clamp(150px,19vw,290px);aspect-ratio:3/4;border-radius:14px;overflow:hidden;background:var(--soft)}
.feed-tile img{width:100%;height:100%;object-fit:cover;object-position:var(--pos);transition:scale 500ms var(--out)}
.feed-tile:hover img{scale:1.07}
@media (max-width:1099px){.stm-photo{display:none}}
@media (max-width:1023px){.faq-side{position:static}.faq-photo{display:none}.feed-tile{width:clamp(130px,40vw,220px)}}
@media (prefers-reduced-motion:reduce){.feed-strip{transform:none}}