@font-face{font-family:"Inter";src:url(/assets/fonts/inter-latin-opsz-normal.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:#1c3a13;--ink-2:#3e5735;--cream:#fcfcf7;--sage-cream:#f6f7ef;--pale:#eff1e4;--selected:#d0d9b9;--line:#5f6f58;--track:#d2d8d0;
  --out:cubic-bezier(.22,.61,.36,1);--io:cubic-bezier(.45,0,.25,1);--gut:32px}
html{font-size:100%;-webkit-text-size-adjust:100%}
html.big{font-size:112.5%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
*{box-sizing:border-box}
body{margin:0;background:var(--cream);color:var(--ink);font:400 1.25rem/1.6 "Inter",system-ui,sans-serif;font-optical-sizing:auto;text-rendering:optimizeLegibility;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.band-dark :focus-visible{outline-color:var(--selected)}
.skip{position:absolute;left:-9999px;top:8px;z-index:200;background:var(--ink);color:var(--cream);padding:12px 20px;border-radius:8px}
.skip:focus{left:16px}
.wrap{max-width:1440px;margin:0 auto;padding:0 var(--gut)}
.h2{margin:0;font-size:3rem;line-height:1.1;font-weight:400;letter-spacing:-.025em;text-wrap:balance}
.h2 em,h1 em{font-style:normal}
.body{margin:0 0 20px;max-width:34em}
.tucked{display:none}
.w{display:inline-block}
.band-light{background:var(--cream)}.band-pale{background:var(--pale)}.band-tint{background:var(--sage-cream)}
.band-light,.band-pale,.band-tint{padding:96px 0}
.band-dark{background:var(--ink);color:var(--cream);padding:72px 0 80px}

.band-light .h2 em,.band-pale .h2 em,.band-tint .h2 em,.band-pale h2 em{background:linear-gradient(var(--selected),var(--selected)) 0 92%/100% .26em no-repeat}
.band-dark .h2 em{color:var(--selected)}



::selection{background:var(--selected);color:var(--ink)}
.band-dark ::selection{background:var(--selected);color:var(--ink)}
.h2,.hero-text h1{font-weight:400;letter-spacing:-.025em;line-height:1.1}
.band-dark{padding:56px 0 96px}
@media (min-width:1080px){
  .treat .track{padding-inline:0;scroll-padding-inline:0;gap:16px;margin-top:48px}
  .treat .slot{flex:0 0 calc((100% - 48px) / 4)}
}
.brand{border-radius:1000px}
html[data-surprise~="hovers"] .brand{transition:opacity .2s ease-in-out}
.brand:is(:hover,:focus-visible){opacity:.7}
.tab{position:relative;overflow:hidden;font-weight:450}
html[data-surprise~="hovers"] .tab{transition:background-color .15s ease-in}
.pstep{transition:none}
.point .ico{transition:none}


.site-nav{position:fixed;top:8px;left:0;right:0;z-index:100;padding:0 8px 0 16px;transition:transform .3s var(--io)}
.nav-pill{position:relative;display:flex;align-items:center;gap:16px;height:56px;padding:0 8px 0 32px;border-radius:1000px;background:rgba(252,252,247,.96);-webkit-backdrop-filter:blur(19px);backdrop-filter:blur(19px)}
.site-nav.glass .nav-pill{background:rgba(252,252,247,.92)}
html[data-surprise~="glass"] .nav-pill{transition:background-color .3s var(--io),box-shadow .3s var(--io)}
html[data-surprise~="glass"] .site-nav.glass .nav-pill{background:rgba(252,252,247,.84);-webkit-backdrop-filter:blur(19px);backdrop-filter:blur(19px);box-shadow:0 1px 0 rgba(28,58,19,.1)}
.site-nav.is-hidden{transform:translate3d(0,-130%,0)}
.brand{display:flex;align-items:center;min-height:48px;flex:none}
.wordmark{display:block;height:22px;width:auto}
.tabs{display:flex;align-items:center;gap:4px}
.tab{display:inline-flex;align-items:center;min-height:48px;padding:0 14px;border-radius:1000px;font-size:1.125rem;font-weight:450;text-decoration:none}
.tab:is(:hover,:focus-visible){background:rgba(28,58,19,.1)}
.tab-ask{display:none}
.nav-end{display:flex;align-items:center;gap:12px;margin-left:auto}
.text-size{min-width:48px;height:48px;padding:0 12px;border:1.5px solid var(--line);border-radius:1000px;background:var(--cream);font-size:1.125rem;font-weight:600}
.text-size:is(:hover,:focus-visible){background:var(--selected);border-color:var(--ink)}
.text-size[aria-pressed="true"]{background:var(--selected);border-color:var(--ink)}
.menu-button{display:none;width:48px;height:48px;padding:0;border:1.5px solid var(--line);border-radius:50%;background:var(--cream)}
.burger{display:block;position:relative;width:20px;height:14px;margin:auto}
.burger i{position:absolute;left:0;right:0;height:2.5px;border-radius:2px;background:var(--ink);transition:transform .3s var(--io)}
.burger i:first-child{top:1px}.burger i:last-child{top:10px}
.menu-button[aria-expanded="true"] .burger i:first-child{transform:translateY(4.5px) rotate(45deg)}
.menu-button[aria-expanded="true"] .burger i:last-child{transform:translateY(-4.5px) rotate(-45deg)}
.progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:120;display:none;pointer-events:none}
.progress i{display:block;height:100%;background:var(--ink);transform-origin:0 50%;transform:scaleX(var(--p,0))}
html[data-surprise~="progress"] .progress{display:block}


.pill{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 30px;border:0;border-radius:1000px;background:var(--ink);color:var(--cream);font-size:1.1875rem;font-weight:500;letter-spacing:-.005em;text-decoration:none}
.nav-cta{min-height:48px;padding:0 22px;font-size:1.125rem}
.pill::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ink-2);opacity:0}
.pill:is(:hover,:focus-visible){background:var(--ink-2)}
html[data-surprise~="pills"] .pill{transition:background-color .2s ease-in-out,opacity .2s ease-in-out}
html[data-surprise~="pills"] .pill::before{opacity:1;transform:translate3d(-101%,0,0);transition:transform .45s var(--out)}
html[data-surprise~="pills"] .pill:is(:hover,:focus-visible)::before{transform:none}
.pill[aria-disabled="true"]{opacity:.4;cursor:default}
.pill-line{background:var(--cream);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}
.pill-line::before{background:var(--selected)}
.pill-line:is(:hover,:focus-visible){background:var(--selected)}
.text-link{display:inline-flex;align-items:center;gap:8px;min-height:48px;font-size:1.1875rem;font-weight:500;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:6px}
.text-link:is(:hover,:focus-visible){text-decoration-thickness:3px}
.arrow{width:16px;height:16px;flex:none}
html[data-surprise~="arrows"] .arrow{transition:transform .3s var(--io)}
.text-link:is(:hover,:focus-visible) .arrow{transform:translateX(5px)}
html[data-surprise~="lift"] :is(.pill,.text-size,.round,.chip-face):is(:hover,:focus-visible){translate:0 -3px}
html[data-surprise~="lift"] :is(.pill,.text-size,.round,.chip-face):active{translate:0 0;scale:.97}
html[data-surprise~="lift"] :is(.pill,.text-size,.round){transition:translate .35s var(--out),scale .2s ease,background-color .2s ease}


