@font-face { font-family:Inter; src:url('/assets/fonts/Inter-Regular.woff2') format('woff2'),url('/assets/fonts/Inter-Regular.ttf') format('truetype'); font-weight:400; font-display:swap; }
    @font-face { font-family:Inter; src:url('/assets/fonts/Inter-Medium.woff2') format('woff2'),url('/assets/fonts/Inter-Medium.ttf') format('truetype'); font-weight:500; font-display:swap; }
    @font-face { font-family:Inter; src:url('/assets/fonts/Inter-SemiBold.woff2') format('woff2'),url('/assets/fonts/Inter-SemiBold.ttf') format('truetype'); font-weight:600 700; font-display:swap; }
    @font-face { font-family:Quicksand; src:url('/assets/fonts/Quicksand-Bold.woff2') format('woff2'),url('/assets/fonts/Quicksand-Bold.ttf') format('truetype'); font-weight:700; font-display:swap; }
    :root { --mint:#4AD6B8; --cta-fill:#15805E; --mint-soft:rgba(74,214,184,.10); --lavender:#BA93D0; --lavender-soft:rgba(186,147,208,.12); --peach:#FFB38A; --peach-soft:rgba(255,179,138,.14); --page-bg:#FBFAFE; --surface:#fff; --ink:#151821; --sub:#4A4D55; --faint:#8a8f99; --border:#E3E4E7; --sky:#378ADD; --sky-soft:#E4EFFB; --shadow:0 4px 24px -5px rgba(21,24,33,.10); --r-lg:24px; --r-md:16px; --container:1180px; --section-space:64px; --section-space-mobile:48px; }
    *,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
    html { scroll-behavior:smooth; }
    body { position:relative; overflow-x:hidden; font-family:Inter,-apple-system,sans-serif; color:var(--ink); line-height:1.6; background:radial-gradient(1000px 600px at 6% -4%,rgba(74,214,184,.20),transparent 62%),radial-gradient(900px 560px at 96% 1%,rgba(186,147,208,.19),transparent 63%),radial-gradient(760px 520px at 50% 24%,rgba(255,179,138,.07),transparent 68%),linear-gradient(180deg,#f4faf8 0%,#faf7fc 30%,#f8f6fb 62%,#fdf9f4 86%,#fbfafe 100%); }
    h1,h2,h3,.brand-name { font-family:Quicksand,sans-serif; }
    h1 { font-size:clamp(38px,5.4vw,66px); font-weight:700; line-height:1.08; letter-spacing:-1.2px; }
    h2 { font-size:clamp(28px,3.6vw,42px); font-weight:700; line-height:1.2; letter-spacing:-.3px; }
    .skip-link { position:fixed; top:-72px; left:16px; z-index:20; background:var(--ink); color:#fff; padding:10px 14px; border-radius:12px; text-decoration:none; font-weight:600; transition:top .2s ease; }
    .skip-link:focus { top:12px; }
    .sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }
    .page-shell { position:relative; z-index:1; max-width:var(--container); margin:0 auto; padding:0 24px; }
    .orbs { position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0; }
    .orb { position:absolute; border-radius:50%; filter:blur(72px); opacity:.5; }
    .o1 { top:6%; left:-120px; width:360px; height:360px; background:rgba(74,214,184,.34); }
    .o2 { top:24%; right:-140px; width:420px; height:420px; background:rgba(186,147,208,.30); }
    .o3 { top:56%; left:-110px; width:340px; height:340px; background:rgba(255,179,138,.32); }
    .o4 { top:78%; right:-120px; width:380px; height:380px; background:rgba(74,214,184,.24); }
    .topbar { display:flex; align-items:center; justify-content:space-between; margin-top:12px; padding:12px 16px; border:1px solid rgba(227,228,231,.9); border-radius:var(--r-md); background:rgba(255,255,255,.76); box-shadow:0 6px 18px rgba(21,24,33,.035); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); }
    .brand { display:flex; align-items:center; gap:9px; color:var(--ink); text-decoration:none; }
    .logo { display:block; width:26px; height:26px; } .logo svg { display:block; width:100%; height:100%; }
    .brand-name { font-size:19px; font-weight:700; }
    nav { display:flex; align-items:center; gap:22px; font-size:14.5px; }
    nav a { color:var(--sub); text-decoration:none; font-weight:500; }
    .nav-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; color:var(--ink)!important; }.nav-btn svg { width:16px; height:16px; }
    .menu-toggle { display:none; background:#fff; border:1px solid var(--border); border-radius:12px; width:42px; height:36px; flex-direction:column; align-items:center; justify-content:center; gap:4px; cursor:pointer; padding:0; }
    .menu-toggle span { display:block; width:16px; height:2px; background:var(--ink); border-radius:1px; }
    .wrap { max-width:var(--container); margin:0 auto; padding:0 24px; }
    section { padding:var(--section-space) 0; } section.wrap { padding-top:var(--section-space); padding-bottom:var(--section-space); } .center { text-align:center; }
    .band-full { position:relative; }
    .band-full > .wrap { position:relative; z-index:1; }
    .band-full::before { content:""; position:absolute; top:0; bottom:0; left:50%; width:100vw; transform:translateX(-50%); z-index:0; }
    .life-skills-band::before { background:linear-gradient(180deg,transparent,rgba(186,147,208,.085) 18%,rgba(186,147,208,.085) 82%,transparent); }
    .ai-section::before { background:linear-gradient(180deg,transparent,rgba(255,179,138,.09) 18%,rgba(255,179,138,.09) 82%,transparent); }
    .final-band { padding-top:64px; padding-bottom:104px; }
    .final-band::before { background:linear-gradient(180deg,rgba(74,214,184,.10),rgba(74,214,184,.05) 55%,transparent); }
    .arc { position:relative; height:90px; margin-top:24px; }
    .arc svg { position:absolute; left:50%; transform:translateX(-50%); width:100vw; height:100%; display:block; }
    .final-bars { display:flex; justify-content:center; gap:6px; margin-top:14px; }
    .final-bars span { height:4px; border-radius:2px; }
    .eyebrow { color:var(--faint); font-size:13px; font-weight:600; letter-spacing:.08em; text-transform:uppercase; margin-bottom:10px; }
    .subline { max-width:640px; margin-top:14px; color:var(--sub); font-size:17.5px; } .center .subline { margin-left:auto; margin-right:auto; }.editorial-intro { max-width:720px; text-align:left; }.editorial-intro .subline { margin-left:0; margin-right:0; }
    .hero { display:grid; grid-template-columns:.84fr 1.16fr; gap:48px; align-items:center; } section.hero { padding-top:92px; padding-bottom:64px; }
    .hero .subline { font-size:19px; line-height:1.65; }.hero-platform { font-weight:500; }.growline { margin-top:14px; color:var(--sub); font-size:14px; }.growline b { color:var(--ink); }.dot { display:inline-block; width:8px; height:8px; margin-right:7px; border-radius:50%; background:var(--lavender); }.accent { color:var(--ink); }
    .stores { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }.store-icon { flex:0 0 auto; width:18px; height:18px; }
    .nav-btn,.rchip[data-role] { transition:transform 150ms ease,box-shadow 150ms ease,border-color 150ms ease; }
    .nav-btn:hover { transform:translateY(-1px); box-shadow:var(--shadow); }
    .nav-btn svg { transition:transform 150ms ease; }
    .nav-btn:hover svg { transform:translateY(2px); }
    .heroart,.jboard,.fcard,.ctile,.acard,.frow,.etym,.tier,.maker,details { border:1px solid var(--border); background:#fff; box-shadow:var(--shadow); }
    .ctile,.acard,.frow,.tier,details { box-shadow:none; }
    .heroart { padding:8px; border-radius:var(--r-lg); }.rolemap { display:block; width:100%; height:auto; }
    .rolemap .fl { font-family:Quicksand,sans-serif; font-weight:700; fill:#151821; letter-spacing:-.12px; }
    .rolemap .fc { font-family:Inter,sans-serif; fill:#747983; }
    .rolemap .field > ellipse,.rolemap .connector,.rolemap .pill rect { vector-effect:non-scaling-stroke; }
    .rolemap .connector { fill:none; stroke-width:1.4; stroke-linecap:round; stroke-dasharray:2.5 4; opacity:.7; }
    .rolemap .pill rect { fill:rgba(255,255,255,.97); stroke:#E3E4E7; stroke-width:1; }
    .rolemap .pill text { font-family:Inter,sans-serif; font-size:12.5px; font-weight:500; fill:#313641; }
    .rolemap .field { transform-box:fill-box; transform-origin:center; }
    section.howstrip { padding-top:0; padding-bottom:72px; }.propsteps { display:grid; grid-template-columns:repeat(3,1fr); overflow:hidden; list-style:none; border:1px solid rgba(215,218,223,.9); border-radius:22px; background:rgba(255,255,255,.58); }.propstep { display:grid; grid-template-columns:34px 1fr; gap:14px; padding:25px 28px; border-right:1px solid var(--border); text-align:left; }.propstep:last-child { border-right:0; }.stepnum { display:flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:50%; background:var(--sky-soft); font-family:Quicksand,sans-serif; font-size:14px; font-weight:700; }.propstep b { display:block; font-family:Quicksand,sans-serif; font-size:16px; }.propstep p { margin-top:3px; color:var(--sub); font-size:13.5px; line-height:1.5; }
    .jband { background:linear-gradient(180deg,transparent 0%,rgba(74,214,184,.055) 16%,rgba(186,147,208,.065) 84%,transparent 100%); }.jboard { margin-top:32px; padding:30px 34px 26px; border-radius:28px; text-align:left; }.jpick,.jinside { color:var(--sub); font-size:13px; }.jpick { margin-bottom:12px; }.jinside { margin-top:14px; line-height:1.55; }
    .rolechips,.chips { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }.rchip { color:var(--sub); }.rchip[data-role] { cursor:pointer; }.rchip[data-role]:hover { border-color:rgba(53,170,143,.5); }.rchip.sel { border-color:var(--mint); background:var(--mint-soft); color:var(--ink); }.rchip.more { color:var(--faint); font-weight:500; }
    .jstats { display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:22px; padding-top:20px; border-top:1px solid #f2f3f6; }.jstat { padding-left:16px; border-left:2px solid #eeeff3; }.jstat:first-child { padding-left:0; border-left:0; }.jstat b { display:block; font-family:Quicksand,sans-serif; font-size:21px; line-height:1.2; }.jstat span { display:block; margin-top:2px; color:var(--faint); font-size:12px; line-height:1.45; }
    .chcols { display:grid; grid-template-columns:1fr 1fr; gap:44px; margin-top:12px; padding-top:8px; border-top:1px solid #f2f3f6; }.chapters { position:relative; list-style:none; }.chapters::before { content:""; position:absolute; top:22px; bottom:22px; left:16px; width:2px; background:#eeeff3; }.chrow { position:relative; display:grid; grid-template-columns:34px 1fr auto; gap:13px; align-items:start; padding:10px 0; }.nd { position:relative; z-index:1; display:flex; align-items:center; justify-content:center; width:33px; height:33px; border:1.5px solid var(--c-line); border-radius:50%; background:linear-gradient(var(--c-soft),var(--c-soft)),#fff; font-family:Quicksand,sans-serif; font-size:14px; font-weight:700; }.chname { display:flex; flex-wrap:wrap; gap:8px; align-items:center; font-size:14.5px; font-weight:600; line-height:1.35; }.ttag { padding:1.5px 8px; border:1px solid var(--c-line); border-radius:6px; background:linear-gradient(var(--c-soft),var(--c-soft)),#fff; color:var(--ink); font-size:10px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; }.chends { margin-top:2px; color:var(--sub); font-size:12.5px; line-height:1.45; }.chpace { padding-top:4px; color:var(--faint); font-size:11.5px; white-space:nowrap; }.t-start,.t-search { --c-soft:rgba(21,24,33,.045); --c-line:#dddfe4; }.t-skill { --c-soft:rgba(74,214,184,.14); --c-line:rgba(53,170,143,.5); }.t-proof { --c-soft:rgba(255,179,138,.18); --c-line:rgba(224,130,91,.45); }.t-people { --c-soft:rgba(186,147,208,.16); --c-line:rgba(163,118,190,.5); }.t-interview { --c-soft:rgba(55,138,221,.10); --c-line:rgba(55,138,221,.4); }.t-field { --c-soft:rgba(243,226,196,.5); --c-line:rgba(196,161,100,.5); }.jnote { margin-top:14px; padding-top:14px; border-top:1px solid #f2f3f6; color:var(--faint); font-size:12.5px; }
    .chcols.collapsed .chapters:nth-child(2) { display:none; }
    .chcols.collapsed .chapters:first-child li:nth-child(n+4) { display:none; }
    .chcols.collapsed { gap:0; }
    .chmore { display:flex; justify-content:center; margin-top:10px; }
    .chmore-btn { appearance:none; cursor:pointer; font:inherit; font-size:14px; font-weight:600; color:var(--ink); background:#fff; border:1px solid var(--border); border-radius:999px; padding:10px 22px; display:inline-flex; align-items:center; gap:8px; transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; }
    .chmore-btn:hover { transform:translateY(-1px); border-color:rgba(53,170,143,.5); box-shadow:0 8px 20px rgba(21,24,33,.08); }
    .chmore-btn svg { width:15px; height:15px; transition:transform .3s ease; }
    .chmore-btn[aria-expanded="true"] svg { transform:rotate(180deg); }
    .jfeat,.aigrid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:32px; text-align:left; }.fcard,.acard,.frow { padding:22px; border-radius:var(--r-md); }.fcard.skill { border-top:3px solid var(--mint); }.fcard.proof { border-top:3px solid var(--peach); }.fromline { margin-bottom:8px; color:var(--faint); font-size:12px; font-weight:600; }.fcard h3,.acard h3 { font-size:19px; }.promise { margin-top:3px; color:var(--sub); font-size:13.5px; font-style:italic; }.fsteps { margin-top:14px; list-style:none; }.fsteps li { display:flex; gap:10px; padding:7px 0; border-top:1px solid #f2f3f6; color:var(--sub); font-size:13.5px; }.fsteps li:first-child { border-top:0; }.fsteps .k { flex:0 0 74px; padding-top:2px; color:var(--faint); font-size:11px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; }.fquote { margin-top:14px; padding:2px 0 2px 14px; border-left:3px solid var(--peach); color:var(--sub); font-size:14.5px; }.fcap { margin-top:12px; padding-top:10px; border-top:1px solid #f2f3f6; color:var(--faint); font-size:12px; }
    .caseband { margin-top:34px; }.caseband h3 { font-size:21px; }.casegrid { display:grid; grid-template-columns:repeat(5,1fr); gap:14px; margin-top:18px; text-align:left; }.ctile { padding:16px 15px; border-radius:14px; }.ctile b { display:block; margin-top:10px; font-size:13.5px; line-height:1.3; }.ctile p,.frow p,.acard p { margin-top:4px; color:var(--sub); font-size:12px; line-height:1.5; }.contrast { margin-top:30px; color:var(--faint); font-size:14.5px; font-style:italic; }
    .bp { display:flex; flex:0 0 auto; align-items:center; justify-content:center; color:var(--ink); }.bp svg { width:21px; height:21px; }.bp-sq { width:40px; height:40px; margin-bottom:14px; border-radius:13px; }.bp-ov { width:56px; height:46px; margin-bottom:12px; border-radius:50%; transform:rotate(-8deg); }.bp-ov svg { width:24px; height:24px; transform:rotate(8deg); }.tint-mint { background:var(--mint-soft); }.tint-lav { background:var(--lavender-soft); }.tint-peach { background:var(--peach-soft); }.tint-sky { background:var(--sky-soft); }
    .product-proof { display:grid; grid-template-columns:.86fr 1.14fr; gap:80px; align-items:center; }.product-copy { max-width:430px; text-align:left; }.product-copy .subline { margin-left:0; }.proof-points { margin-top:28px; list-style:none; border-top:1px solid var(--border); }.proof-points li { display:flex; gap:12px; padding:14px 0; border-bottom:1px solid var(--border); color:var(--sub); font-size:14px; }.proof-points svg { flex:0 0 auto; width:19px; height:19px; margin-top:2px; color:var(--ink); }.product-visual { position:relative; display:flex; min-height:850px; overflow:hidden; flex-direction:column; align-items:center; justify-content:center; padding:38px 34px 26px; border:1px solid rgba(211,218,225,.9); border-radius:36px; background:radial-gradient(circle at 18% 12%,rgba(74,214,184,.13),transparent 30%),radial-gradient(circle at 84% 20%,rgba(186,147,208,.14),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.76),rgba(241,246,251,.9)); }.product-visual::before,.product-visual::after { content:""; position:absolute; border-radius:50%; opacity:.72; }.product-visual::before { top:44px; right:48px; width:9px; height:9px; background:var(--peach); box-shadow:16px 8px 0 rgba(74,214,184,.65),-10px 19px 0 rgba(186,147,208,.58); }.product-visual::after { bottom:76px; left:42px; width:54px; height:5px; border-radius:3px; background:linear-gradient(90deg,var(--mint) 0 42%,var(--lavender) 42% 68%,var(--peach) 68%); }.shot-device { position:relative; z-index:1; width:min(100%,370px); padding:8px; border:1px solid rgba(195,201,209,.95); border-radius:42px; background:#fff; box-shadow:0 26px 62px rgba(28,38,55,.16); }.shot-viewport { overflow:hidden; aspect-ratio:390/844; border-radius:34px; background:#fff; }.shot-viewport img,.shot-viewport object { display:block; width:100%; height:100%; border:0; object-fit:contain; }.shot-caption { position:relative; z-index:1; max-width:420px; margin-top:18px; color:var(--faint); font-size:12px; text-align:center; }
    .aigrid { grid-template-columns:1.08fr .92fr; gap:28px; margin-top:32px; }.ai-section .acard { display:flex; flex-direction:column; background:rgba(255,255,255,.82); box-shadow:none; }.ai-section .acard:first-child { border-top:3px solid var(--peach); }.ai-section .acard:last-child { border-top:3px solid var(--lavender); }.ai-title { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:60px; }.ai-title h3 { flex:1 1 auto; margin:0; }.ai-illus { display:block; flex:0 0 auto; width:64px; height:58px; object-fit:contain; }.ai-illus.compact { width:58px; height:54px; }.chips { margin:10px 0 12px; }.chip { padding:4px 12px; border:1px solid rgba(224,130,91,.3); border-radius:8px; background:var(--peach-soft); font-size:12px; font-weight:600; }.chip.neutral { border-color:var(--border); background:#f2f3f6; }.acard .lead { color:var(--ink); font-weight:600; }.refresh { margin-top:auto; padding-top:14px; border-top:1px solid #f2f3f6; color:var(--faint); font-size:12px; }.tlbl { margin-top:12px; color:var(--faint); font-size:11.5px; font-weight:600; letter-spacing:.05em; text-transform:uppercase; }.aiclose { max-width:640px; margin:32px 0 0; padding-left:16px; border-left:3px solid var(--mint); color:var(--ink); font-size:16px; font-weight:500; }
    .rows3 { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:32px; }.support-section .rows3 { gap:0; overflow:hidden; border:1px solid var(--border); border-radius:22px; background:rgba(255,255,255,.55); }.support-section .frow { padding:28px; border:0; border-right:1px solid var(--border); border-radius:0; background:transparent; text-align:left; }.support-section .frow:last-child { border-right:0; }.frow h3 { font-size:17px; }.frow p { font-size:14px; }.etym { max-width:420px; margin:36px auto 0; padding:24px; border-radius:var(--r-lg); text-align:center; }.cap,.sigline,.stamp,.pricenote { color:var(--faint); font-size:12.5px; }.word { margin-top:2px; font-family:Quicksand,sans-serif; font-size:38px; font-weight:700; }.bars { display:flex; justify-content:center; gap:6px; margin-top:2px; }.bars span { height:4px; border-radius:2px; }.triad { margin-top:10px; color:var(--sub); font-size:13.5px; }
    .namesec { padding-top:0; padding-bottom:40px; }
    .namesec .etym { max-width:460px; margin:0 auto; padding:30px 24px; }
    .namesec .word { font-size:46px; }
    .namesec .triad { font-size:14.5px; }
    .etym .bars span { transition:width .8s cubic-bezier(.22,.61,.36,1) .25s; }
    .js-anim .etym.rv:not(.in) .bars span { width:0!important; }
    .life-skills-band .rows3 { margin-top:28px; }.life-skills-band .stat-figure { margin-bottom:6px; font-family:Quicksand,sans-serif; font-size:34px; font-weight:700; line-height:1.2; letter-spacing:-.3px; }.life-skills-band .stat-dash { width:36px; height:4px; margin-bottom:12px; border-radius:2px; }.life-skills-band .stat-dash.mint { background:var(--mint); }.life-skills-band .stat-dash.lavender { background:var(--lavender); }.life-skills-band .stat-dash.peach { background:var(--peach); }.life-skills-band .frow > p:not(.stat-source) { margin-top:0; color:var(--faint); font-size:13px; }.life-skills-band .frow .stat-source { margin-top:10px; color:var(--faint); font-size:12px; }.life-skills-close { max-width:640px; margin-top:26px; color:var(--ink); font-size:17px; }
    .pricegrid { display:grid; grid-template-columns:1fr 1fr; gap:28px; max-width:760px; margin:32px auto 0; }.tier { padding:26px; border-radius:var(--r-lg); }.tier.premium { border:2px solid var(--mint); }.tier h3 { font-size:20px; }.price { margin-top:6px; font-family:Quicksand,sans-serif; font-size:30px; font-weight:700; }.per { color:var(--faint); font-size:13px; font-weight:500; }.tier ul { margin-top:14px; list-style:none; }.tier li { display:flex; gap:9px; padding:6px 0; border-top:1px solid #f2f3f6; color:var(--sub); font-size:14px; }.tier li::before { content:"✓"; color:var(--mint); font-weight:700; }.trialline { margin-top:20px; color:var(--sub); font-size:14px; }.price-region { display:flex; max-width:760px; align-items:center; justify-content:center; flex-wrap:wrap; gap:7px 10px; margin:13px auto 0; color:var(--sub); font-size:13px; }.price-region[hidden] { display:none; }.price-region label { color:var(--ink); font-weight:600; }.price-region-select { min-height:42px; padding:8px 14px; border:1px solid var(--border); border-radius:12px; background:#fff; color:var(--ink); font:inherit; cursor:pointer; }.price-region-select:focus-visible { outline:2px solid var(--sky); outline-offset:2px; }.pricenote { margin-top:7px; font-size:12px; }
    .makersec::before { background:linear-gradient(180deg,transparent,rgba(255,179,138,.075) 20%,rgba(255,196,138,.075) 80%,transparent); }
    .makersec .eyebrow { margin-bottom:20px; color:var(--sub); font-family:Quicksand,sans-serif; font-size:30px; font-weight:700; line-height:1.2; letter-spacing:0; text-transform:none; }.maker { display:flex; flex-direction:column; align-items:flex-start; gap:24px; max-width:680px; margin:16px auto 0; padding:40px 48px 32px; border-radius:24px; background:#fffdf7; }.maker p { color:var(--sub); font-size:16px; line-height:1.75; }.maker-em { color:var(--ink); font-weight:600; }.sigblock img { display:block; width:128px; max-width:100%; height:auto; }.sigline { margin-top:8px; font-size:14px; }.stamp { margin-top:24px; text-align:center; }
    .faq { max-width:720px; margin:32px auto 0; text-align:left; } details { margin-top:10px; padding:16px 20px; border-radius:var(--r-md); } summary { cursor:pointer; font-size:15px; font-weight:600; transition:color .2s ease; } summary:hover { color:var(--ink); } details p { margin-top:8px; color:var(--sub); font-size:14px; }.final { text-align:center; }.final .stores { justify-content:center; }
    .site-footer { position:relative; z-index:1; margin-top:0; padding:22px 24px 36px; background:#151821; color:#fff; }.site-footer-inner { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:28px; max-width:var(--container); margin:0 auto; padding:28px 24px; }.footer-brand .row { display:flex; gap:10px; align-items:center; }.footer-brand .brand-logo { width:26px; height:26px; }.footer-brand > span { display:block; max-width:300px; margin-top:12px; color:rgba(255,255,255,.6); font-size:.92rem; }.footer-col h3 { margin-bottom:8px; font-size:.86rem; }.footer-col ul { list-style:none; }.footer-col a { color:rgba(255,255,255,.65); text-decoration:none; font-size:.94rem; }.footer-col li + li { margin-top:6px; }.footer-meta { grid-column:1/-1; display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; padding-top:18px; border-top:1px solid rgba(255,255,255,.08); color:rgba(255,255,255,.5); font-size:.84rem; }
    .js-anim .rv { opacity:0; transform:translateY(18px); transition:opacity .65s cubic-bezier(.22,.61,.36,1),transform .65s cubic-bezier(.22,.61,.36,1); }
    .js-anim .rv.in { opacity:1; transform:none; }
    .js-anim .stagger > * { opacity:0; transform:translateY(16px); transition:opacity .55s cubic-bezier(.22,.61,.36,1),transform .55s cubic-bezier(.22,.61,.36,1); }
    .js-anim .stagger.in > * { opacity:1; transform:none; }
    .js-anim .stagger.in > *:nth-child(1){transition-delay:.06s}.js-anim .stagger.in > *:nth-child(2){transition-delay:.14s}
    .js-anim .stagger.in > *:nth-child(3){transition-delay:.22s}.js-anim .stagger.in > *:nth-child(4){transition-delay:.30s}
    .js-anim .stagger.in > *:nth-child(5){transition-delay:.38s}.js-anim .stagger.in > *:nth-child(6){transition-delay:.46s}
    .js-anim .stagger.in > *:nth-child(7){transition-delay:.52s}.js-anim .stagger.in > *:nth-child(8){transition-delay:.58s}
    .js-anim .stagger.in > *:nth-child(n+9){transition-delay:.64s}
    .hero-enter .hero > div:first-child > * { opacity:0; animation:heroin .7s cubic-bezier(.22,.61,.36,1) forwards; }
    .hero-enter .hero > div:first-child > *:nth-child(1){animation-delay:.05s}.hero-enter .hero > div:first-child > *:nth-child(2){animation-delay:.14s}
    .hero-enter .hero > div:first-child > *:nth-child(3){animation-delay:.24s}.hero-enter .hero > div:first-child > *:nth-child(4){animation-delay:.34s}
    .hero-enter .hero > div:first-child > *:nth-child(5){animation-delay:.44s}
    .hero-enter .heroart { opacity:0; animation:heroin .8s ease-out .3s forwards; }
    @keyframes heroin { from{opacity:0;transform:translateY(14px)} to{opacity:1;transform:none} }
    [hidden] { display:none!important; }:focus-visible { outline:3px solid rgba(74,214,184,.4); outline-offset:2px; }
    @media (max-width:880px) { .orb { display:none; }.hero,.aigrid,.pricegrid,.chcols,.jfeat,.product-proof { grid-template-columns:1fr; }.product-proof { gap:48px; }.product-copy { max-width:680px; }.product-visual { width:100%; max-width:720px; margin:0 auto; }.propsteps { grid-template-columns:1fr; }.propstep { border-right:0; border-bottom:1px solid var(--border); }.propstep:last-child { border-bottom:0; }.chcols { gap:0; }.chcols .chapters:first-child::before { bottom:-22px; }.rows3 { grid-template-columns:1fr; }.support-section .frow { border-right:0; border-bottom:1px solid var(--border); }.support-section .frow:last-child { border-bottom:0; }.casegrid,.jstats { grid-template-columns:1fr 1fr; }.jstats { gap:16px 14px; }.jstat:nth-child(3) { padding-left:0; border-left:0; }.jboard { padding:22px 20px 20px; }.site-footer-inner { grid-template-columns:1fr 1fr; }.footer-brand { grid-column:1/-1; } }
    @media (max-width:720px) { .topbar { flex-wrap:wrap; gap:8px; }.brand { flex:1 1 auto; }.menu-toggle { display:flex; }.topbar nav { display:none; width:100%; flex-direction:column; align-items:stretch; gap:8px; padding-top:8px; border-top:1px solid var(--border); }.topbar.menu-open nav { display:flex; }.topbar nav a { padding:12px 16px; border:1px solid var(--border); border-radius:14px; background:#fff; }.topbar nav a.nav-btn { border-color:var(--border); background:var(--surface); text-align:center; } }
    @media (max-width:640px) { section,section.wrap { padding-top:var(--section-space-mobile); padding-bottom:var(--section-space-mobile); }.page-shell,.wrap { padding-left:16px; padding-right:16px; } section.hero { padding-top:64px; padding-bottom:40px; } section.howstrip { padding-top:0; padding-bottom:64px; }.topbar { flex-wrap:wrap; gap:8px; }.brand { flex:1 1 auto; }.menu-toggle { display:flex; }.topbar nav { display:none; width:100%; flex-direction:column; align-items:stretch; gap:8px; padding-top:8px; border-top:1px solid var(--border); }.topbar.menu-open nav { display:flex; }.topbar nav a { padding:12px 16px; border:1px solid var(--border); border-radius:14px; background:#fff; }.topbar nav a.nav-btn { border-color:var(--border); background:var(--surface); text-align:center; }.stores { flex-direction:column; align-items:flex-start; }.stores .sp-btn { width:100%; max-width:360px; }.cta-mid .stores,.final .stores { align-items:center; }.product-visual { min-height:auto; padding:32px 16px 24px; border-radius:28px; }.shot-device { max-width:300px; border-radius:36px; }.shot-viewport { border-radius:28px; }.shot-caption { max-width:300px; margin-top:16px; }.maker { padding:32px 24px 24px; }.maker p { font-size:16px; }.site-footer-inner { grid-template-columns:1fr; padding:24px; }.footer-meta { flex-direction:column; } }
    @media (max-width:540px) { .casegrid { grid-template-columns:1fr; } }
    @media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } .js-anim .rv,.js-anim .stagger > *,.js-anim .rolemap .field,.js-anim .rolemap .pill,.hero-enter .hero > div:first-child > *,.hero-enter .heroart { opacity:1!important; transform:none!important; animation:none!important; transition:none!important; } }


/* ===== v4 mock additions (18 Sep 2026) ===== */
/* App button + chip tokens, mirrored from lib/theme/tokens (components.dart, colors.dart, typography.dart) */
:root {
  --sp-color-cta-fill:#15805E;        /* SPThemeColors.ctaFill (mintCta) */
  --sp-color-on-primary:#FFFFFF;      /* SPThemeColors.onPrimary */
  --sp-color-surface-subtle:#F7F7F8;  /* SPColors.surfaceSubtle (secondary button fill) */
  --sp-color-card-bg:#FFFFFF;         /* SPThemeColors.cardBG */
  --sp-color-surface-hover:#FAFAFA;   /* SPColors.surfaceHover */
  --sp-color-text-primary:#151821;    /* SPColors.textPrimary */
  --sp-color-border-subtle:#E3E4E7;   /* SPColors.borderSubtle (outline button) */
  --sp-color-border-hover:#CAC4D0;    /* SPChip.borderColor */
  --sp-color-mint-light:#E7F8F2;      /* SPChip.bgSelected */
  --sp-color-mint-mid:#BFEADC;        /* SPColors.mintMid (selected chip border) */
  --sp-color-lavender-light:#EFE9FB;  /* SPColors.lavenderLight */
  --sp-shadow-low:0 4px 24px -5px rgba(0,0,0,.10); /* SPLayout.shadowLow */
  --sp-tracking-label:.352px;         /* SPType.letterSpacingLabel */
  --sp-space-2:2px; --sp-space-4:4px; --sp-space-6:6px; --sp-space-8:8px; --sp-space-12:12px;
  --sp-space-16:16px; --sp-space-20:20px; --sp-space-24:24px; --sp-space-32:32px;
  --sp-space-40:40px; --sp-space-48:48px; --sp-space-52:52px; --sp-space-64:64px;
  --sp-type-overline:11px; --sp-type-caption:12px; --sp-type-body:14px; --sp-type-body-md:16px;
  --sp-type-title:18px; --sp-type-display-sm:20px; --sp-type-display-lg:30px;
  --sp-button-lg-height:52px; --sp-button-lg-radius:24px; --sp-button-lg-pad-h:40px;  /* SPButton lg */
  --sp-button-md-height:44px; --sp-button-md-radius:20px; --sp-button-md-pad-h:24px;  /* SPButton md */
  --sp-button-sm-height:36px; --sp-button-sm-radius:18px; --sp-button-sm-pad-h:16px;  /* SPButton sm */
  --sp-chip-height:36px; --sp-radius-chip:8px;                                          /* SPChip */
}
.sp-btn { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:var(--sp-space-8); border:0; font-family:Inter,sans-serif; font-weight:700; letter-spacing:var(--sp-tracking-label); line-height:1.2; text-decoration:none; cursor:pointer; white-space:nowrap; transition:transform 150ms ease,box-shadow 150ms ease,background 150ms ease; }
.sp-btn::after,.sp-chip::after { content:""; position:absolute; inset:min(0px,calc((var(--sp-chip-height) - 48px) / 2)); }
.sp-lg { height:var(--sp-button-lg-height); border-radius:var(--sp-button-lg-radius); padding:0 var(--sp-button-lg-pad-h); font-size:16px; }
.sp-md { height:var(--sp-button-md-height); border-radius:var(--sp-button-md-radius); padding:0 var(--sp-button-md-pad-h); font-size:14px; }
.sp-sm { height:var(--sp-button-sm-height); border-radius:var(--sp-button-sm-radius); padding:0 var(--sp-button-sm-pad-h); font-size:12px; letter-spacing:.132px; }
.sp-primary { background:var(--sp-color-cta-fill); color:var(--sp-color-on-primary) !important; }
.sp-primary:hover { transform:translateY(-1px); box-shadow:var(--sp-shadow-low); }
.sp-secondary { background:var(--sp-color-surface-subtle); color:var(--sp-color-text-primary); }   /* SPSecondaryButton: surfaceSubtle fill, textMain */
.sp-secondary:hover { background:var(--sp-color-surface-subtle); transform:translateY(-1px); box-shadow:var(--sp-shadow-low); }
.sp-secondary.sp-mint { background:var(--sp-color-mint-light); }          /* Life Skills */
.sp-secondary.sp-lavender { background:var(--sp-color-lavender-light); }  /* Wellbeing */
.sp-outline { background:transparent; color:var(--sp-color-text-primary); border:1px solid var(--sp-color-border-subtle); }
.sp-outline:hover { background:var(--sp-color-surface-subtle); }
.sp-outline.sp-surface { background:var(--sp-color-card-bg); border-color:var(--sp-color-border-hover); }
.sp-outline.sp-surface:hover { background:var(--sp-color-surface-hover); }
.sp-outline.sp-surface:focus-visible { outline:2px solid var(--sp-color-border-hover); outline-offset:2px; }
.sp-store { padding:0 var(--sp-button-lg-pad-h); }
.sp-store svg { width:18px; height:18px; fill:currentColor; }
.sp-chip { position:relative; display:inline-flex; align-items:center; gap:var(--sp-space-6); height:var(--sp-chip-height); padding:0 var(--sp-space-12); border-radius:var(--sp-radius-chip); border:1px solid var(--sp-color-border-hover); background:#fff; color:var(--sp-color-text-primary); font-family:Inter,sans-serif; font-size:var(--sp-type-body); font-weight:500; cursor:pointer; text-decoration:none; transition:background 150ms ease,border-color 150ms ease; }
.sp-chip.sel,.sp-chip[aria-pressed="true"],.sp-chip[aria-selected="true"] { background:var(--sp-color-mint-light); border-color:var(--sp-color-mint-mid); font-weight:600; box-shadow:var(--sp-shadow-low); }
/* overrides of the live page's own button styles */
.nav-btn.sp-btn { gap:7px; padding:0 var(--sp-button-md-pad-h); border-radius:var(--sp-button-md-radius); font-weight:700; background:var(--sp-color-surface-subtle); color:var(--sp-color-text-primary) !important; }
.nav-btn.sp-btn:hover { background:var(--sp-color-surface-subtle); }
.stores { gap:var(--sp-space-12); }
.session-web { display:none!important; }
html[data-session="web"] .session-default { display:none!important; }
html[data-session="web"] .session-web.session-inline { display:inline!important; }
html[data-session="web"] .session-web.session-block { display:block!important; }
html[data-session="web"] .session-web.sp-btn { display:inline-flex!important; }
.nav-web-primary { background:var(--sp-color-cta-fill); color:var(--sp-color-on-primary)!important; }
.nav-web-primary:hover { transform:translateY(-1px); box-shadow:var(--sp-shadow-low); }
.web-entry { display:flex; flex-direction:column; align-items:flex-start; gap:var(--sp-space-12); margin-top:var(--sp-space-24); }
.web-entry .sp-btn { text-align:center; }
.web-entry-account,.web-entry-platform,.session-welcome { color:var(--sub); font-size:var(--sp-type-body); }
.web-entry-account a { color:var(--ink); font-weight:600; text-underline-offset:3px; }
.session-welcome { color:var(--ink); font-weight:600; }
.session-welcome .dot { margin-right:var(--sp-space-8); background:var(--mint); }
.web-entry-platform { margin-top:var(--sp-space-4); }
.stores.stores--round { flex-direction:row; flex-wrap:nowrap; align-items:center; gap:var(--sp-space-12); margin-top:0; }
.stores.stores--round .sp-store-round { width:44px; min-width:44px; max-width:44px; height:44px; padding:0; border:1px solid var(--sp-color-border-subtle); border-radius:50%; background:var(--sp-color-card-bg); color:var(--sp-color-text-primary)!important; box-shadow:none; }
.stores.stores--round .sp-store-round:hover { background:var(--sp-color-surface-hover); transform:translateY(-1px); }
.stores.stores--round .sp-store-round:focus-visible { outline:3px solid rgba(74,214,184,.34); outline-offset:2px; }
.stores.stores--round .sp-store-round svg { width:19px; height:19px; }
.final .web-entry { align-items:center; }
.heropath .rolechips .rchip,.heropath .rolechips .rchip.more { padding:0 12px; }

:root { --section-space:var(--sp-space-64); --section-space-mobile:var(--sp-space-48); }

/* hero */
section.hero { padding-top:64px; padding-bottom:40px; }
.hero { grid-template-columns:.9fr 1.1fr; gap:var(--sp-space-40); }
.hero .subline { font-size:var(--sp-type-body-md); min-height:3.2em; }
.modeswitch { display:inline-flex; flex-wrap:wrap; gap:var(--sp-space-8); margin-top:var(--sp-space-20); }
html[data-homepage-mode="grow"] .modeswitch [data-mode="in"] { background:#fff; border-color:var(--sp-color-border-hover); font-weight:500; box-shadow:none; }
html[data-homepage-mode="grow"] .modeswitch [data-mode="grow"] { background:var(--sp-color-mint-light); border-color:var(--sp-color-mint-mid); font-weight:600; box-shadow:var(--sp-shadow-low); }
[data-homepage-mode-copy="grow"] { display:none; }
html[data-homepage-mode="grow"] [data-homepage-mode-copy="in"] { display:none; }
html[data-homepage-mode="grow"] [data-homepage-mode-copy="grow"] { display:inline; }
html[data-homepage-mode="grow"] #heroPath { display:none!important; }
html[data-homepage-mode="grow"] #heroClimb { display:block!important; }
.anchor { margin-top:var(--sp-space-20); font-family:Quicksand,sans-serif; font-size:var(--sp-type-display-sm); font-weight:700; letter-spacing:0; }
.anchor small { display:block; margin-top:var(--sp-space-4); font-family:Inter,sans-serif; font-size:var(--sp-type-caption); font-weight:500; color:var(--faint); }
.herostack { position:relative; padding:var(--sp-space-48) 0 0 0; }
.peek { position:absolute; left:50%; transform:translateX(-50%); width:calc(100% - 56px); height:50px; padding:6px 16px; line-height:1.3; border:1px solid var(--border); border-radius:18px 18px 0 0; background:#fff; color:var(--faint); font-size:12.5px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.peek.p1 { top:26px; width:calc(100% - 28px); z-index:2; color:var(--sub); }
.peek.p2 { top:0; z-index:1; }
.heropath,.climb { position:relative; z-index:3; padding:var(--sp-space-16) var(--sp-space-24); border-radius:var(--r-lg); border:1px solid var(--border); background:#fff; box-shadow:var(--shadow); text-align:left; }
.heropath .rolechips { gap:6px; }
.heropath .rchip { font-size:var(--sp-type-body); cursor:pointer; }
.heropath .rchip.sel { border-color:var(--sp-color-mint-mid); background:var(--sp-color-mint-light); color:var(--sp-color-text-primary); }
.heropath .rchip.more { cursor:pointer; text-decoration:none; }
.hp-head { display:flex; flex-wrap:wrap; gap:6px 12px; align-items:baseline; justify-content:space-between; margin-top:12px; padding:10px 0 8px; border-top:1px solid #f2f3f6; border-bottom:1px solid #f2f3f6; }
.hp-role { font-family:Quicksand,sans-serif; font-size:var(--sp-type-body-md); font-weight:700; }
.hp-stats { font-size:var(--sp-type-caption); color:var(--sub); }
.hp-stats b { color:var(--ink); }
.heropath .chapters { margin-top:4px; }
.heropath .chrow { padding:7px 0; }
.heropath .chname { font-size:var(--sp-type-body); }
.heropath .chends { font-size:var(--sp-type-caption); }
.heropath .chrow.hid { display:none; }
.hp-more { display:flex; justify-content:space-between; align-items:center; gap:var(--sp-space-8); margin-top:var(--sp-space-4); padding-top:var(--sp-space-8); border-top:1px dashed #e6e7eb; color:var(--faint); font-size:var(--sp-type-caption); }

.role-search { position:relative; flex:1 1 100%; }
.role-search[hidden] { display:none; }
.role-search input { width:100%; min-height:48px; padding:0 var(--sp-space-16); border:1px solid var(--sp-color-border-hover); border-radius:12px; background:#fff; color:var(--ink); font:500 var(--sp-type-body)/1.4 Inter,sans-serif; }
.role-search-results { position:absolute; z-index:8; top:calc(100% + var(--sp-space-4)); left:0; right:0; overflow:auto; max-height:320px; padding:var(--sp-space-4); border:1px solid var(--border); border-radius:12px; background:#fff; box-shadow:var(--sp-shadow-low); list-style:none; }
.role-search-results:empty { display:none; }
.role-search-results button { width:100%; min-height:48px; padding:var(--sp-space-8) var(--sp-space-12); border:0; border-radius:8px; background:transparent; color:var(--ink); font:500 var(--sp-type-body)/1.4 Inter,sans-serif; text-align:left; cursor:pointer; }
.role-search-results button:hover,.role-search-results button[aria-selected="true"] { background:var(--sp-color-surface-subtle); }
.path-status { padding:var(--sp-space-32); color:var(--sub); font-size:var(--sp-type-body); text-align:center; }
/* climb card (hero, grow state) */
.climb .c-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:10px; border-bottom:1px solid #f2f3f6; }
.climb .c-role { font-family:Quicksand,sans-serif; font-size:16px; font-weight:700; }
.climb .c-role span { display:block; font-family:Inter,sans-serif; font-size:12px; font-weight:500; color:var(--faint); }
.climb .c-change { padding:6px 12px; border:1px solid var(--border); border-radius:20px; background:#fff; font-size:12px; font-weight:600; color:var(--sub); }
.climb .c-goal,.climb .c-now { display:flex; align-items:center; gap:10px; padding:11px 14px; border-radius:14px; font-size:13.5px; }
.climb .c-goal { margin-top:12px; background:var(--lavender-soft); border:1px solid rgba(186,147,208,.45); }
.climb .c-now { margin-top:4px; background:rgba(74,214,184,.12); border:1px solid rgba(74,214,184,.5); }
.climb .c-goal b,.climb .c-now b { font-family:Quicksand,sans-serif; }
.climb .c-lab { font-size:10.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--faint); min-width:56px; }
.climb ol { list-style:none; margin:6px 0 4px; position:relative; }
.climb ol::before { content:""; position:absolute; left:16px; top:8px; bottom:8px; width:2px; background:linear-gradient(180deg,var(--lavender),rgba(74,214,184,.6)); opacity:.5; }
.climb .chrow { padding:7px 0; }
.climb .chname { font-size:13.5px; }
.climb .chends { font-size:12px; }
.climb .free { padding:1.5px 7px; border-radius:6px; background:rgba(74,214,184,.2); color:var(--ink); font-size:10px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
.climb .c-foot { margin-top:8px; padding-top:8px; border-top:1px dashed #e6e7eb; color:var(--faint); font-size:12px; }
.t-review { --c-soft:rgba(55,138,221,.10); --c-line:rgba(55,138,221,.4); }

/* outcome */
.outcome { padding-top:24px; padding-bottom:56px; }
.outcome .caseband { margin-top:0; }
.outcome .caseband h3 { font-size:clamp(22px,2.8vw,30px); }
.outcome .casegrid { margin-top:16px; }
.outcome .contrast { margin-top:18px; }
.cta-mid { display:flex; justify-content:center; margin-top:22px; }
.cta-mid .stores { justify-content:center; margin-top:0; }

/* grow (compact) */
.growsec::before { background:linear-gradient(180deg,transparent,rgba(255,179,138,.09) 18%,rgba(255,179,138,.09) 82%,transparent); }  /* Careers = peach; lavender is Wellbeing */
.growhead { display:grid; grid-template-columns:1fr auto; gap:24px; align-items:end; }
.growrows { margin-top:26px; display:grid; grid-template-columns:1fr 1fr; list-style:none; border:1px solid var(--border); border-radius:22px; background:rgba(255,255,255,.7); overflow:hidden; }
.growrows li { display:grid; grid-template-columns:32px 1fr; gap:12px; padding:18px 22px; border-top:1px solid var(--border); border-right:1px solid var(--border); }
.growrows li:nth-child(-n+2) { border-top:0; }
.growrows li:nth-child(2n) { border-right:0; }
.growrows b { display:block; font-family:Quicksand,sans-serif; font-size:15px; }
.growrows p { margin-top:3px; color:var(--sub); font-size:13.5px; line-height:1.5; }
.growrows .gn { display:flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:50%; background:rgba(255,179,138,.22); font-family:Quicksand,sans-serif; font-size:13px; font-weight:700; }
.growrows .gn.free { background:rgba(74,214,184,.18); }
.growfoot { display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center; margin-top:20px; }
.growlines { display:grid; gap:8px; }
.growlines p { padding-left:14px; border-left:3px solid var(--lavender); color:var(--sub); font-size:14px; line-height:1.55; }
.growlines p b { color:var(--ink); }
.growfoot .stores { margin-top:0; flex-wrap:nowrap; }
.climblink { display:inline-flex; align-items:center; gap:6px; padding:9px 14px; border:1px solid var(--border); border-radius:999px; background:#fff; color:var(--ink); font:inherit; font-size:13px; font-weight:600; cursor:pointer; white-space:nowrap; }

/* inside a chapter + the day */
.inside { display:grid; grid-template-columns:1.05fr .95fr; gap:40px; align-items:start; }
.inside .jfeat { grid-template-columns:1fr; gap:16px; margin-top:0; }
.inside .product-visual { min-height:auto; padding:22px 20px 16px; }
.inside .shot-device { width:min(100%,300px); }
.inside .shot-caption { margin-top:10px; }
.inside-intro { margin-bottom:26px; }

/* is your role here */
.fieldsec { padding-top:56px; padding-bottom:56px; }
.fieldsec .rolemapwrap { max-width:600px; margin:22px auto 0; padding:6px; border-radius:var(--r-lg); border:1px solid var(--border); background:#fff; box-shadow:var(--shadow); }
.fieldsec .rolemap { width:100%; height:auto; display:block; }
.fieldsec .fieldnote { margin-top:14px; color:var(--faint); font-size:13px; }

/* the other half of ready: stat + feature paired */
.half .rows3 { margin-top:26px; }
.half .frow .stat-figure { font-family:Quicksand,sans-serif; font-size:30px; font-weight:700; }
.half .pair { margin-top:16px; padding-top:14px; border-top:1px solid var(--border); }
.half .pair h3 { font-size:16px; }
.half .pair p { margin-top:4px; color:var(--sub) !important; font-size:13.5px !important; }
.half .frow > p.stat-source { margin-top:8px; }

/* privacy strip */
.privstrip { padding-top:40px; padding-bottom:40px; }
.privstrip .rows3 { margin-top:18px; }
.privstrip .frow { padding:18px 22px; }
.privstrip .frow h3 { font-size:15px; }
.privstrip .frow p { font-size:13px; }

/* founder */
.makersec { padding-top:56px; padding-bottom:56px; }
.maker { padding:32px 36px 28px; }
.nameline { margin-top:10px; color:var(--faint); font-size:13px; }
.nameline b { color:var(--sub); font-family:Quicksand,sans-serif; letter-spacing:.06em; }

.faqsec { padding-top:48px; }

@media (max-width:880px) {
  .hero { grid-template-columns:1fr; }
  .inside,.growhead,.growfoot { grid-template-columns:1fr; }
  .growrows { grid-template-columns:1fr; }
  .growrows li { border-right:0; }
  .growrows li:nth-child(2) { border-top:1px solid var(--border); }
  .hero .subline { min-height:0; }
}

@media (max-width:720px) {
  .web-entry > .web-entry-primary { width:100%; max-width:360px; }
  .topbar nav a.nav-web-primary { background:var(--sp-color-cta-fill); color:var(--sp-color-on-primary)!important; }
}

/* App semantic-token alignment. H1/H2 retain the approved marketing display exception. */
.sp-btn::after { inset:0; }
.sp-md::after { inset:-2px; }
.sp-sm::after,.sp-chip::after { inset:-6px; }
.brand-name { font-size:var(--sp-type-title); }
nav { gap:var(--sp-space-24); font-size:var(--sp-type-body); }
.eyebrow { margin-bottom:var(--sp-space-12); font-size:var(--sp-type-overline); }
.subline { margin-top:var(--sp-space-16); font-size:var(--sp-type-body-md); }
.chrow { gap:var(--sp-space-12); padding:var(--sp-space-12) 0; }
.chname,.promise,.fsteps li,.fquote,.ctile b,.ctile p,.frow p,.acard p,.contrast,.growrows p,.half .pair p,.nameline { font-size:var(--sp-type-body) !important; }
.chends,.chpace,.fromline,.fcap,.cap,.sigline,.stamp,.pricenote,.refresh,.c-foot { font-size:var(--sp-type-caption); }
.ttag,.fsteps .k,.tlbl,.c-lab { font-size:var(--sp-type-overline); }
.fcard h3,.acard h3,.frow h3,.half .pair h3 { font-size:var(--sp-type-title); }
.caseband h3 { font-size:var(--sp-type-display-sm); }
.fcard,.acard,.frow { padding:var(--sp-space-24); }
.casegrid { gap:var(--sp-space-16); margin-top:var(--sp-space-16); }
.ctile { padding:var(--sp-space-16); }
.faq { margin-top:var(--sp-space-32); }
details { margin-top:var(--sp-space-12); padding:var(--sp-space-16) var(--sp-space-20); }
summary { font-size:var(--sp-type-body-md); transition:color 150ms ease; }
summary:hover { color:var(--ink); }
.js-anim .rv { transform:translateY(var(--sp-space-16)); transition:opacity 450ms cubic-bezier(.22,.61,.36,1),transform 450ms cubic-bezier(.22,.61,.36,1); }
.js-anim .stagger > * { transform:translateY(var(--sp-space-16)); transition:opacity 350ms cubic-bezier(.22,.61,.36,1),transform 350ms cubic-bezier(.22,.61,.36,1); }
.outcome { padding-bottom:var(--sp-space-52); }
.fieldsec,.makersec { padding-top:var(--sp-space-52); padding-bottom:var(--sp-space-52); }
.inside-intro { margin-bottom:var(--sp-space-24); }
.growrows { border-radius:var(--sp-space-24); }
.growrows li { gap:var(--sp-space-12); padding:var(--sp-space-16) var(--sp-space-24); }
.growrows b { font-size:var(--sp-type-body-md); }
.maker { padding:var(--sp-space-32) var(--sp-space-40) var(--sp-space-24); }
.maker p { font-size:var(--sp-type-body-md); }
/* Shared content-page shell. Homepage rules above remain the source for its demo. */
:root{--caption:#6B7079;--mint-light:#E7F8F2;--lavender-light:#EFE9FB;--peach-light:#FFF3EC;--sky-light:#E4EFFB}
.content-page{margin:0;min-width:0;color:var(--ink);background:radial-gradient(1000px 600px at 6% 1%,rgba(74,214,184,.18),transparent 62%),radial-gradient(900px 560px at 96% 2%,rgba(186,147,208,.17),transparent 63%),linear-gradient(180deg,#f4faf8 0%,#faf7fc 30%,#f8f6fb 62%,#fdf9f4 86%,#fbfafe 100%);font-family:Inter,sans-serif}
.content-page *{box-sizing:border-box}
.content-page main{display:block}
.content-page main section{width:100%}
.content-page main img{max-width:100%;height:auto;object-fit:contain}
.content-page main svg{max-width:100%}
.content-page .skip-link{position:absolute;left:-10000px;top:8px;z-index:1000;padding:12px;background:white;color:var(--ink)}
.content-page .skip-link:focus{left:8px}
.site-nav-shell{padding:12px 24px 0}
.site-nav{max-width:1132px;margin:auto;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 16px;border:1px solid rgba(227,228,231,.9);border-radius:16px;background:rgba(255,255,255,.8);box-shadow:0 6px 18px rgba(21,24,33,.035)}
.site-brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font:700 19px Quicksand,sans-serif}
.site-nav-links{display:flex;align-items:center;gap:18px;white-space:nowrap}
.site-nav-links a{color:var(--sub);font-size:14px;font-weight:500;text-decoration:none}
.site-nav-links a[aria-current="page"]{color:var(--ink);font-weight:600}
.site-nav-links a:hover,.site-mobile-nav a:hover{color:var(--cta-fill)}
.site-nav-links .nav-start,.site-mobile-nav a:last-child{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;border-radius:20px;background:var(--cta-fill);color:white;font-weight:700}
.site-mobile-nav{display:none;position:relative}
.site-mobile-nav summary{min-width:44px;min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:600}
.site-mobile-nav>div{position:absolute;right:0;top:100%;z-index:20;display:flex;flex-direction:column;min-width:230px;padding:12px;border:1px solid var(--border);border-radius:16px;background:white;box-shadow:var(--shadow)}
.site-mobile-nav a{display:flex;align-items:center;min-height:44px;padding:6px 12px;color:var(--ink);text-decoration:none}
.content-page .site-footer{background:var(--ink);color:#C9CCD3}
.content-page .site-footer-inner{max-width:1132px;margin:auto;display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:28px;padding:44px 24px 36px}
.content-page .site-footer .footer-col ul{list-style:none;padding:0;margin:10px 0 0}
.content-page .site-footer .footer-col li{margin:8px 0}
.content-page .site-footer .footer-col a{color:#C9CCD3;text-decoration:none;font-size:14px}
.content-page .site-footer .footer-col a:hover{text-decoration:underline}
.content-page .site-footer .footer-col h3{color:white;font-size:14px;margin:0}
.content-page .site-footer .footer-brand .row{display:flex;align-items:center;gap:8px;color:white;font:700 19px Quicksand,sans-serif}
.content-page .site-footer .footer-brand>span{display:block;margin-top:12px;max-width:300px;font-size:14px;line-height:1.6}
.content-page .site-footer .footer-meta{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;border-top:1px solid #2A2E39;padding-top:18px;font-size:12.5px;color:#9DA2AD}
.content-page .todo-aroop{display:inline-block;padding:4px 8px;border:1px dashed var(--peach);border-radius:6px;color:var(--sub);background:var(--peach-light);font-size:13px}
@media(max-width:1100px){.site-nav-links{gap:10px}.site-nav-links a{font-size:13px}}
@media(max-width:960px){.site-nav-links{display:none}.site-mobile-nav{display:block}}
@media(max-width:768px){.content-page main section :is(div,ul)[class][style*="grid-template-columns"]{grid-template-columns:1fr}.content-page .site-footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))}.content-page main section [class]{max-width:100%}}
@media(max-width:640px){.site-nav-shell{padding:10px 16px 0}.content-page main section>div{width:calc(100% - 32px)!important}.content-page main section [class]{min-width:0}.content-page main section img{height:auto}.content-page main section h1{font-size:36px!important}.content-page main section h2{font-size:28px!important}.content-page main section p{overflow-wrap:anywhere}.content-page .site-footer-inner{grid-template-columns:1fr 1fr;padding:36px 16px}.content-page .site-footer .footer-brand{grid-column:1/-1}.content-page .site-footer .footer-meta{flex-direction:column}}
.content-page .content-store{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--border);border-radius:50%;background:white;color:var(--ink);text-decoration:none;font-size:20px}
.content-page .content-store:focus-visible,.content-page a:focus-visible,.content-page summary:focus-visible{outline:3px solid var(--sky);outline-offset:3px}
.home-page .site-nav-shell{padding:12px 0 0}
.home-page .site-nav{background:rgba(255,255,255,.8)}
.home-page .site-footer-inner{max-width:1132px;grid-template-columns:1.6fr repeat(3,1fr);gap:28px}
.home-page .site-footer .footer-col ul{list-style:none;padding:0;margin:10px 0 0}
.home-page .site-footer .footer-col li{margin:8px 0}
.home-page .site-footer .footer-col a{color:#C9CCD3;text-decoration:none}
.home-page .site-footer .footer-col a:hover{text-decoration:underline}
.home-page .site-footer .footer-col h3{color:white}
.home-page .site-footer .footer-brand .row{display:flex;align-items:center;gap:8px}
.home-page .site-footer .footer-brand>span{display:block;margin-top:12px}
.home-page .site-footer .footer-meta{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px}
.home-why{padding:72px 0;background:linear-gradient(180deg,rgba(74,214,184,.10),rgba(74,214,184,.03))}
.home-why h2,.home-strip h2,.home-fields h2,.home-half h2,.home-grow-strip h2,.home-maker h2{font:700 clamp(28px,3vw,40px)/1.2 Quicksand,sans-serif;margin:8px 0 16px;color:var(--ink)}
.home-why .subline{max-width:850px}
.home-evidence{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}
.evidence-tile{padding:24px;border:1px solid var(--border);border-radius:20px;background:white}
.evidence-tile strong{display:block;font:700 30px Quicksand,sans-serif}
.evidence-tile p{margin:10px 0;line-height:1.55}
.evidence-tile small{color:#6B7079;font-size:12.5px}
.home-why-close{font-weight:500;max-width:760px}
.home-heading-row{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}
.home-heading-row>a,.section-link a,.home-grow-strip a,.home-maker a,.home-half .subline a{color:var(--ink);font-weight:600;text-underline-offset:3px}
.home-steps,.home-half-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-steps article,.home-half-cards article{padding:24px;border:1px solid var(--border);border-radius:20px;background:white}
.home-steps img{display:block;width:60px;height:60px;object-fit:contain}
.home-steps article>span{display:block;color:var(--caption);font-size:13px;margin:12px 0 3px}
.home-steps h3,.home-half-cards h3{font:700 19px Quicksand,sans-serif;margin:0 0 8px}
.home-steps p,.home-half-cards p{margin:0;color:var(--sub);line-height:1.55}
.home-role-search{max-width:600px;margin:24px auto;display:flex;align-items:center;gap:8px}
.home-role-search label{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden}
.home-role-search input{min-width:0;flex:1;min-height:48px;padding:0 16px;border:1px solid var(--border);border-radius:14px;background:white;font:inherit}
.home-role-search button{min-height:48px;padding:0 16px;border:1px solid var(--border);border-radius:14px;background:#F2F3F6;color:var(--sub)}
.home-area-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:900px;margin:20px auto}
.home-area-chips span{padding:8px 12px;border:1px solid var(--border);border-radius:16px;background:white;font-size:13px}
.home-half .subline{max-width:760px;margin-bottom:24px}
.home-grow-strip{padding:48px 0;background:var(--lavender-light)}
.home-grow-strip h2{margin-bottom:8px}
.home-grow-strip p:last-child{margin:0;color:var(--sub)}
.home-maker{padding:72px 0;background:linear-gradient(180deg,rgba(74,214,184,.08),rgba(186,147,208,.06))}
.home-maker-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.home-maker-grid article{border:1px solid var(--border);border-radius:20px;background:white;padding:28px}
.home-maker-grid p{color:var(--sub)}
.home-commitments ul{list-style:none;padding:0}
.home-commitments li{margin:14px 0;padding-left:16px;border-left:3px solid var(--mint)}
.home-page .todo-aroop{display:inline-block;padding:4px 8px;border:1px dashed var(--peach);border-radius:6px;color:var(--sub);background:var(--peach-light);font-size:13px}
.parents-share{min-height:44px;padding:8px 18px;border:1px solid var(--border);border-radius:20px;background:white;color:var(--ink);font:600 14px Inter,sans-serif;cursor:pointer}
.parents-share:focus-visible{outline:3px solid var(--sky);outline-offset:3px}
.parents-share-status{display:block;margin-top:8px;font-size:13px;color:var(--sub);overflow-wrap:anywhere}
@media(max-width:768px){.home-evidence,.home-steps,.home-half-cards,.home-maker-grid{grid-template-columns:1fr}.home-heading-row{align-items:start;flex-direction:column}}
@media(max-width:640px){.home-page .site-nav-shell{padding:10px 0 0}.home-page .site-footer-inner{grid-template-columns:1fr 1fr}.home-page .site-footer .footer-brand{grid-column:1/-1}.home-page .site-footer .footer-meta{flex-direction:column}.home-role-search{flex-direction:column;align-items:stretch}.home-why,.home-maker{padding:56px 0}}
/* Keep the twelve-section home within the mobile reading-length budget. */
@media(max-width:640px){
  .home-page main>section{padding-top:20px;padding-bottom:20px}
  .home-page .herostack{padding-top:28px}
  .home-page .heropath{padding-left:16px;padding-right:16px}
  .home-page .home-evidence{margin:16px 0;gap:10px}
  .home-page .evidence-tile,.home-page .home-steps article,.home-page .home-half-cards article{padding:16px}
  .home-page .home-steps,.home-page .home-half-cards{gap:10px}
  .home-page .home-maker-grid article{padding:18px}
  .home-page .home-maker-grid{gap:12px}
  .home-page .home-area-chips{gap:6px;margin:12px auto}
  .home-page .home-area-chips span{padding:6px 10px}
  .home-page .pricegrid{gap:12px}
}
@media(min-width:641px){
  .home-page .home-why,.home-page .home-maker{padding-top:42px;padding-bottom:42px}
  .home-page .faqsec{padding-top:36px;padding-bottom:36px}
}
.rchip-pair{display:inline-flex;align-items:center;gap:2px}.rchip-pair>a{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:44px;color:var(--ink);text-decoration:none}.hero-see-path{display:inline-block;margin:6px 0 12px;font-size:13px;font-weight:600;color:var(--ink)}.hp-role a{color:inherit}.home-area-chips a{display:inline-flex;align-items:center;min-height:44px;padding:5px 12px;border:1px solid var(--border);border-radius:22px;background:#fff;color:var(--ink);text-decoration:none;font-size:13px}.home-area-chips a:hover{text-decoration:underline}.home-role-search .catalog-search-results{position:relative;z-index:2;margin-inline:auto;text-align:left}.home-role-search .catalog-search-results a{display:block;min-height:44px;padding:10px 14px}.home-role-search button{cursor:pointer}
/* Release navigation and link treatments. */
:root{--space-text-action:24px;--space-action-caption:10px;--space-grid-link:20px;--space-card:20px;--space-card-heading:16px}
.site-nav-links .nav-group{position:relative;display:flex;align-items:center;gap:2px}
.site-nav-links .nav-disclosure{border:0;background:transparent;color:var(--ink);cursor:pointer;min-width:28px;min-height:44px}
.nav-dropdown{display:none;position:absolute;z-index:20;top:100%;left:0;min-width:245px;padding:10px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow)}
.nav-dropdown a{display:block;padding:9px 12px;white-space:nowrap;color:var(--ink);font-weight:600}
.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown,.nav-disclosure[aria-expanded="true"]+.nav-dropdown{display:block}
.site-mobile-nav strong{display:block;padding:12px 14px 4px;color:var(--ink)}
.home-page main a:not(.sp-btn){color:var(--ink)}
.home-page main p a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.home-page main a:hover{text-decoration:underline}
.home-why-close+.sp-btn{margin-top:var(--space-text-action)}
.ai-section .aigrid+.section-link{margin-top:var(--space-grid-link)}
#pricing .pricenote+.section-link{margin-top:16px}
.hero-see-path{margin-top:12px}.hp-role .morechap{margin-top:12px}
.aigrid:has(.acard:only-child){grid-template-columns:minmax(0,1fr);max-width:560px}
.home-steps img{border-radius:0;object-fit:contain}

@media(max-width:640px){.content-page main section>.phone-frame{width:min(100%,302px)!important}}
.content-page main a:not(.sp-btn):not(.nav-start):not(.content-store){color:var(--ink)}
.content-page main p a,.content-page main li a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.content-page main a:hover{text-decoration:underline}
.content-page main a[href^="https://web.welica.app/auth"],.content-page main a[href^="/method"],.content-page main a[href^="https://www.linkedin.com"]{font-weight:700}
.hp-more{margin-top:12px}
.content-page main .ref-def5ecea,.content-page main .ref-bf5ef97a{text-decoration:none;font-weight:700}
.content-page main .ref-def5ecea:hover,.content-page main .ref-bf5ef97a:hover{text-decoration:underline}