*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--fb);color:var(--ink);background:var(--bg);line-height:1.6;font-size:17px;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--fd);margin:0}
p{margin:0}
ol,ul{margin:0;padding:0;list-style:none}
.w{width:100%;max-width:1200px;margin:0 auto;padding:0 22px}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:99;background:#fff;color:#000;padding:10px}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.hd-in{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:16px;flex-wrap:wrap}
.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;min-height:44px}
.wm{font-family:var(--fw);font-weight:var(--ww);font-size:1.22rem;letter-spacing:var(--wl)}
.wm em{font-style:normal;color:var(--wacc)}
.menu{min-height:44px;min-width:44px;padding:0 16px;font:inherit;font-weight:700;cursor:pointer;background:transparent;color:inherit;border:1.5px solid currentColor;border-radius:var(--br)}
.nav{display:none;width:100%}.nav.open{display:block}
.nav ul{display:flex;flex-direction:column;padding-bottom:12px}
.nav a{display:flex;align-items:center;min-height:44px;text-decoration:none;font-weight:600;font-size:.95rem}
@media(min-width:1000px){.menu{display:none}.nav{display:block;width:auto}.nav ul{flex-direction:row;gap:4px;padding:0}.nav a{padding:0 10px}}
.b{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;text-decoration:none;font-weight:700;border-radius:var(--br);font-family:var(--fb)}
.btns{display:flex;flex-wrap:wrap;gap:12px}
.b-off{opacity:.75;cursor:not-allowed}
.hero-in{display:grid;gap:48px;align-items:center}
@media(min-width:960px){.hero-in{grid-template-columns:1.1fr .9fr}}
.three{display:grid;gap:0}
@media(min-width:800px){.three{grid-template-columns:repeat(3,1fr)}}
.three b{display:block;font-family:var(--fd)}
.paths{display:grid;gap:24px}@media(min-width:800px){.paths{grid-template-columns:1fr 1fr}}
.path{display:block;text-decoration:none}
.go{display:inline-flex;align-items:center;gap:8px;font-weight:700;min-height:44px}
.go i{font-style:normal;transition:transform .2s}a:hover .go i{transform:translateX(4px)}
.lrn{display:grid}@media(min-width:800px){.lrn{grid-template-columns:repeat(3,1fr)}}
.lrn a{display:block;text-decoration:none}
.vids{display:grid;gap:24px}@media(min-width:800px){.vids{grid-template-columns:repeat(3,1fr)}}
.vids figure{margin:0}.vf{position:relative;aspect-ratio:16/9;overflow:hidden}.vf iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
figcaption b{display:block;font-size:.95rem;line-height:1.35;margin-top:10px}figcaption span{font-size:.85rem;opacity:.75}
.how-in{display:grid;gap:48px;align-items:start}@media(min-width:960px){.how-in{grid-template-columns:1fr 1fr}}
.steps li{display:flex;gap:18px;align-items:flex-start}
.steps b{display:block;font-size:1.1rem}.steps small{display:block;font-size:.95rem;opacity:.85;line-height:1.5}
.steps small a{display:inline-flex;align-items:center;min-height:44px}
.jour{display:grid}@media(min-width:900px){.jour{grid-template-columns:repeat(4,1fr)}}
.jour li a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.st,.bd{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.kit-in{display:grid;gap:48px;align-items:center}@media(min-width:960px){.kit-in{grid-template-columns:1.05fr .95fr}}
.kit-v{position:relative}
.pg{margin:0}.pg img{width:100%}
.pg figcaption{font-size:.75rem;margin-top:6px}
.checks li{position:relative;padding-left:30px;margin:10px 0}
.after{margin-top:36px}
.fut-in{text-align:center}
.ft nav ul{display:flex;flex-wrap:wrap;gap:0 18px}.ft nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}
.ft p a{display:inline-flex;align-items:center;min-height:44px}