.hero{background:var(--cream)}
.hero-card{position:relative;height:max(480px,calc((100svh - 56px) * .75));margin-top:0;border-radius:0 0 32px 32px;overflow:hidden;background:var(--sage-cream);isolation:isolate}
.hero-media{position:absolute;inset:0;margin:0;overflow:hidden}
.hero-img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,62% 30%);scale:1.08}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,247,239,.98) 0%,rgba(246,247,239,.95) 36%,rgba(246,247,239,.6) 46%,rgba(246,247,239,0) 58%)}
.image-note{position:absolute;right:24px;bottom:24px;z-index:2;margin:0;padding:6px 18px;border-radius:1000px;background:rgba(252,252,247,.94);font-size:1rem;line-height:1.6}
.hero-text{position:absolute;z-index:2;left:56px;top:22%;width:min(560px,46vw)}
.hero-text h1{margin:0;font-size:3.5rem;line-height:1.08;font-weight:400;letter-spacing:-.03em}
.hero-text h1 em{background:linear-gradient(var(--selected),var(--selected)) 0 92%/100% .22em no-repeat}
.lede{margin:20px 0 0;max-width:470px}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:28px}
.hero-light{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.35) 50%,transparent 65%);opacity:0}


.finder{padding-top:96px}
.finder-wrap{display:flex;flex-direction:column;align-items:center;gap:40px;text-align:center}
.finder-card{width:100%;max-width:600px;text-align:left}
.progress-row{display:flex;align-items:center;gap:16px;margin:0 0 56px}
.meter{flex:1;height:6px;border-radius:100px;background:var(--track);overflow:hidden}
.meter-fill{display:block;height:100%;width:100%;border-radius:100px;background:var(--ink);transform-origin:0 50%;transform:scaleX(.3333)}
html[data-surprise~="finder"] .meter-fill{transition:transform .75s var(--io)}
.step-label{font-size:1.0625rem;font-weight:500;white-space:nowrap}
.fstep{border:0;margin:0;padding:0;min-width:0}
.fstep[hidden]{display:none}
.q{display:block;margin:0 0 32px;padding:0;font-size:2.5rem;line-height:1.1;font-weight:400;letter-spacing:-.03em;text-wrap:balance}
.chips{display:flex;flex-wrap:wrap;gap:12px}
.chip{position:relative;display:block}
.chip input{position:absolute;opacity:0;width:100%;height:100%;inset:0;margin:0;cursor:pointer;z-index:1}
.chip-face{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 26px;border:1.5px solid var(--line);border-radius:1000px;background:var(--cream);font-size:1.1875rem;font-weight:500}
.chip-dot{display:none;width:20px;height:20px}
.chip-dot .chk{width:20px;height:20px}
.chip input:checked + .chip-face{background:var(--selected);border-color:var(--ink)}
.chip input:checked + .chip-face .chip-dot{display:inline-block}
.chip input:focus-visible + .chip-face{outline:3px solid var(--ink);outline-offset:3px}
.chip:hover .chip-face{background:#e6ecd6}
.chip input:checked + .chip-face:hover,.chip:hover input:checked + .chip-face{background:var(--selected)}
html[data-surprise~="hovers"] .chip-face{transition:transform .1s ease,border-color .5s ease,background-color .2s ease}
.fresult .q{margin-bottom:16px}
.result-text{margin:0 0 16px}
.result-note{margin:0;color:var(--ink-2);font-size:1.0625rem}
.finder-actions{display:flex;flex-direction:column;gap:12px;margin-top:40px}
.finder-actions .pill{width:100%;min-height:56px}
.finder-links{display:flex;justify-content:space-between;align-items:center;gap:16px}
.back,.again{display:inline-flex;align-items:center;min-height:48px;padding:0 4px;border:0;background:none;font-size:1.1875rem;font-weight:500;text-decoration:underline;text-underline-offset:5px}
.back:is(:hover,:focus-visible),.again:is(:hover,:focus-visible){text-decoration-thickness:3px}
.back[hidden],.again[hidden],.next[hidden],.result-pill[hidden]{display:none}
.finder-fallback{display:none;list-style:none;margin:0 0 24px;padding:0;gap:12px;flex-wrap:wrap}
html:not(.js) .finder-fallback{display:flex}
html:not(.js) .finder-steps,html:not(.js) .finder-actions,html:not(.js) .progress-row,html:not(.js) [data-arrows]{display:none}


.band-head{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;align-items:end;padding:0 32px;max-width:1440px;margin:0 auto}
.band-dark .h2{max-width:570px}
.band-controls{display:flex;gap:12px}
.round{display:grid;place-items:center;width:56px;height:56px;border:1.5px solid rgba(252,252,247,.8);border-radius:50%;background:transparent;color:var(--cream);padding:0}
.round svg{width:24px;height:24px}
.round:is(:hover,:focus-visible){background:rgba(252,252,247,.18)}
.round[aria-disabled="true"]{opacity:.4;cursor:default}
.round-light{border-color:var(--line);color:var(--ink);background:var(--cream)}
.round-light:is(:hover,:focus-visible){background:var(--selected)}
html[data-surprise~="hovers"] .round{transition:background-color .2s ease-in-out,opacity .2s ease-in-out}
.track{display:flex;gap:16px;margin:32px 0 -8px;padding:24px 32px 32px;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:32px;scrollbar-width:none}
.track::-webkit-scrollbar{display:none}

@media (hover:hover) and (pointer:fine){.track{overflow-x:hidden}}
@media (prefers-reduced-motion:no-preference){.track{scroll-behavior:smooth}}
.slot{flex:0 0 348px;scroll-snap-align:start}
.card{position:relative;display:flex;flex-direction:column;align-items:center;height:100%;padding:24px 16px 96px;border-radius:16px;background:#3a5231;color:var(--cream);text-align:center;text-decoration:none;overflow:hidden}
.card h3{margin:0 0 20px;min-height:2.4em;padding:0 16px;font-size:1.75rem;line-height:1.2;font-weight:400;letter-spacing:-.015em;text-wrap:balance}
.card-photo{display:block;width:100%;aspect-ratio:1/1.08;border-radius:12px;overflow:hidden;background:var(--ink-2)}
.card-img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 40%)}
html[data-surprise~="hovers"] .card-img{transition:scale .7s var(--out)}
html[data-surprise~="hovers"] .card:is(:hover,:focus-visible) .card-img{scale:1.04}
.card-line{display:block;margin:20px 12px 0;font-size:1.125rem;line-height:1.55}
.card-go{position:absolute;left:50%;bottom:20px;margin-left:-28px;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--cream);color:var(--ink)}
.card-go .arrow{width:20px;height:20px}
html[data-surprise~="hovers"] .card{transition:background-color .3s ease-in-out}
html[data-surprise~="hovers"] .card-go{transition:background-color .3s ease-in-out}
.card:is(:hover,:focus-visible){background:#415a37}
.card:is(:hover,:focus-visible) .card-go{background:var(--selected)}
.card:is(:hover,:focus-visible) .card-go .arrow{transform:translateX(4px)}
html[data-surprise~="lift"] .card{transition:translate .5s var(--out),background-color .3s ease}
html[data-surprise~="lift"] .card:is(:hover,:focus-visible){translate:0 -8px}
.band-dark{padding-bottom:112px}
.treat + .costs{position:relative;margin-top:-40px;border-radius:32px 32px 0 0}

.hero-text h1{font-size:3rem}

.hero-text,.hero-text *{scroll-margin-top:96px}
.q{font-size:2.5rem;line-height:1;letter-spacing:-.024em}
.card h3{font-size:1.5rem;line-height:1.2;font-weight:400;letter-spacing:-.02em}

.costs .h2{max-width:760px}
.points{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.point{display:flex;flex-direction:column;gap:24px;padding-top:28px;border-top:2px solid var(--ink)}
.point p{margin:0;max-width:26em}
.ico{display:block;width:80px;height:80px;flex:none}
.fig{position:relative;display:inline-block;font-weight:600;font-variant-numeric:tabular-nums}
.fig.counting{color:transparent}
.fig .cnt{position:absolute;left:0;top:0;color:var(--ink)}
.points-action{margin-top:56px}
html[data-surprise~="lift"] .point:not(.rv){transition:translate .5s var(--out)}
html[data-surprise~="lift"] .point:not(.rv):hover{translate:0 -6px}


.age-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px;align-items:center}
.age-photo{margin:0;border-radius:32px;overflow:hidden;aspect-ratio:4/4.6;background:var(--sage-cream)}
.age-img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 45%)}
.age-text{position:relative}
.age-text .h2{margin-bottom:28px}
.annot-wrap{position:absolute;left:4px;top:-88px;width:110px;pointer-events:none;transform:scaleX(-1)}
.annot{display:block;width:100%;height:auto;overflow:visible}
.annot path{stroke:currentColor}
.annot-wrap.curl{color:var(--ink);width:96px;z-index:2}
.band-dark .annot-wrap.curl{color:var(--cream)}
.finder-wrap,.band-head,.costs .wrap,.plan-text,.ask-head,.cta-panel,.hero-text{position:relative}
.hero-text{position:absolute}
.curl.a-age{left:4px;top:-88px}
.curl.a-hero{left:92px;top:calc(100% + 6px);transform:scaleY(-1)}
.curl.a-treat{left:420px;top:34px;transform:none}
.curl.a-ask{left:600px;top:6px;transform:none}
@media (max-width:959px){.annot-wrap.curl:not(.a-age){display:none}}
.annot-line{stroke-dasharray:1;stroke-dashoffset:0}


