@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;500;600;700;800&display=swap";.sb-landing{--bg: #f7fbf2;--surface: #ffffff;--surface-2: #ecf5e0;--ink: #122035;--ink-2: #38465e;--ink-3: #6b7790;--line: rgba(18, 32, 53, .1);--primary: #5aa0d8;--primary-ink: #ffffff;--primary-shade: #3f87c2;--cta: #94cf58;--cta-ink: #0f2a0a;--cta-shade: #75b33b;--accent-yellow: #ffc857;--accent-coral: #ff8a65;--accent-violet: #b58cff;--accent-teal: #36c7b8;--section-y: 96px;--gap: 24px;--sticker-shadow: 0 1px 0 rgba(0, 0, 0, .04), 0 2px 0 rgba(18, 32, 53, .12), 0 14px 28px rgba(18, 32, 53, .08)}.sb-landing[data-palette=sky]{--bg: #f1f8fd;--surface: #ffffff;--surface-2: #dceef9;--ink: #0f2138;--ink-2: #3a4d64;--ink-3: #6f8195;--primary: #5aa0d8;--primary-shade: #3f87c2;--cta: #ffc857;--cta-ink: #3a2a05;--cta-shade: #dba432;--accent-yellow: #94cf58;--accent-coral: #ff8a65}.sb-landing[data-palette=sunshine]{--bg: #fffaec;--surface: #ffffff;--surface-2: #fff1cc;--ink: #2a1f0a;--ink-2: #5a4b2e;--ink-3: #8a7c5e;--primary: #ffc857;--primary-ink: #3a2a05;--primary-shade: #dba432;--cta: #5aa0d8;--cta-ink: #ffffff;--cta-shade: #3f87c2;--accent-yellow: #94cf58;--accent-coral: #ff8a65}.sb-landing[data-density=cozy]{--section-y: 64px;--gap: 16px}.sb-landing[data-density=airy]{--section-y: 128px;--gap: 32px}.sb-landing,.sb-landing *{box-sizing:border-box}.sb-landing{font-family:Nunito,system-ui,sans-serif;font-weight:500;font-size:17px;line-height:1.55;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}.sb-landing h1,.sb-landing h2,.sb-landing h3,.sb-landing h4{font-family:Fredoka,system-ui,sans-serif;font-weight:600;letter-spacing:-.01em;line-height:1.15;margin:0;color:var(--ink)}.sb-landing h1{font-size:clamp(40px,5.2vw,72px);font-weight:700;line-height:1.05;letter-spacing:-.02em;text-wrap:balance}.sb-landing h2{font-size:clamp(32px,3.6vw,52px);font-weight:600;letter-spacing:-.015em;line-height:1.08}.sb-landing h3{font-size:clamp(22px,1.8vw,26px);font-weight:600;line-height:1.2}.sb-landing h4{line-height:1.2}.sb-landing p{margin:0}.sb-landing a{color:inherit;text-decoration:none}.shell{max-width:1240px;margin:0 auto;padding:0 32px}.nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:18px 0;background:color-mix(in oklab,var(--bg) 88%,transparent);backdrop-filter:blur(12px) saturate(140%);-webkit-backdrop-filter:blur(12px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .2s,background .2s}.nav.scrolled{border-color:var(--line)}.nav-row{display:flex;align-items:center;gap:32px}.logo{display:flex;align-items:center;gap:10px;font-family:Fredoka,system-ui,sans-serif;font-weight:600;font-size:22px;color:var(--ink);white-space:nowrap}.logo .logo-mark{width:36px;height:36px;flex-shrink:0}.nav-links{display:flex;gap:28px;margin-left:auto;font-weight:600;font-size:15px;color:var(--ink-2);white-space:nowrap}.nav-links a{padding:8px 0;transition:color .15s}.nav-links a:hover{color:var(--primary)}.nav-actions{display:flex;gap:12px;align-items:center}.nav-login{font-weight:700;color:var(--ink);padding:10px 4px;white-space:nowrap}.nav-login:hover{color:var(--primary)}.nav-avatar{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-family:Fredoka,sans-serif;font-weight:600;font-size:18px;border:2px solid #fff;box-shadow:0 3px 10px #5aa0d866;overflow:hidden;flex-shrink:0;transition:transform .15s ease,box-shadow .15s ease}.nav-avatar:hover{transform:translateY(-2px);box-shadow:0 6px 16px #5aa0d880}.nav-avatar img{width:100%;height:100%;object-fit:cover}.nav-mobile-avatar{width:30px;height:30px;border-radius:50%;margin-right:9px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-family:Fredoka,sans-serif;font-weight:600;font-size:14px}.nav-toggle{display:none;width:42px;height:42px;border-radius:12px;background:var(--surface);border:1.5px solid var(--line);align-items:center;justify-content:center;color:var(--ink);cursor:pointer;padding:0;transition:background .15s,border-color .15s,transform .08s;margin-left:4px}.nav-toggle:hover{background:var(--surface-2);border-color:color-mix(in oklab,var(--ink) 18%,transparent)}.nav-toggle:active{transform:scale(.96)}.nav-toggle:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in oklab,var(--primary) 25%,transparent)}.nav-mobile-backdrop{position:fixed;inset:0;background:#12203552;z-index:48;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nav-mobile{position:absolute;top:100%;left:0;right:0;background:var(--surface);border-bottom:1.5px solid var(--line);box-shadow:0 12px 32px #1220351f;padding:8px 0 12px;display:flex;flex-direction:column;z-index:49;max-height:calc(100vh - 80px);overflow-y:auto}.nav-mobile a{display:flex;align-items:center;padding:14px 24px;font-family:Fredoka,sans-serif;font-weight:600;font-size:17px;color:var(--ink);border-bottom:1px solid var(--line);transition:background .12s,color .12s,padding-left .12s}.nav-mobile a:last-child{border-bottom:0}.nav-mobile a:hover,.nav-mobile a:focus-visible{background:var(--surface-2);color:var(--primary);padding-left:28px;outline:none}.nav-mobile-login{color:var(--primary)!important;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:Fredoka,sans-serif;font-weight:600;font-size:18px;line-height:1;letter-spacing:-.005em;padding:18px 28px;border-radius:999px;border:0;cursor:pointer;background:var(--cta);color:var(--cta-ink);box-shadow:0 4px 0 var(--cta-shade),0 6px 18px #161b3a29;transition:transform .08s ease,box-shadow .08s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px);box-shadow:0 5px 0 var(--cta-shade),0 8px 22px #161b3a2e}.btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--cta-shade),0 3px 10px #161b3a2e}.btn-sm{font-size:15px;padding:11px 18px;box-shadow:0 3px 0 var(--cta-shade),0 4px 12px #161b3a24}.btn-lg{font-size:19px;padding:22px 36px}.btn-arrow{width:14px;height:14px}.btn-secondary{background:var(--surface);color:var(--ink);box-shadow:0 4px #161b3a2e,0 6px 18px #161b3a1a}.btn-secondary:hover{box-shadow:0 5px #161b3a33,0 8px 22px #161b3a1f}.hero{position:relative;padding:128px 0 var(--section-y);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:10px;background:var(--surface);border:1.5px solid var(--line);padding:8px 16px 8px 10px;border-radius:999px;font-weight:700;font-size:14px;color:var(--ink-2);margin-bottom:24px;white-space:nowrap}.hero-eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--cta);box-shadow:0 0 0 4px color-mix(in oklab,var(--cta) 30%,transparent)}.hero h1 .hl{color:var(--primary);background-image:linear-gradient(var(--accent-yellow),var(--accent-yellow));background-size:100% 28%;background-position:0 88%;background-repeat:no-repeat;padding:0 6px;margin:0 -6px;border-radius:4px}.hero-sub{margin-top:24px;font-size:19px;color:var(--ink-2);max-width:520px;line-height:1.5}.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px;align-items:center}.hero-microcopy{margin-top:18px;font-size:14px;color:var(--ink-3);display:flex;gap:18px;flex-wrap:wrap}.hero-microcopy span{display:inline-flex;gap:6px;align-items:center;white-space:nowrap}.hero-microcopy svg{width:16px;height:16px;flex-shrink:0}.hero-scene{position:relative;aspect-ratio:1 / 1;width:100%;max-width:560px;margin-left:auto}.hero-scene svg.scene{width:100%;height:100%;display:block}.hero-card{position:absolute;background:var(--surface);border-radius:18px;box-shadow:var(--sticker-shadow);padding:12px 16px;display:flex;align-items:center;gap:10px;font-family:Fredoka,sans-serif;font-weight:500;font-size:15px}.hero-card .check{width:26px;height:26px;border-radius:50%;background:var(--cta);display:grid;place-items:center;color:var(--cta-ink);flex-shrink:0}.hero-card-1{top:8%;left:-8%;transform:rotate(-4deg);animation:float1 6s ease-in-out infinite}.hero-card-2{bottom:16%;right:-4%;transform:rotate(3deg);animation:float2 7s ease-in-out infinite}.hero-card-3{top:38%;right:0%;transform:rotate(-2deg);animation:float1 8s ease-in-out infinite reverse;padding:8px 12px}.hero-star{position:absolute;pointer-events:none}@keyframes float1{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-8px) rotate(-4deg)}}@keyframes float2{0%,to{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-10px) rotate(3deg)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wiggle{0%,to{transform:rotate(0)}50%{transform:rotate(8deg)}}.trust{padding:24px 0 8px}.trust-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center;font-size:14px;color:var(--ink-3);font-weight:600}.trust-row .trust-item{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface);border-radius:999px;border:1.5px solid var(--line)}.trust-row svg{width:18px;height:18px;color:var(--primary)}.section{padding:var(--section-y) 0;position:relative}.section-header{text-align:center;max-width:720px;margin:0 auto 56px}.section-eyebrow{display:inline-block;font-family:Fredoka,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:13px;color:var(--primary);background:color-mix(in oklab,var(--primary) 14%,var(--surface));padding:6px 14px;border-radius:999px;margin-bottom:16px;white-space:nowrap}.section h2 .underline{background-image:linear-gradient(var(--accent-yellow),var(--accent-yellow));background-size:100% 32%;background-position:0 88%;background-repeat:no-repeat;padding:0 6px}h2{text-wrap:balance}.section-sub{margin-top:16px;font-size:18px;color:var(--ink-2);line-height:1.5}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.step{position:relative;background:var(--surface);border-radius:28px;padding:32px 28px 36px;box-shadow:var(--sticker-shadow);display:flex;flex-direction:column;align-items:flex-start;text-align:left;transition:transform .15s}.step:hover{transform:translateY(-4px)}.step-num{position:absolute;top:-16px;right:24px;width:44px;height:44px;border-radius:50%;background:var(--ink);color:var(--bg);display:grid;place-items:center;font-family:Fredoka,sans-serif;font-weight:600;font-size:20px}.step-art{width:100%;aspect-ratio:1.6 / 1;border-radius:18px;margin-bottom:24px;display:grid;place-items:center;overflow:hidden;position:relative}.step:nth-child(1) .step-art{background:color-mix(in oklab,var(--primary) 20%,var(--surface))}.step:nth-child(2) .step-art{background:color-mix(in oklab,var(--accent-yellow) 50%,var(--surface))}.step:nth-child(3) .step-art{background:color-mix(in oklab,var(--cta) 28%,var(--surface))}.step-art svg{width:70%;height:70%}.step h3{margin-bottom:10px}.step p{color:var(--ink-2);font-size:16px}.scenarios-wrap{background:var(--surface-2);position:relative;padding:var(--section-y) 0;overflow:hidden}.scenarios-wrap:before,.scenarios-wrap:after{content:"";position:absolute;left:0;right:0;height:60px;background:var(--bg);-webkit-mask:radial-gradient(40px 40px at 40px 0,transparent 98%,#000 100%) repeat-x;mask:radial-gradient(40px 40px at 40px 0,transparent 98%,#000 100%) repeat-x;-webkit-mask-size:80px 60px;mask-size:80px 60px}.scenarios-wrap:before{top:-1px}.scenarios-wrap:after{bottom:-1px;transform:scaleY(-1)}.scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.scenario{background:var(--surface);border-radius:22px;padding:22px;box-shadow:var(--sticker-shadow);text-align:left;display:flex;flex-direction:column;gap:14px;transition:transform .15s;cursor:pointer}.scenario:hover{transform:translateY(-4px) rotate(-1deg)}.scenario-icon{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;flex-shrink:0}.scenario:nth-child(4n+1) .scenario-icon{background:color-mix(in oklab,var(--accent-coral) 22%,white);color:var(--accent-coral)}.scenario:nth-child(4n+2) .scenario-icon{background:color-mix(in oklab,var(--primary) 22%,white);color:var(--primary)}.scenario:nth-child(4n+3) .scenario-icon{background:color-mix(in oklab,var(--cta) 22%,white);color:var(--cta-shade)}.scenario:nth-child(4n+4) .scenario-icon{background:color-mix(in oklab,var(--accent-violet) 22%,white);color:var(--accent-violet)}.scenario-icon svg{width:36px;height:36px}.scenario h4{font-family:Fredoka,sans-serif;font-weight:600;font-size:19px;margin:0;color:var(--ink)}.scenario p{color:var(--ink-2);font-size:14.5px;line-height:1.45}.scenario .tag{margin-top:auto;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-3);display:flex;align-items:center;gap:6px}.ages{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.age-card{background:var(--surface);border-radius:32px;padding:36px 32px;box-shadow:var(--sticker-shadow);position:relative;overflow:hidden;min-height:380px;display:flex;flex-direction:column}.age-card.featured{background:var(--ink);color:#fff}.age-card.featured h3,.age-card.featured .age-label{color:#fff}.age-card.featured .age-feat-li{color:#ffffffd9}.age-card.featured .age-feat-li svg{color:var(--cta)}.age-label{font-family:Fredoka,sans-serif;font-weight:600;font-size:64px;line-height:1;color:var(--primary);letter-spacing:-.03em}.age-card:nth-child(2) .age-label{color:var(--accent-yellow)}.age-card:nth-child(3) .age-label{color:var(--accent-coral)}.age-card.featured .age-label{color:var(--cta)}.age-tag{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:12px}.age-card h3{margin-top:16px;margin-bottom:16px;font-size:24px}.age-feat{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0;margin:auto 0 0}.age-feat-li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--ink-2)}.age-feat-li svg{width:18px;height:18px;color:var(--cta-shade);flex-shrink:0;margin-top:2px}.age-bloom{position:absolute;right:-30px;bottom:-30px;width:140px;height:140px;opacity:.25;animation:spin-slow 30s linear infinite}.reassure{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center}.reassure-side{position:relative;background:var(--ink);border-radius:36px;padding:48px 44px;color:#fff;overflow:hidden}.reassure-side h2{color:#fff}.reassure-side p{color:#ffffffc7;font-size:17px;margin-top:14px;max-width:380px}.reassure-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:32px;position:relative;z-index:1}.stat{background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:18px}.stat-num{font-family:Fredoka,sans-serif;font-weight:600;font-size:36px;line-height:1;color:var(--accent-yellow)}.stat-lbl{font-size:13.5px;color:#ffffffb8;margin-top:6px}.reassure-side .deco-circle{position:absolute;right:-80px;bottom:-80px;width:280px;height:280px;border-radius:50%;background:var(--primary);opacity:.35;filter:blur(8px)}.reassure-list{display:flex;flex-direction:column;gap:18px}.reassure-list-item{display:flex;gap:18px;align-items:flex-start}.reassure-list-item .icon-bubble{flex-shrink:0;width:52px;height:52px;border-radius:14px;display:grid;place-items:center}.reassure-list-item:nth-child(1) .icon-bubble{background:color-mix(in oklab,var(--cta) 30%,white);color:var(--cta-shade)}.reassure-list-item:nth-child(2) .icon-bubble{background:color-mix(in oklab,var(--primary) 24%,white);color:var(--primary)}.reassure-list-item:nth-child(3) .icon-bubble{background:color-mix(in oklab,var(--accent-coral) 28%,white);color:var(--accent-coral)}.reassure-list-item:nth-child(4) .icon-bubble{background:color-mix(in oklab,var(--accent-violet) 30%,white);color:var(--accent-violet)}.reassure-list-item svg{width:28px;height:28px}.reassure-list-item h4{font-size:19px;font-weight:600}.reassure-list-item p{font-size:15.5px;color:var(--ink-2);margin-top:4px;line-height:1.45}.faq{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.faq-item{background:var(--surface);border-radius:18px;box-shadow:var(--sticker-shadow);overflow:hidden}.faq-q{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;cursor:pointer;font-family:Fredoka,sans-serif;font-weight:500;font-size:18px;color:var(--ink)}.faq-toggle{width:32px;height:32px;border-radius:50%;background:var(--bg);display:grid;place-items:center;flex-shrink:0;transition:transform .25s ease,background .15s}.faq-item[data-open=true] .faq-toggle{transform:rotate(45deg);background:var(--cta);color:var(--cta-ink)}.faq-toggle svg{width:14px;height:14px}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item[data-open=true] .faq-a{max-height:300px}.faq-a-inner{padding:0 26px 22px;color:var(--ink-2);font-size:15.5px;line-height:1.55}.final-cta-wrap{padding:var(--section-y) 0}.final-cta{position:relative;background:var(--primary);color:#fff;border-radius:40px;padding:72px 64px;overflow:hidden;text-align:center}.final-cta h2{color:#fff;max-width:720px;margin:0 auto}.final-cta p{color:#ffffffdb;margin-top:18px;font-size:18px;max-width:560px;margin-left:auto;margin-right:auto}.final-cta .btn{margin-top:32px}.final-cta .floaty{position:absolute;pointer-events:none}.final-cta .floaty-1{top:24px;left:48px;animation:wiggle 5s ease-in-out infinite}.final-cta .floaty-2{bottom:-20px;right:32px;animation:spin-slow 18s linear infinite;opacity:.35}.final-cta .floaty-3{top:48px;right:80px;animation:float1 6s ease-in-out infinite}.final-cta .floaty-4{bottom:24px;left:90px;animation:float2 7s ease-in-out infinite}.footer{padding:56px 0 40px;color:var(--ink-2)}.footer-row{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px}.footer h5{font-family:Fredoka,sans-serif;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink);margin-bottom:16px}.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.footer-col a{color:var(--ink-2);font-size:15px}.footer-col a:hover{color:var(--primary)}.footer-bottom{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--ink-3);flex-wrap:wrap;gap:12px}.bg-blob{position:absolute;pointer-events:none;opacity:.25;filter:blur(2px);z-index:-1}.age-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.age-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--surface);border-radius:999px;border:1.5px solid var(--line);font-family:Fredoka,sans-serif;font-weight:500;font-size:14px;color:var(--ink);white-space:nowrap}.age-chip-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.hero-mockup-wrap{position:relative;width:100%;max-width:480px;margin-left:auto;padding:56px 0}.mockup{position:relative}.mockup-frame{background:var(--surface);border-radius:32px;padding:22px;box-shadow:0 1px #0000000a,0 4px #1220351a,0 30px 60px #1220352e;border:1.5px solid var(--line);display:flex;flex-direction:column;gap:14px}.mockup-status{display:flex;align-items:center;justify-content:space-between;gap:12px}.mockup-level{display:flex;align-items:center;gap:12px}.mockup-level-num{font-family:Fredoka,sans-serif;font-weight:700;font-size:15px;width:38px;height:38px;border-radius:12px;background:var(--primary);color:#fff;display:grid;place-items:center;flex-shrink:0}.mockup-level-title{font-family:Fredoka,sans-serif;font-weight:600;font-size:15.5px;color:var(--ink);line-height:1.2;white-space:nowrap}.mockup-level-sub{font-size:12px;color:var(--ink-3);margin-top:2px;white-space:nowrap}.mockup-points{display:inline-flex;align-items:center;gap:6px;background:color-mix(in oklab,var(--accent-yellow) 30%,var(--surface));border:1.5px solid color-mix(in oklab,var(--accent-yellow) 50%,transparent);padding:6px 12px;border-radius:999px;font-family:Fredoka,sans-serif;font-weight:500;font-size:13.5px;color:var(--ink);white-space:nowrap;flex-shrink:0}.mockup-star{font-size:14px}.mockup-progress{height:8px;background:var(--surface-2);border-radius:999px;overflow:hidden}.mockup-progress-fill{height:100%;background:linear-gradient(90deg,var(--primary),var(--cta));border-radius:999px;transition:width .4s}.mockup-scene{border-radius:18px;overflow:hidden;aspect-ratio:360 / 200;background:var(--surface-2)}.mockup-question{font-family:Fredoka,sans-serif;font-weight:500;font-size:16px;line-height:1.35;color:var(--ink);padding:2px 4px}.mockup-choices{display:flex;flex-direction:column;gap:8px}.mockup-choice{display:flex;align-items:center;gap:12px;text-align:left;background:var(--bg);border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;font-family:Nunito,sans-serif;font-weight:600;font-size:14.5px;color:var(--ink-2);cursor:pointer;transition:all .12s}.mockup-choice:hover{border-color:var(--primary);color:var(--ink)}.mockup-choice.selected{background:var(--surface);border-color:var(--primary)}.mockup-choice.good{background:color-mix(in oklab,var(--cta) 18%,var(--surface));border-color:var(--cta);color:var(--ink)}.mockup-choice-letter{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;font-family:Fredoka,sans-serif;font-weight:600;font-size:13px;color:var(--ink-2)}.mockup-choice.good .mockup-choice-letter{background:var(--cta);color:var(--cta-ink)}.mockup-choice-text{flex:1}.mockup-choice-check{width:22px;height:22px;border-radius:50%;background:var(--cta);color:var(--cta-ink);display:grid;place-items:center;flex-shrink:0}.mockup-choice-check svg{width:14px;height:14px}.mockup-feedback{display:flex;align-items:center;gap:12px;background:color-mix(in oklab,var(--accent-yellow) 28%,var(--surface));border:1.5px solid color-mix(in oklab,var(--accent-yellow) 60%,transparent);border-radius:14px;padding:12px 16px}.mockup-feedback-emoji{font-size:24px}.mockup-feedback-title{font-family:Fredoka,sans-serif;font-weight:600;font-size:15px;color:var(--ink)}.mockup-feedback-sub{font-size:13px;color:var(--ink-2)}.mockup-feedback-pts{margin-left:auto;font-family:Fredoka,sans-serif;font-weight:700;font-size:15px;color:var(--cta-shade);white-space:nowrap}.mockup .hero-card-1{top:-28px;left:8%}.mockup .hero-card-2{bottom:-28px;right:6%}.step-emoji{font-size:28px;margin-bottom:6px;line-height:1}.problem-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.problem-stat{background:var(--surface);border-radius:24px;padding:32px 28px;box-shadow:var(--sticker-shadow);text-align:left;position:relative;overflow:hidden}.problem-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--primary)}.problem-stat:nth-child(2):before{background:var(--accent-yellow)}.problem-stat:nth-child(3):before{background:var(--cta)}.problem-stat-num{font-family:Fredoka,sans-serif;font-weight:700;font-size:clamp(48px,5vw,64px);line-height:1;color:var(--ink);letter-spacing:-.02em;margin-bottom:16px}.problem-stat:nth-child(1) .problem-stat-num{color:var(--primary)}.problem-stat:nth-child(2) .problem-stat-num{color:color-mix(in oklab,var(--accent-yellow) 80%,var(--ink) 20%)}.problem-stat:nth-child(3) .problem-stat-num{color:var(--cta-shade)}.problem-stat-lbl{font-size:15.5px;color:var(--ink-2);line-height:1.45;font-weight:500}.conditions{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.condition{background:var(--surface);border-radius:28px;padding:36px 32px;box-shadow:var(--sticker-shadow);position:relative;overflow:hidden;display:flex;flex-direction:column}.condition:before{content:"";position:absolute;top:-60px;right:-60px;width:160px;height:160px;border-radius:50%;background:var(--accent);opacity:.18}.condition-emoji{font-size:44px;margin-bottom:16px;position:relative}.condition h3{margin-bottom:12px}.condition p{color:var(--ink-2);font-size:15.5px;line-height:1.5;margin-bottom:24px}.condition-skills-label{font-family:Fredoka,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:var(--ink-3);margin-bottom:10px}.condition-skills{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.condition-skills li{font-size:13px;font-weight:600;padding:6px 12px;background:color-mix(in oklab,var(--accent) 16%,var(--surface));color:color-mix(in oklab,var(--accent) 60%,var(--ink) 40%);border-radius:999px;border:1.5px solid color-mix(in oklab,var(--accent) 30%,transparent);white-space:nowrap}.journey-section{background:var(--surface-2);position:relative}.journey-section:before,.journey-section:after{content:"";position:absolute;left:0;right:0;height:60px;background:var(--bg);-webkit-mask:radial-gradient(40px 40px at 40px 0,transparent 98%,#000 100%) repeat-x;mask:radial-gradient(40px 40px at 40px 0,transparent 98%,#000 100%) repeat-x;-webkit-mask-size:80px 60px;mask-size:80px 60px}.journey-section:before{top:-1px}.journey-section:after{bottom:-1px;transform:scaleY(-1)}.level-map{position:relative;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;align-items:end;margin-bottom:64px;padding:40px 0 20px}.level-path{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.level-node{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px}.level-node:nth-child(odd){transform:translateY(20px)}.level-node:nth-child(2n){transform:translateY(-20px)}.level-node:first-child{transform:translateY(40px)}.level-node:nth-child(2){transform:translateY(-10px)}.level-node:nth-child(3){transform:translateY(30px)}.level-node:nth-child(4){transform:translateY(-20px)}.level-node:nth-child(5){transform:translateY(40px)}.level-node:nth-child(6){transform:translateY(-30px)}.level-circle{width:64px;height:64px;border-radius:50%;background:var(--surface);border:3px solid var(--line);display:grid;place-items:center;color:var(--ink-3);box-shadow:0 4px #12203514,0 8px 18px #1220351a;position:relative}.level-circle svg{width:26px;height:26px}.level-done .level-circle{background:var(--cta);color:var(--cta-ink);border-color:var(--cta-shade)}.level-current .level-circle{background:var(--primary);border-color:var(--primary-shade);color:#fff;transform:scale(1.12)}.level-pulse{position:absolute;inset:-8px;border-radius:50%;border:3px solid var(--primary);animation:levelPulse 1.6s ease-out infinite}@keyframes levelPulse{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.3);opacity:0}}.level-trophy .level-circle{background:var(--accent-yellow);border-color:color-mix(in oklab,var(--accent-yellow) 70%,var(--ink) 30%)}.level-locked .level-circle{background:var(--bg)}.level-label{font-family:Fredoka,sans-serif;font-weight:500;font-size:13.5px;color:var(--ink-2);text-align:center;line-height:1.2;max-width:120px}.level-current .level-label{color:var(--ink);font-weight:600}.level-locked .level-label{color:var(--ink-3)}.badges{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.badge{background:var(--surface);border-radius:20px;padding:20px;display:flex;align-items:center;gap:14px;box-shadow:var(--sticker-shadow)}.badge-emoji{width:52px;height:52px;border-radius:16px;background:var(--surface-2);display:grid;place-items:center;font-size:26px;flex-shrink:0}.badge:nth-child(1) .badge-emoji{background:color-mix(in oklab,var(--accent-yellow) 32%,white)}.badge:nth-child(2) .badge-emoji{background:color-mix(in oklab,var(--primary) 20%,white)}.badge:nth-child(3) .badge-emoji{background:color-mix(in oklab,var(--cta) 22%,white)}.badge:nth-child(4) .badge-emoji{background:color-mix(in oklab,var(--accent-coral) 22%,white)}.badge h4{font-family:Fredoka,sans-serif;font-weight:600;font-size:15.5px;line-height:1.15}.badge p{font-size:13px;color:var(--ink-2);margin-top:2px;line-height:1.3}.badge-body{min-width:0}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.quote{background:var(--surface);border-radius:24px;padding:32px 28px 28px;box-shadow:var(--sticker-shadow);margin:0;position:relative;display:flex;flex-direction:column}.quote-mark{font-family:Fredoka,sans-serif;font-size:84px;line-height:.7;color:var(--primary);margin-bottom:6px;opacity:.5}.quote:nth-child(2) .quote-mark{color:var(--accent-yellow)}.quote:nth-child(3) .quote-mark{color:var(--cta)}.quote blockquote{margin:0;font-size:16px;line-height:1.55;color:var(--ink);font-weight:500;flex:1}.quote figcaption{margin-top:24px;padding-top:18px;border-top:1.5px dashed var(--line);display:flex;align-items:center;gap:12px}.quote-avatar{width:44px;height:44px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;font-size:22px;flex-shrink:0}.quote-name{font-family:Fredoka,sans-serif;font-weight:600;font-size:15px;color:var(--ink);white-space:nowrap}.quote-role{font-size:13px;color:var(--ink-3);line-height:1.3}.start-actions{margin-top:32px;display:flex;flex-direction:column;align-items:center;gap:14px;position:relative;z-index:1}.start-login{font-size:14.5px;color:#ffffffd9;font-weight:500;white-space:nowrap}.start-login strong{font-weight:700;color:#fff}.start-login:hover{color:#fff}.final-eyebrow{display:inline-block;font-family:Fredoka,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:13px;color:#fff;background:#ffffff24;padding:6px 14px;border-radius:999px;margin-bottom:18px;white-space:nowrap}.early-form{margin-top:32px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center;max-width:520px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.early-form input{flex:1;min-width:220px;padding:18px 22px;border-radius:999px;border:0;background:#fffffff2;font-family:Nunito,sans-serif;font-weight:600;font-size:16px;color:var(--ink);outline:none;box-shadow:0 4px #0000001f}.early-form input::placeholder{color:var(--ink-3)}.early-form input:focus{box-shadow:0 4px #0000001f,0 0 0 4px #ffffff40}.early-form .btn{margin-top:0}.signed-up{margin-top:32px;background:#ffffff2e;border:1.5px solid rgba(255,255,255,.3);border-radius:18px;padding:20px 28px;display:inline-flex;align-items:center;gap:14px;font-family:Fredoka,sans-serif;font-weight:500;font-size:17px;color:#fff}.signed-up-check{width:36px;height:36px;border-radius:50%;background:var(--cta);color:var(--cta-ink);display:grid;place-items:center}.signed-up-check svg{width:22px;height:22px}.early-note{margin-top:18px;font-size:13.5px;color:#ffffffc7;position:relative;z-index:1}.perks{list-style:none;padding:0;margin:40px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px;position:relative;z-index:1}.perks li{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:#fffffff2;white-space:nowrap}.perks li svg{width:18px;height:18px;color:var(--accent-yellow)}.footer-simple{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer-links a{color:var(--ink-2);font-size:15px;font-weight:600}.footer-links a:hover{color:var(--primary)}@media (max-width: 1100px){.sb-landing{--section-y: 80px}.hero-grid{gap:40px}.hero{padding:120px 0 var(--section-y)}.section-header{margin-bottom:48px}.nav-links{gap:22px}.shell{padding:0 28px}}@media (max-width: 920px){.sb-landing{--section-y: 64px;--gap: 20px}.hero{padding:104px 0 var(--section-y)}.hero-grid{grid-template-columns:1fr;gap:32px}.hero-mockup-wrap{max-width:420px;margin:0 auto;padding:16px 0 24px}.hero-sub{max-width:none}.steps,.problem-stats,.conditions,.quotes,.ages,.scenario-grid,.badges{grid-template-columns:repeat(2,1fr)}.reassure{grid-template-columns:1fr;gap:32px}.footer-row{grid-template-columns:1fr 1fr}.level-map{grid-template-columns:repeat(3,1fr);gap:24px;row-gap:32px;padding:20px 0;margin-bottom:48px}.level-path{display:none}.level-node{transform:none!important}.level-current .level-circle{transform:scale(1.08)}.reassure-side{padding:36px 28px}.nav-links{display:none}.nav-row{gap:16px;position:relative}.nav-actions{margin-left:auto}.nav-toggle{display:inline-flex}.final-cta{padding:56px 32px;border-radius:32px}.final-cta .floaty-1,.final-cta .floaty-3{display:none}.shell{padding:0 24px}.mockup .hero-card-1,.mockup .hero-card-2{display:none}.step,.condition{padding:28px 24px}.age-card{padding:28px 24px;min-height:320px}.quote{padding:28px 24px 24px}.problem-stat{padding:28px 24px}}@media (max-width: 720px){.steps,.problem-stats,.conditions,.quotes,.ages{grid-template-columns:1fr}.scenario-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(32px,8vw,44px)}.hero-sub{font-size:17px}.section-sub{font-size:16px}.footer-row{grid-template-columns:1fr}.age-card{min-height:auto}.age-bloom{width:110px;height:110px;right:-24px;bottom:-24px}.age-label{font-size:52px}.hero-mockup-wrap{padding:8px 0 16px}}@media (max-width: 560px){.sb-landing{--section-y: 52px}.shell{padding:0 18px}.hero{padding:72px 0 var(--section-y)}.scenario-grid,.badges{grid-template-columns:1fr}.level-map{grid-template-columns:repeat(2,1fr);row-gap:28px}.footer-simple{flex-direction:column;align-items:flex-start;gap:16px}.footer-bottom{flex-direction:column;align-items:flex-start}.final-cta .floaty{display:none}.final-cta{padding:44px 22px;border-radius:28px}.section-header{margin-bottom:36px}.section{padding:var(--section-y) 0}.nav{padding:12px 0}.logo{font-size:19px}.logo .logo-mark{width:30px;height:30px}.nav-login{font-size:14px;padding:8px 4px}.btn-sm{font-size:13.5px;padding:9px 14px}.hero-eyebrow{font-size:12.5px;padding:6px 12px 6px 8px}.hero-microcopy{font-size:13px;gap:12px}.age-chips{gap:8px;margin-top:20px}.age-chip{font-size:13px;padding:6px 12px}.step,.condition,.age-card,.quote,.problem-stat{padding:24px 20px;border-radius:22px}.step-art{margin-bottom:18px}.age-card h3{font-size:21px}.problem-stat-num{font-size:clamp(40px,11vw,54px);margin-bottom:12px}.condition-emoji{font-size:36px;margin-bottom:12px}.mockup-frame{padding:16px;gap:12px}.mockup-level-num{width:34px;height:34px;font-size:14px}.mockup-level-title{font-size:14.5px}.mockup-question{font-size:15px}.mockup-choice{padding:10px 12px;font-size:13.5px;gap:10px}.mockup-choice-letter{width:24px;height:24px;font-size:12px}.reassure-side{padding:28px 22px;border-radius:28px}.reassure-stats{grid-template-columns:1fr}.badges{gap:12px}.badge{padding:16px}.level-map{padding:12px 0;margin-bottom:32px;gap:16px}.level-circle{width:56px;height:56px}.level-circle svg{width:22px;height:22px}.level-label{font-size:12.5px;max-width:100px}.perks{gap:10px 18px;margin-top:28px}.perks li{font-size:13.5px}}@media (max-width: 400px){.shell{padding:0 14px}.hero-cta{flex-direction:column;align-items:stretch;gap:10px}.hero-cta .btn,.hero-cta .btn-secondary,.start-actions,.start-actions .btn{width:100%}.btn-lg{font-size:17px;padding:18px 24px}.btn{padding:16px 22px;font-size:16px}.hero h1{font-size:clamp(28px,9vw,36px)}.final-cta{padding:36px 18px}.final-cta h2{font-size:26px}.nav-row{gap:8px}.logo{font-size:17px;gap:8px}.nav-login{display:none}.age-label{font-size:44px}.quote-mark{font-size:64px}.step-num{width:38px;height:38px;font-size:17px;top:-14px;right:18px}}