:root{--bg:#FFF3E6;--ink:#3B2218;--fd:'Fredoka',system-ui,sans-serif;--fb:'Nunito',system-ui,sans-serif;--fw:'Fredoka',sans-serif;--ww:600;--wl:0;--wacc:#C4532F;--br:999px;--focus:#2F7A68;
--tc:#C4532F;--ap:#F6B38A;--cr:#FFF3E6;--sg:#2F7A68;--mut:#7A5546;
--h-font:'Nunito',sans-serif;--h-ink:#3B2218;--h-card:#FFFFFF;--h-bd:3px solid #3B2218;--h-r:22px;--h-sh:6px 6px 0 #3B2218;--h-mut:#7A5546;--h-acc:#C4532F;--h-acc-ink:#fff;--h-ok:#2F7A68;--h-ok-ink:#fff;--h-line:#E2C5B3;--h-br:999px;--h-star:#E08A2E}
.hd{background:var(--cr)}
.hd .logo .wm{color:var(--ink)}
.hero{padding:28px 0 72px;position:relative;overflow:hidden}
.hi-tag{display:inline-block;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:6px 16px;font-weight:700;font-size:.9rem;margin-bottom:22px}
h1{font-weight:600;font-size:clamp(2.4rem,6vw,4.3rem);line-height:1.05;letter-spacing:-.01em}
.h1b{color:var(--tc);position:relative;display:inline}
.sub{font-size:clamp(1.15rem,2vw,1.4rem);font-weight:700;margin-top:24px;max-width:32ch}
.for{color:var(--mut);margin:10px 0 28px}
.b1{background:var(--tc);color:#fff;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
.b1:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--ink)}
.b2{background:#fff;color:var(--ink);border:3px solid var(--ink)}
.plat{margin-top:26px;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.badge{background:var(--sg);color:#fff;font-weight:800;padding:6px 14px;border-radius:999px;font-size:.88rem}
.more-p{color:var(--mut);font-weight:700}
.hero-v{position:relative;padding:40px 10px}
.doodle{position:absolute;inset:-10px -30px auto;width:calc(100% + 60px);height:auto;z-index:0}
.helper{z-index:1}
.h-card:nth-child(1){transform:rotate(-1.5deg)}
.wave{display:block;width:100%;height:46px;margin-bottom:-1px}
.strip{background:var(--tc);color:#fff;padding:12px 0 56px;position:relative}
.strip::before{content:'';position:absolute;left:0;right:0;top:-44px;height:46px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 30c120-30 240-30 360 0s240 30 360 0 240-30 360 0 240 30 360 0v30H0z' fill='%23C4532F'/%3E%3C/svg%3E") 0 0/100% 100%}
.three{gap:28px}
.three li{padding:8px 0}
.three .n{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--cr);color:var(--tc);font-family:var(--fd);font-weight:700;margin-bottom:10px}
.three b{font-weight:600;font-size:1.4rem;margin-bottom:4px}
.three p{opacity:.92}
.three .hi .n{background:var(--ap);color:var(--ink)}
.sec{padding:96px 0}
.sh{max-width:680px;margin-bottom:44px}
.kick{display:inline-block;font-family:var(--fd);font-weight:600;color:var(--sg);font-size:1.05rem;margin-bottom:8px}
.kick::before{content:'✦ '}
.sh h2,.kit-t h2{font-weight:600;font-size:clamp(2rem,4.4vw,3.1rem);line-height:1.08}
.sh p,.kl{color:var(--mut);font-size:1.15rem;margin-top:12px;font-weight:600}
.squig{display:block;width:180px;height:14px;color:var(--ap);margin-top:10px}
.path{padding:36px 32px;border-radius:32px;border:3px solid var(--ink);position:relative}
.pa{background:var(--ap);transform:rotate(-.8deg)}.pb{background:#BFE0D3;transform:rotate(.8deg)}
.path:hover{transform:rotate(0)}
.ic{width:56px;height:56px;color:var(--ink);margin-bottom:12px}
.eb{display:block;font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}
.path h3{font-weight:600;font-size:clamp(1.6rem,3vw,2.2rem);margin:8px 0}
.path p{max-width:38ch;margin-bottom:12px;font-weight:600}
.go{background:var(--ink);color:#fff;padding:0 20px;border-radius:999px;margin-top:6px}
.s-learn{background:#FBE2CF}
.lrn{gap:32px;margin-bottom:72px}
.lrn a{padding:0 0 0 22px;border-left:5px solid var(--tc)}
.lrn a:nth-child(2){border-color:var(--sg)}.lrn a:nth-child(3){border-color:#E08A2E}
.ln{font-family:var(--fd);font-weight:700;color:var(--tc);font-size:.95rem;text-transform:uppercase}
.lrn h3{font-weight:600;font-size:1.5rem;margin:4px 0 6px}
.lrn p{color:var(--mut);font-weight:600}
.lrn .go{background:none;color:var(--tc);padding:0}
.vh h3{font-weight:600;font-size:1.6rem}.vh p{color:var(--mut);margin:4px 0 22px;font-weight:600}
.vf{border-radius:20px;border:3px solid var(--ink);background:#000}
.steps{position:relative}
.steps li{padding:18px 0}
.sn{flex:0 0 56px;height:56px;border-radius:50%;background:var(--tc);color:#fff;display:grid;place-items:center;font-family:var(--fd);font-weight:700;font-size:1.5rem;border:3px solid var(--ink)}
.steps li:nth-child(2) .sn{background:var(--ap);color:var(--ink)}.steps li:nth-child(3) .sn{background:var(--sg)}
.steps b{font-family:var(--fd);font-weight:600;font-size:1.35rem}
.steps small{color:var(--mut);font-weight:600}.steps small a{color:var(--tc);font-weight:800}
.ex{background:#fff;border:3px solid var(--ink);border-radius:28px;box-shadow:8px 8px 0 var(--ap);padding:28px;transform:rotate(1deg)}
.ex-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-weight:800;margin-bottom:16px}
.tag{background:#FBE2CF;border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:700}
.ex-rev{background:var(--cr);border-radius:18px;padding:16px;font-size:.98rem}
.ex-rep{margin:16px 0;font-size:1.05rem;padding-left:16px;border-left:4px solid var(--sg)}
.ex-ft{font-weight:800;color:var(--tc)}
.s-jour{background:var(--sg);color:#fff}
.s-jour .kick{color:var(--ap)}.s-jour .sh p{color:#D6EEE5}
.jour{gap:20px;counter-reset:j}
.jour li{background:var(--cr);color:var(--ink);border-radius:28px;padding:26px;border:3px solid var(--ink);display:flex;flex-direction:column;gap:6px}
.jour .st{color:var(--tc)}.jour .bd{background:var(--ap);border-radius:999px;padding:3px 10px;align-self:flex-start;text-transform:none;letter-spacing:0}
.jour h3{font-weight:600;font-size:1.7rem}.jour p{font-weight:600;color:var(--mut)}.jour a{color:var(--tc)}
.jour .later{background:transparent;color:#fff;border-style:dashed;border-color:#D6EEE5}.jour .later p{color:#D6EEE5}.jour .later .bd{background:#D6EEE5}
.s-jour .b2{background:transparent;color:#fff;border-color:#fff}
.s-kit{background:var(--cr)}
.kit-v{height:470px}
.pg{position:absolute;width:42%;background:#fff;padding:8px;border:3px solid var(--ink);border-radius:14px;box-shadow:6px 6px 0 var(--ink)}
.pg img{border-radius:6px}.pg figcaption{font-weight:800;text-align:center}
.p1{left:2%;top:40px;transform:rotate(-6deg);z-index:2}.p3{left:30%;top:0;transform:rotate(2deg);z-index:3}.p4{left:56%;top:50px;transform:rotate(7deg);z-index:1}.p2{display:none}
@media(max-width:600px){.kit-v{height:320px}}
.kit-t h3{font-weight:600;font-size:1.5rem;margin:26px 0 6px}
.price{display:inline-block;background:var(--tc);color:#fff;border-radius:999px;padding:0 12px;margin-left:8px}
.checks li{font-weight:600}.checks li::before{content:'✓';position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;background:var(--sg);color:#fff;display:grid;place-items:center;font-size:.8rem;font-weight:800}
.b-off{background:#fff;border:3px dashed var(--ink);color:var(--ink);margin-top:14px}
.fine{color:var(--mut);font-size:.9rem;margin-top:10px;font-weight:600}
.s-fut{background:var(--ap)}
.fut-in h2{font-weight:600;font-size:clamp(2rem,5vw,3.2rem)}
.fut-in p{font-weight:700;margin:12px 0 26px;font-size:1.1rem}
.ft{background:var(--ink);color:var(--cr);padding:56px 0 36px}
.ft .wm em{color:var(--ap)}
.ft nav{margin:18px 0}.ft p{opacity:.85}
.nav a[aria-current=page]{text-decoration:underline;text-decoration-color:#C4532F;text-decoration-thickness:3px;text-underline-offset:6px}
.ft .logo{margin-bottom:8px}
.home .hero-v{display:flex;align-items:center;min-height:440px}
.home .stairs{width:100%;position:relative;z-index:1}
.kick,.ln,.ex-ft,.lrn .go,.steps small a,.jour .st,.jour a{color:#A8401F}
.kick{color:#256555}.s-jour .kick{color:#F6B38A}
.s-jour .sh p,.jour .later p{color:#EFF8F4}
.s-sign{background:#BFE0D3}
.sign-in{max-width:580px;margin:0 auto;background:#fff;border:3px solid #3B2218;border-radius:28px;padding:28px;box-shadow:8px 8px 0 #3B2218}
.signup{display:grid;gap:10px}
.signup-lead{font-family:'Fredoka',sans-serif;font-weight:600;font-size:1.6rem;color:#3B2218;margin:0}
.signup label{font-weight:800}
.signup input[type=email]{width:100%;min-height:48px;padding:0 14px;border:3px solid #3B2218;border-radius:14px;background:#fff;font:inherit}
.signup-check{display:flex;gap:10px;align-items:flex-start;font-weight:600!important;min-height:44px}
.signup-check input{width:22px;height:22px;margin-top:2px;accent-color:#2F7A68}
.signup .btn{min-height:48px;padding:0 24px;background:#C4532F;color:#fff;border:3px solid #3B2218;border-radius:999px;box-shadow:4px 4px 0 #3B2218;font:800 1rem 'Nunito',sans-serif;cursor:pointer;justify-self:start}
.signup-safe{margin:0;font-weight:800;color:#256555}
.signup-note,.signup-msg{margin:0;font-size:.9rem;color:#7A5546}
.signup-msg:empty{display:none}
.three-in .three{list-style:none;padding:0;margin:0 0 36px;display:grid;gap:16px}
@media(min-width:760px){.three-in .three{grid-template-columns:repeat(3,1fr)}}
.three-in .three li{background:#fff;border:3px solid #3B2218;border-radius:22px;padding:18px}
.three-in .three .n{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#C4532F;color:#fff;font-family:'Fredoka',sans-serif;font-weight:700;margin-right:8px}
.three-in .three .hi .n{background:#2F7A68}
.three-in .three b{font-family:'Fredoka',sans-serif;font-weight:600;font-size:1.25rem}
.s-faq{background:#FFF3E6}
.faq-in{max-width:760px}
.faq-in h2{font-family:'Fredoka',sans-serif;font-weight:600;font-size:clamp(2rem,4.4vw,3rem);margin-bottom:16px}
.faq{background:#fff;border:3px solid #3B2218;border-radius:20px;padding:0 18px;margin-bottom:12px}
.faq summary{min-height:52px;display:flex;align-items:center;cursor:pointer;font-weight:800}
.faq p{margin:0 0 16px;color:#5A3B2F}

/* ===== Spacing scale (v7): one set of tokens for section rhythm ===== */
:root{--sec-y:clamp(24px,3vw,40px);--stack:clamp(20px,2.5vw,32px);--hero-b:var(--sec-y)}
.sec{padding:var(--sec-y) 0}
.sh{margin-bottom:var(--stack)}
.lrn{margin-bottom:var(--stack)}
.ft{margin-top:0;padding-top:var(--sec-y)}

/* v7b: tighten remaining in-section gaps with the spacing scale */
.kit-in{gap:var(--stack)}
@media(min-width:960px){.kit-in{gap:48px}}
/* keepfig byline */
.ft p.fkf{margin-top:8px;font-size:.8rem;letter-spacing:.02em;opacity:1;color:rgba(255,243,230,.6)}.ft p.fkf a{display:inline-flex;align-items:center;min-height:32px;color:rgba(255,243,230,.75);text-decoration:underline;text-decoration-color:#C4532F;text-underline-offset:3px}.ft p.fkf a:hover{color:#F6B38A}
@media (max-width:599px){.ft p.fkf a{min-height:44px;padding:0 2px}}

.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.stairs{display:flex;flex-direction:column-reverse;gap:10px;max-width:460px;margin:0 auto;font-family:'Instrument Sans',sans-serif;color:#16231F}
.st-c{background:#FBF8F1;border-bottom:4px solid #B06F52;padding:12px 14px;width:80%;box-shadow:0 24px 40px -28px rgba(0,0,0,.6)}
.st2{margin-left:10%}.st3{margin-left:20%}
.st-h{font-family:'Newsreader',Georgia,serif;font-size:1.05rem;color:#123A2E;display:flex;align-items:baseline;gap:8px;margin-bottom:6px}
.st-h b{font-weight:500}
.st-n{font-style:italic;color:#B06F52;font-size:.9rem}
.st-b{position:relative;font-size:.86rem;line-height:1.35}
.chart{display:block;width:100%;height:44px}
.pt{position:absolute;left:85%;top:7px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:#B06F52;box-shadow:0 0 0 4px rgba(176,111,82,.25)}
.ins,.ans,.rv,.dr{margin:6px 0 0}
.exl{display:inline-block;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:#7A4630;border:1px solid #D9BBA9;padding:0 5px;margin-right:4px;vertical-align:1px}
.fld{margin:0;border:1px solid #CFC7B6;background:#fff;padding:5px 8px;white-space:nowrap;overflow:hidden}
.q{display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom}
.ans{font-family:'Newsreader',serif;font-style:italic;font-size:.98rem;color:#123A2E}
.dr{font-family:'Newsreader',serif;font-style:italic;font-size:.98rem;color:#123A2E}.dr span{display:inline-block;white-space:nowrap;overflow:hidden;vertical-align:bottom}
.act{display:flex;gap:8px;align-items:center;margin-top:8px}
.ap{position:relative;display:inline-flex;align-items:center;min-height:30px;padding:0 14px;background:#123A2E;color:#F4EFE4;font-weight:600;font-size:.8rem}
.ap2{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#B06F52;color:#fff;opacity:0}
.snt{font-weight:700;color:#B06F52;font-size:.85rem}
@media(max-width:480px){.st-c{width:84%;padding:10px 12px}.st2{margin-left:8%}.st3{margin-left:16%}.st-b{font-size:.8rem}.chart{height:34px}.pt{top:4px}}
@media (prefers-reduced-motion:no-preference){
.stairs{--d:14s}
.st1{animation:a1 var(--d) infinite}.st2{animation:a2 var(--d) infinite}.st3{animation:a3 var(--d) infinite}
.pt{animation:pt var(--d) infinite}.pt-l{animation:ptl var(--d) infinite}.st1 .ins{animation:ins var(--d) infinite}
.q{animation:qq var(--d) infinite}.ans{animation:an var(--d) infinite}
.dr span{animation:dr var(--d) infinite}.st3 .act{animation:ac var(--d) infinite}.ap{animation:apb var(--d) infinite}.ap2{animation:ap2 var(--d) infinite}.snt{animation:sn var(--d) infinite}
}
@keyframes a1{0%,22.143%{opacity:1;transform:none}25%,97.857%{opacity:.55}100%{opacity:1}}
@keyframes a2{0%,21.429%{opacity:.35}24.286%,68.571%{opacity:1}71.429%,97.857%{opacity:.55}100%{opacity:.35}}
@keyframes a3{0%,45%{opacity:.35}47.857%,98.571%{opacity:1}100%{opacity:.35}}
@keyframes pt{0%,5%{transform:scale(0)}7.857%,97.857%{transform:scale(1)}100%{transform:scale(0)}}
@keyframes ptl{0%,6.429%{opacity:0}8.571%,97.857%{opacity:1}100%{opacity:0}}
@keyframes ins{0%,9.286%{opacity:0;transform:translateY(4px)}12.857%,97.857%{opacity:1;transform:none}100%{opacity:0}}
@keyframes qq{0%,25.714%{max-width:0}35.714%,97.857%{max-width:100%}100%{max-width:0}}
@keyframes an{0%,37.143%{opacity:0;transform:translateY(4px)}40.714%,97.857%{opacity:1;transform:none}100%{opacity:0}}
@keyframes dr{0%,48.571%{max-width:0}55.714%,97.857%{max-width:100%}100%{max-width:0}}
@keyframes ac{0%,55.714%{opacity:0}57.857%,97.857%{opacity:1}100%{opacity:0}}
@keyframes apb{0%,60.714%{transform:none}61.786%{transform:scale(.92)}62.857%,100%{transform:none}}
@keyframes ap2{0%,61.429%{opacity:0}62.5%,97.857%{opacity:1}100%{opacity:0}}
@keyframes sn{0%,63.571%{opacity:0}65.714%,97.857%{opacity:1}100%{opacity:0}}

@media(min-width:960px){.hero-m{display:none}}
@media(max-width:959px){
.home .hero-v{display:none}
.home .hero{padding:24px 0 var(--hero-b)}
.home .ov{margin-bottom:14px}
.home .hero .sub{margin-top:12px}
.home .for{margin:8px 0 16px}
.home .hero .btns{gap:10px}
.home .hero .b{padding:0 16px}
.hero-m{margin:16px 0 0}
.hero-m .stairs{gap:5px;max-width:420px}
.hero-m .st-c{padding:6px 10px;border-bottom-width:3px;width:82%}
.hero-m .st2{margin-left:9%}.hero-m .st3{margin-left:18%}
.hero-m .st-h{font-size:.9rem;margin-bottom:2px}.hero-m .st-n{font-size:.78rem}
.hero-m .st-b{font-size:.72rem;line-height:1.25}
.hero-m .chart{height:20px}.hero-m .pt{top:1px;width:8px;height:8px;margin-left:-4px}
.hero-m .ins,.hero-m .ans,.hero-m .rv,.hero-m .dr{margin-top:3px}
.hero-m .ans,.hero-m .dr{font-size:.8rem}
.hero-m .fld{padding:2px 6px}
.hero-m .exl{font-size:.58rem}
.hero-m .act{margin-top:4px;gap:6px}.hero-m .ap{min-height:22px;padding:0 10px;font-size:.7rem}.hero-m .snt{font-size:.75rem}
.home .plat{margin-top:18px;padding-top:14px}
}

/* direction B skin */
.stairs{font-family:'Nunito',sans-serif;color:#3B2218}
.st-c{background:#fff;border:3px solid #3B2218;border-radius:18px;box-shadow:5px 5px 0 #3B2218}
.st1{box-shadow:5px 5px 0 #F6B38A}.st2{box-shadow:5px 5px 0 #BFE0D3}.st3{box-shadow:5px 5px 0 #C4532F}
.st-h{font-family:'Fredoka',sans-serif;color:#3B2218;align-items:center}
.st-h b{font-weight:600}
.st-n{font-style:normal;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#C4532F;color:#fff;font-weight:700;font-size:.75rem}
.st2 .st-n{background:#2F7A68}.st3 .st-n{background:#3B2218}
.pt{background:#C4532F;box-shadow:0 0 0 4px rgba(196,83,47,.25)}
.exl{border-radius:999px;border:2px solid #3B2218;color:#3B2218;background:#FBE2CF;font-weight:800;padding:0 7px}
.fld{border:2px solid #3B2218;border-radius:12px;background:#FFF3E6}
.ans,.dr{font-family:'Nunito',sans-serif;font-style:normal;font-weight:700;color:#256555}
.ap{background:#C4532F;color:#fff;border:2px solid #3B2218;border-radius:999px;font-weight:800}
.ap2{background:#2F7A68;border-radius:999px}
.snt{color:#256555;font-weight:800}
@media(max-width:959px){.hero-m .st-n{width:20px;height:20px;font-size:.62rem}.hero-m .st-c{border-width:2px;border-radius:14px}.hero-m .exl{border-width:1px}.hero-m .fld{border-width:1px;border-radius:8px}}

/* v7 thought bubbles */
.stairs{--d:14s}
.st-c{position:relative}
.stairs{gap:52px;padding-top:50px}
.bub{position:absolute;bottom:calc(100% + 20px);right:6px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;background:#FFF3E6;color:#3B2218;border:2.5px solid #3B2218;border-radius:22px 26px 20px 24px;padding:5px 14px;font:500 .88rem/1.2 'Fredoka',sans-serif;box-shadow:3px 3px 0 #F6B38A;transform-origin:20px 130%;z-index:2}
.bub::before,.bub::after{content:'';position:absolute;background:#FFF3E6;border:2px solid #3B2218;border-radius:50%}
.bub::before{width:10px;height:10px;left:22px;bottom:-15px}
.bub::after{width:6px;height:6px;left:14px;bottom:-23px}
.b3{background:#C4532F;color:#fff;box-shadow:3px 3px 0 #3B2218;font-weight:600}
.b3::before,.b3::after{background:#C4532F}
.bk{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;color:#256555;font-size:.7rem;font-weight:800}
@media (prefers-reduced-motion:no-preference){
.stairs{--d:14s}
.b1{animation:bb1 var(--d) infinite}.b2{animation:bb2 var(--d) infinite}.b3{animation:bb3 var(--d) infinite}
}
@keyframes bb1{0%,12.857%{opacity:0;transform:scale(.3)}15.714%{opacity:1;transform:scale(1.08)}17.143%,97.857%{opacity:1;transform:none}100%{opacity:0;transform:scale(.3)}}
@keyframes bb2{0%,40.714%{opacity:0;transform:scale(.3)}43.571%{opacity:1;transform:scale(1.08)}45%,97.857%{opacity:1;transform:none}100%{opacity:0;transform:scale(.3)}}
@keyframes bb3{0%,56.429%{opacity:0;transform:scale(.3)}58.571%{opacity:1;transform:scale(1.1)}60%,98.571%{opacity:1;transform:none}100%{opacity:0;transform:scale(.3)}}
@media(max-width:959px){
.home .hero{padding-top:12px}
.hero-m{margin-top:6px}
.hero-m .stairs{gap:27px;padding-top:24px}
.hero-m .bub{bottom:calc(100% + 6px);right:4px;font-size:.66rem;padding:2px 9px;border-width:1.5px;border-radius:14px 16px 13px 15px;box-shadow:2px 2px 0 #F6B38A;gap:4px}
.hero-m .b3{box-shadow:2px 2px 0 #3B2218}
.hero-m .bub::before{width:6px;height:6px;left:auto;right:-9px;bottom:2px;border-width:1.5px}
.hero-m .bub::after{width:4px;height:4px;left:auto;right:-14px;bottom:-4px;border-width:1.5px}
.hero-m .bk{width:13px;height:13px;font-size:.55rem}
.hero-m .chart{height:16px}
.home .plat{margin-top:10px;padding-top:8px}
}

/* v7: tighten desktop hero bottom (hero pb 72 + next section pt 96 stacked on same bg) */
@media(min-width:960px){
.home .hero{padding-bottom:12px}
.home .hero-in{align-items:end}
.home .hero-v{padding-top:0;padding-bottom:0;min-height:0}

}

/* v7b: true thought clouds (scalloped SVG outline + trailing circles) */
.stairs{gap:78px;padding-top:84px}
.bub{display:flex;align-items:center;justify-content:center;white-space:normal;text-align:center;background:none;border:0;border-radius:0;box-shadow:none;padding:24px 34px 26px;width:252px;min-height:96px;bottom:calc(100% - 9px);right:-10px;font:600 1.06rem/1.2 'Fredoka',sans-serif;color:#3B2218;transform-origin:18% 110%;z-index:3}
.bub::before,.bub::after{display:none}
.bt{position:relative;display:block;text-wrap:balance}
.cl{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.cl path{vector-effect:non-scaling-stroke}
.cs{fill:#F6B38A}.cf{fill:#FFF3E6;stroke:#3B2218;stroke-width:3}
.b2 .cs{fill:#BFE0D3}
.b3{background:none;color:#FFF3E6;box-shadow:none;font-weight:600}
.b3 .cs{fill:#3B2218}.b3 .cf{fill:#C4532F}
.bub i{position:absolute;border-radius:50%;background:#FFF3E6;border:2.5px solid #3B2218;box-shadow:2px 2px 0 #F6B38A}
.b2 i{box-shadow:2px 2px 0 #BFE0D3}.b3 i{background:#C4532F;box-shadow:2px 2px 0 #3B2218}
.bub .d1{width:15px;height:15px;left:-4px;bottom:16px}
.bub .d2{width:9px;height:9px;left:-18px;bottom:6px}
.bk{width:22px;height:22px;font-size:.8rem;margin-right:6px;vertical-align:-3px;display:inline-grid}
@media(max-width:959px){
.hero-m .stairs{gap:38px;padding-top:50px}
.hero-m{margin-top:0}
.hero-m .ins,.hero-m .ans,.hero-m .rv,.hero-m .dr{margin-top:2px}
.home .plat{margin-top:6px;padding-top:0}
.hero-m .st-c{padding:5px 10px}
.hero-m .st-h{font-size:.86rem;margin-bottom:1px}
.hero-m .chart{height:11px}
.hero-m .ap{min-height:20px}
.hero-m .act{margin-top:3px}
.hero-m .bub{width:206px;min-height:42px;padding:11px 24px 12px;bottom:calc(100% - 4px);right:-6px;font-size:.8rem;line-height:1.1;border:0;border-radius:0;box-shadow:none;gap:0}
.hero-m .b3{box-shadow:none}
.hero-m .cf{stroke-width:2}
.hero-m .bub i{border-width:1.5px;box-shadow:1.5px 1.5px 0 #F6B38A}
.hero-m .b2 i{box-shadow:1.5px 1.5px 0 #BFE0D3}.hero-m .b3 i{box-shadow:1.5px 1.5px 0 #3B2218}
.hero-m .bub .d1{display:block;width:9px;height:9px;left:0;right:auto;bottom:9px}
.hero-m .bub .d2{display:block;width:5px;height:5px;left:-9px;right:auto;bottom:3px}
.hero-m .bk{width:15px;height:15px;font-size:.6rem;margin-right:4px;vertical-align:-2px}
}

.bub{transform-origin:-8px calc(100% - 12px)}
@keyframes bb1{0%,12.143%{opacity:0;transform:scale(.55)}15%,97.857%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@keyframes bb2{0%,40%{opacity:0;transform:scale(.55)}42.857%,97.857%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@keyframes bb3{0%,55.714%{opacity:0;transform:scale(.55)}58.571%,98.571%{opacity:1;transform:none}100%{opacity:0;transform:none}}

/* v7c: clouds overlap their card's top corner, shorter staircase */
.st1{z-index:3}.st2{z-index:2}.st3{z-index:1}
.stairs{gap:16px;padding-top:66px}
@media(min-width:960px){
.st1 .bub{bottom:calc(100% - 62px);right:-90px}
.st2 .bub{bottom:calc(100% - 52px);right:-90px}
.st3 .bub{bottom:calc(100% - 17px)}
}
@media(max-width:959px){
.hero-m .stairs{gap:30px;padding-top:40px}
.hero-m .bub{bottom:calc(100% - 7px)}
}

/* v7d: SVG dots with fill attrs, one-step-at-a-time timing, width-safe cloud placement */
:root{color-scheme:light}
.bub .dt{position:absolute;display:block;overflow:visible;border:0;background:none;box-shadow:none;border-radius:0}
.bub .dt circle{vector-effect:non-scaling-stroke}
.cs,.ds{stroke:none}
.bub .d1{width:15px;height:15px}.bub .d2{width:9px;height:9px}
.hero-m .bub .d1{width:9px;height:9px}.hero-m .bub .d2{width:5px;height:5px}
@media(min-width:960px){
.hero-v .bub{width:var(--cw,214px);min-height:0;padding:var(--cp,18px 28px 20px);font-size:var(--cf,.95rem);line-height:1.15}
.hero-v .st1 .bub{bottom:var(--b1,calc(100% - 30px));right:var(--r1,-64px)}
.hero-v .st2 .bub{bottom:var(--b2,calc(100% - 30px));right:var(--r2,-64px)}
.hero-v .st3 .bub{bottom:var(--b3,calc(100% - 8px));right:var(--r3,-30px)}
}
.stairs{--d:15.7s}
@media (prefers-reduced-motion:no-preference){.stairs{--d:15.7s}}
@keyframes a1{0.000%{opacity:1}19.745%{opacity:1}21.656%{opacity:.55}98.726%{opacity:.55}100.000%{opacity:1}}
@keyframes a2{0.000%{opacity:.35}21.656%{opacity:.35}23.567%{opacity:1}56.688%{opacity:1}58.599%{opacity:.55}98.726%{opacity:.55}100.000%{opacity:.35}}
@keyframes a3{0.000%{opacity:.35}58.599%{opacity:.35}60.510%{opacity:1}98.726%{opacity:1}100.000%{opacity:.35}}
@keyframes pt{0.000%{transform:scale(0)}4.459%{transform:scale(0)}7.006%{transform:scale(1)}98.726%{transform:scale(1)}100.000%{transform:scale(0)}}
@keyframes ptl{0.000%{opacity:0}5.732%{opacity:0}7.643%{opacity:1}98.726%{opacity:1}100.000%{opacity:0}}
@keyframes ins{0.000%{opacity:0;transform:translateY(4px)}8.280%{opacity:0;transform:translateY(4px)}11.465%{opacity:1;transform:none}98.726%{opacity:1;transform:none}100.000%{opacity:0}}
@keyframes bb1{0.000%{opacity:0;transform:scale(.55)}10.828%{opacity:0;transform:scale(.55)}13.376%{opacity:1;transform:none}98.726%{opacity:1;transform:none}100.000%{opacity:0;transform:none}}
@keyframes qq{0.000%{max-width:0}22.930%{max-width:0}28.662%{max-width:100%}98.726%{max-width:100%}100.000%{max-width:0}}
@keyframes an{0.000%{opacity:0;transform:translateY(4px)}29.299%{opacity:0;transform:translateY(4px)}31.847%{opacity:1;transform:none}98.726%{opacity:1;transform:none}100.000%{opacity:0}}
@keyframes bb2{0.000%{opacity:0;transform:scale(.55)}31.847%{opacity:0;transform:scale(.55)}34.395%{opacity:1;transform:none}98.726%{opacity:1;transform:none}100.000%{opacity:0;transform:none}}
@keyframes dr{0.000%{max-width:0}60.510%{max-width:0}64.331%{max-width:100%}98.726%{max-width:100%}100.000%{max-width:0}}
@keyframes ac{0.000%{opacity:0}64.331%{opacity:0}65.605%{opacity:1}98.726%{opacity:1}100.000%{opacity:0}}
@keyframes apb{0.000%{transform:none}65.924%{transform:none}66.879%{transform:scale(.92)}67.834%{transform:none}100.000%{transform:none}}
@keyframes ap2{0.000%{opacity:0}66.561%{opacity:0}67.516%{opacity:1}98.726%{opacity:1}100.000%{opacity:0}}
@keyframes sn{0.000%{opacity:0}67.516%{opacity:0}68.790%{opacity:1}98.726%{opacity:1}100.000%{opacity:0}}
@keyframes bb3{0.000%{opacity:0;transform:scale(.55)}68.153%{opacity:0;transform:scale(.55)}70.064%{opacity:1;transform:none}98.726%{opacity:1;transform:none}100.000%{opacity:0;transform:none}}

@media(min-width:960px){
.hero-v .stairs{gap:22px}
.hero-v .bub .d1{left:24%;bottom:-7px}.hero-v .bub .d2{left:calc(24% - 13px);bottom:-15px}
}
@media(min-width:960px) and (max-width:1039px){.hero-v .stairs{--cw:168px;--cp:14px 20px 16px;--cf:.8rem;--r1:-70px;--r2:-58px}}
@media(min-width:1040px) and (max-width:1159px){.hero-v .stairs{--cw:190px;--cp:16px 24px 18px;--cf:.88rem;--r1:-60px;--r2:-56px}}

@media(min-width:960px){.hero-v .st3 .bub .d1{left:auto;right:40px;bottom:-6px}.hero-v .st3 .bub .d2{left:auto;right:28px;bottom:-14px}}

@media(min-width:960px) and (max-width:1159px){.hero-v .st3 .bub{width:206px;padding:16px 24px 18px;font-size:.88rem}}