.plan{position:relative;padding:48px 32px;overflow:hidden;background:var(--sage-cream)}
.plan-bg{position:absolute;inset:0;overflow:hidden}
.plan-img{width:100%;height:100%;object-fit:cover}
.plan-panel{position:relative;max-width:1376px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center;padding:72px 64px;border-radius:32px;background:rgba(246,247,239,.9);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.plan-text .h2{margin-bottom:36px;max-width:560px}
.steps{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:20px}
.pstep{display:flex;align-items:center;gap:24px;padding:28px 32px;border-radius:16px;background:var(--cream);box-shadow:inset 0 0 0 1px var(--track)}
.pstep p{margin:0}
.pnum{flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--ink);color:var(--cream);font-size:1.5rem;font-weight:500}
.steps-line{display:none}


.ask-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.ask-controls{display:flex;align-items:center;gap:20px}
.qcount{margin:0;font-size:1.125rem;font-weight:500;color:var(--ink-2);white-space:nowrap}
.ask .track{align-items:flex-start;gap:24px}
.qslot{flex:0 0 calc((100% - 72px) / 4)}
@media (max-width:1099px){.qslot{flex-basis:calc((100% - 24px) / 2)}}
@media (min-width:1100px){.ask-controls{display:none}}
.qcard{display:flex;flex-direction:column;gap:20px;height:100%;border-radius:16px}
.q-photo{display:block;overflow:hidden;background:var(--pale)}
.q-img{width:100%;height:100%;object-fit:cover;object-position:var(--pos,50% 40%)}
.q-photo{aspect-ratio:4/5;border-radius:24px}
.qcard p{margin:0;padding:0 8px;font-size:1.375rem;line-height:1.6;font-weight:400}
.qcard:focus-visible{outline:3px solid var(--ink);outline-offset:6px}
html[data-surprise~="hovers"] .q-img{transition:scale .7s var(--out)}
html[data-surprise~="hovers"] .qcard:is(:hover,:focus-visible) .q-img{scale:1.04}
html[data-surprise~="lift"] .qcard{transition:translate .5s var(--out)}
html[data-surprise~="lift"] .qcard:is(:hover,:focus-visible){translate:0 -8px}


.cta-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch}
.cta-photo{margin:0;border-radius:32px;overflow:hidden;min-height:560px;background:var(--ink-2)}
.cta-img{width:100%;height:100%;object-fit:cover}
.cta-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:24px;padding:56px;border-radius:32px;background:var(--pale);color:var(--ink)}
.cta{padding-bottom:112px}
.cta-panel .h2{font-size:2.75rem}
.cta-panel .h2 em{background:linear-gradient(var(--selected),var(--selected)) 0 92%/100% .24em no-repeat;color:var(--ink)}
.cta-panel .body{margin:0 auto;max-width:28em}
.cta-panel .h2{max-width:11em}


.site-footer{background:var(--ink);color:var(--cream);padding:80px 0 40px}
.foot-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:64px;max-width:1440px;margin:0 auto;padding:0 32px}
.foot-logo{margin:0 0 40px}
.foot-logo img{width:min(300px,70%);height:auto}
.foot-trust{margin:0 0 28px;max-width:15em;font-size:2.25rem;line-height:1.15;font-weight:400;letter-spacing:-.02em}
.foot-text{margin:0 0 20px;font-size:1.125rem}
.foot-note{margin:0;padding:16px 20px;max-width:30em;border:1px solid rgba(252,252,247,.5);border-radius:8px;font-size:1rem;line-height:1.6}
.foot-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-content:start}
.foot-h{margin:0 0 12px;font-size:1rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:#cfd8c4}
.foot-col ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.foot-col a{display:inline-flex;align-items:center;min-height:48px;font-size:1.125rem;overflow-wrap:anywhere;text-decoration:none}
.foot-col a:is(:hover,:focus-visible){text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px}
.site-footer :focus-visible{outline-color:var(--selected)}
.foot-copy{margin:56px 32px 0;max-width:1376px;font-size:1rem;color:#cfd8c4}
html[data-surprise~="lift"] .foot-col a{transition:translate .35s var(--out)}
html[data-surprise~="lift"] .foot-col a:is(:hover,:focus-visible){translate:6px 0}


@media (max-width:1079px){
  :root{--gut:16px}
  .site-nav{padding:0 8px}
  .nav-pill{padding:0 8px 0 16px;gap:8px}
  .wordmark{height:17px}
  .tabs{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;align-items:stretch;gap:4px;padding:12px;border-radius:24px;background:var(--cream);box-shadow:0 12px 32px rgba(28,58,19,.18)}
  .site-nav.menu-open .tabs{display:flex}
  .tab{min-height:56px;font-size:1.25rem}
  .tab-ask{display:inline-flex;background:var(--ink);color:var(--cream);justify-content:center}
  .tab-ask:is(:hover,:focus-visible){background:var(--ink-2)}
  .nav-cta{display:none}
  .menu-button{display:grid}
  .hero-card{height:auto;min-height:max(780px,calc(100svh - 56px))}
  .hero-media{inset:auto 0 0 0;height:60%}
  .hero-text{position:relative;left:auto;top:auto;width:auto;padding:96px 16px 28px}
  .hero-text h1{font-size:2.125rem;line-height:1.08;letter-spacing:-.025em}
  .hero-media::after{background:linear-gradient(180deg,rgba(246,247,239,1) 0%,rgba(246,247,239,.6) 16%,rgba(246,247,239,0) 34%)}
  .hero-img{object-position:62% 30%}
  .image-note{bottom:24px;font-size:1rem}
  .image-note{right:12px;bottom:12px;left:12px;text-align:center}
  .h2{font-size:2.125rem}
  .band-light,.band-pale,.band-tint{padding:64px 0}
  .band-dark{padding:56px 0 64px}
  .finder{padding-top:56px}
  .finder-wrap{gap:28px}
  .progress-row{margin-bottom:36px}
  .q{font-size:2rem}
  .band-head{grid-template-columns:1fr;padding:0 16px}
  .band-head .band-controls{display:none}
  .track{padding:20px 16px 28px;scroll-padding-inline:16px}
  .treat .track{margin-top:28px;flex-wrap:wrap;overflow:visible;scroll-snap-type:none;gap:12px}
  .treat .slot{flex:0 0 calc(50% - 6px)}
  .card{padding:16px 10px 84px}
  .card h3{font-size:1.25rem;padding:0 4px;margin-bottom:12px}
  .card-photo{border-radius:10px}
  .card-line{font-size:1rem;margin:14px 4px 0}
  .card-go{bottom:12px;width:52px;height:52px;margin-left:-26px}
  .treat + .costs{margin-top:-32px}
  .points{grid-template-columns:1fr;gap:32px;margin-top:36px}
  .points-action{margin-top:36px}
  .age-grid,.cta-grid{grid-template-columns:1fr;gap:32px}
  .plan{padding:24px 16px}
  .plan-panel{grid-template-columns:1fr;gap:32px;padding:36px 20px;border-radius:24px}
  .annot-wrap{display:none}
  .pstep{padding:20px;gap:16px}
  .ask-head{flex-direction:column;align-items:flex-start;gap:16px}
  .ask .track{gap:16px}
  .cta-photo{min-height:260px}
  .cta-panel{padding:32px 24px}
  .cta-panel .h2{font-size:2.125rem}
  .foot-in{grid-template-columns:1fr;padding:0 16px;gap:40px}
  .foot-trust{font-size:1.75rem}
  .foot-copy{margin:40px 16px 0}
}
@media (max-width:599px){.qslot{flex-basis:84%}}
@media (max-width:359px){.wordmark{height:14px}.text-size{min-width:44px}}


@media (prefers-reduced-motion:no-preference){
  
  html[data-surprise~="rise"] .hero-in{animation:rise 1.4s var(--out) both;animation-delay:calc(var(--k,0) * 220ms + 500ms)}
  html[data-surprise~="words"] .hero [data-split] .w{animation:wordrise 1s var(--out) both;animation-delay:calc(var(--i) * 70ms + 150ms)}
  html[data-surprise~="words"] .hero [data-split] .bp .w{animation-delay:calc(var(--i) * 70ms + 520ms)}
  html[data-surprise~="herodrift"] .hero-img{animation:settle 3.2s var(--out) both}
  html[data-surprise~="sweep"] .hero-light{animation:sweep 2.6s var(--io) 1.2s both}
  @keyframes rise{from{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:none}}
  @keyframes wordrise{from{opacity:0;transform:translate3d(0,.5em,0)}to{opacity:1;transform:none}}
  @keyframes settle{from{scale:1.18}to{scale:1.08}}
  @keyframes sweep{0%{opacity:0;transform:translate3d(-60%,0,0)}25%{opacity:1}100%{opacity:0;transform:translate3d(60%,0,0)}}
  @keyframes fin{from{opacity:0;transform:translate3d(0,6px,0)}to{opacity:1;transform:none}}
  @keyframes ring{0%{box-shadow:0 0 0 0 rgba(28,58,19,.45)}100%{box-shadow:0 0 0 16px rgba(28,58,19,0)}}
  @keyframes chipin{from{opacity:0;transform:translate3d(0,16px,0)}to{opacity:1;transform:none}}
  html[data-surprise~="finder"] .fstep.is-active{animation:fin .45s ease-out both}
  html[data-surprise~="ring"] .next.ready{animation:ring 1.2s ease-out 1}
  html[data-surprise~="chipsin"] .finder.chips-in .fstep.is-active .chip{animation:chipin .8s var(--out) both;animation-delay:calc(var(--i) * 110ms)}
  html[data-surprise~="parallax"] .age-img,html[data-surprise~="parallax"] .cta-img,html[data-surprise~="parallax"] .plan-img{scale:1.1;translate:0 var(--py,0px)}
  html[data-surprise~="parallax"] .hero-media{translate:0 var(--hy,0px)}
  html[data-surprise~="size"] .text-size.pop{animation:ring .8s ease-out 1}

  
  html[data-surprise~="rise"] .rv-rise:not(.is-in){opacity:0;transform:translate3d(0,14px,0)}
  html[data-surprise~="rise"] .rv-rise{transition:opacity 1.4s var(--out),transform 1.4s var(--out);transition-delay:var(--d,0ms)}
  html[data-surprise~="cards"] .rv-cards:not(.is-in){opacity:0;transform:translate3d(0,18px,0)}
  html[data-surprise~="cards"] .rv-cards{transition:opacity 1.4s var(--out),transform 1.4s var(--out);transition-delay:calc(var(--d,0ms) + var(--i,0) * 120ms)}
  html[data-surprise~="panel"] .rv-panel:not(.is-in){opacity:0;transform:translate3d(0,60px,0)}
  html[data-surprise~="panel"] .rv-panel{transition:opacity 1.2s ease-out,transform 1.2s ease-out;transition-delay:var(--d,0ms)}
  html[data-surprise~="photos"] .rv-photos:not(.is-in) img{scale:1.1;opacity:.3}
  html[data-surprise~="photos"] .rv-photos img{transition:scale 2s var(--out),opacity 1.4s var(--out)}
  html[data-surprise~="clip"] .rv-clip:not(.is-in){clip-path:inset(0 100% 0 0 round 32px)}
  html[data-surprise~="clip"] .rv-clip{transition:clip-path 1.4s var(--io)}
  html[data-surprise~="steps"] .rv-steps:not(.is-in){opacity:0;transform:translate3d(0,40px,0)}
  html[data-surprise~="steps"] .rv-steps{transition:opacity 1.6s var(--out),transform 1.6s var(--out)}
  html[data-surprise~="words"] [data-split].rv-words:not(.is-in) .w{opacity:0;transform:translate3d(0,.5em,0)}
  html[data-surprise~="words"] [data-split].rv-words .w{transition:opacity .9s var(--out),transform .9s var(--out);transition-delay:calc(var(--i) * 70ms)}
  html[data-surprise~="words"] [data-split].rv-words .bp .w{transition-delay:calc(var(--i) * 70ms + 350ms)}
  @keyframes curlbob{0%,100%{translate:0 0}50%{translate:4px 5px}}
  html[data-surprise~="arrows"] .curl.is-in .annot{animation:curlbob 5.5s ease-in-out 2.2s infinite}
  html[data-surprise~="draw"] .rv-draw:not(.is-in) .ico-line,html[data-surprise~="draw"] .rv-draw:not(.is-in) .annot-line{stroke-dashoffset:1}
  html[data-surprise~="draw"] .rv-draw .ico-line,html[data-surprise~="draw"] .rv-draw .annot-line{transition:stroke-dashoffset 1.5s var(--io);transition-delay:calc(var(--d,0ms) + var(--i,0) * 120ms + 300ms)}
  html[data-surprise~="draw"] .rv-draw .ico-2,html[data-surprise~="draw"] .rv-draw .annot-head{transition-delay:calc(var(--d,0ms) + var(--i,0) * 120ms + 800ms)}
  html[data-surprise~="wipe"] .h2 em.bp{background-size:100% .26em}
  html[data-surprise~="wipe"] .rv-words:not(.is-in) em.bp{background-size:0 .26em}
  html[data-surprise~="wipe"] .rv-words em.bp{transition:background-size 1.1s var(--io) .9s}
  html[data-surprise~="footer"] .foot-logo.rv-footer:not(.is-in){clip-path:inset(0 100% 0 0)}
  html[data-surprise~="footer"] .foot-logo.rv-footer{transition:clip-path 1.6s var(--io) .2s}
  html[data-surprise~="steps"] .steps-line{display:block;position:absolute;left:59px;top:56px;bottom:56px;width:2px;background:var(--line);transform-origin:0 0;transform:scaleY(1);z-index:0}
  html[data-surprise~="steps"] .steps.rv-line .steps-line{transform:scaleY(0)}
  html[data-surprise~="steps"] .steps-line{transition:transform 2.4s var(--io)}

  
  
  html[data-surprise~="cardgrow"] .card{transition:scale .6s cubic-bezier(.75,0,.25,1),translate .5s var(--out),background-color .3s ease-in-out}
    html[data-surprise~="cardgrow"] .card:is(:hover,:focus-visible){scale:1.02;z-index:2}
  html[data-surprise~="cardgrow"] .qcard{transition:scale .6s cubic-bezier(.75,0,.25,1),translate .5s var(--out)}
  html[data-surprise~="cardgrow"] .qcard:is(:hover,:focus-visible){scale:1.03}
  
  html[data-surprise~="letters"] .rv-letters:not(.is-in){clip-path:inset(-20% 100% -20% -2%)}
  html[data-surprise~="letters"] .rv-letters{transition:clip-path calc(var(--n,16) * 50ms) steps(var(--n,16),end) .1s}
  
  @keyframes nudge{from{translate:56px 0;scale:.95;opacity:.72}to{translate:0 0;scale:1;opacity:1}}
  html[data-surprise~="nudge"] .track.nudge>.slot{animation:nudge .3s ease-in-out .1s both}
  
  html[data-surprise~="leave"] .fstep.leaving{opacity:0;transform:translate3d(-40px,0,0);transition:opacity .2s linear,transform .2s linear}
  
  html[data-surprise~="imgzoom"] .age-photo img,html[data-surprise~="imgzoom"] .cta-photo img{transition:scale .7s var(--out)}
  html[data-surprise~="imgzoom"] .age-photo:hover img,html[data-surprise~="imgzoom"] .cta-photo:hover img{scale:1.04}
  html[data-surprise~="tabline"] .tab::after{content:"";position:absolute;left:14px;right:14px;bottom:9px;height:2px;border-radius:2px;background:var(--ink);transform:scaleX(0);transform-origin:0 50%;transition:transform .3s ease-in-out}
  html[data-surprise~="tabline"] .tab:is(:hover,:focus-visible)::after{transform:scaleX(1)}
  html[data-surprise~="tabline"] .tab-ask::after{display:none}
  
  html[data-surprise~="hovers"] .pstep{transition:translate .35s var(--out),background-color .2s ease-in-out}
  html[data-surprise~="hovers"] .pstep:hover,html[data-surprise~="hovers"] .pstep:focus-within{translate:6px 0;background:#fff}
  html[data-surprise~="hovers"] .pnum{transition:scale .35s var(--out)}
  html[data-surprise~="hovers"] .pstep:hover .pnum{scale:1.08}
  html[data-surprise~="hovers"] .ico{transition:scale .5s var(--out)}
  html[data-surprise~="hovers"] .point:hover .ico{scale:1.08}
  html[data-surprise~="hovers"] .foot-logo img{transition:opacity .2s ease-in-out}
  html[data-surprise~="hovers"] .foot-logo img:hover{opacity:.8}
  html[data-surprise~="hovers"] .text-link{transition:opacity .2s ease-in-out}
  .pstep{position:relative;z-index:1}
}
@media (prefers-reduced-motion:reduce){
  .track{scroll-behavior:auto}
  .site-nav,.pill,.pill::before,.arrow,.round,.card-img,.card-go,.card,.qcard,.chip-face,.meter-fill{transition:none!important}
}
@media (max-width:1079px){html[data-surprise~="steps"] .steps-line{display:none}}