.hero{position:relative}.hero-canvas{position:relative;overflow:hidden;background:var(--surface) url(/img/art/hero-bg-light.webp) center bottom/cover no-repeat;display:flex;flex-direction:column;align-items:center;padding:26px 16px 70px}.hero-canvas:after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(180deg,transparent,var(--bg));pointer-events:none}.hero-kicker{background:var(--card);border:1.5px solid var(--ink);border-radius:999px;padding:7px 16px;font-size:12px;color:var(--ink);letter-spacing:.14em}.hero-kicker:before,.hero-kicker:after{display:none}.brandrow{display:flex;align-items:flex-end;justify-content:center;margin-top:12px;position:relative;z-index:2}.giant{font-size:clamp(54px,15vw,140px);line-height:.86;text-align:right}.giant span{display:block}.hero-mascot{width:132px;height:auto;margin-left:-14px;margin-bottom:4px;filter:drop-shadow(0 12px 16px rgba(83,72,160,.35))}.ground{width:110px;height:14px;border-radius:50%;background:#5348a047;filter:blur(5px);margin:-12px 0 0 110px}.hero-txt{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:-48px;padding:0 16px}.hero-txt h1{font-size:clamp(20px,5.4vw,30px);font-weight:800;color:var(--ink);max-width:760px;order:1}.authorline{font-size:12.5px;color:var(--muted);margin-top:6px;order:2}.authorline a{color:var(--accent-h)}.ctas{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap;justify-content:center;order:3}.hero-txt .age-line{margin-top:10px;order:4}.answer{margin-top:16px;max-width:680px;padding:16px 18px;font-size:15px;text-align:left;order:5}@media(min-width:1024px){.hero-canvas{padding:44px 16px 96px}.hero-mascot{width:230px;margin-left:-30px;margin-bottom:6px}.ground{width:190px;height:22px;margin:-18px 0 0 195px;filter:blur(8px)}.hero-txt{margin-top:-62px}.answer{order:3;margin-top:12px}.ctas{order:4;margin-top:18px}.hero-txt .age-line{order:5;margin-top:12px}}.namecard{padding:18px;text-align:center;min-width:0}.livelogo{width:100%;max-width:340px;margin-inline:auto}.nc-cap{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.5}.crabstrip{display:flex;gap:16px;align-items:center;margin-top:20px;background:var(--card);border-radius:var(--r);box-shadow:var(--shadow);padding:14px 18px}.crabstrip img{width:96px;height:96px;flex:none;filter:drop-shadow(0 6px 10px rgba(83,72,160,.3))}.crabstrip b{font-family:Barlow Condensed,sans-serif;font-weight:800;font-style:italic;font-size:19px;color:var(--ink)}.crabstrip p{font-size:13.5px;color:var(--muted);margin-top:4px}.acheck{margin-top:22px;overflow:clip}.ac-bar{display:flex;align-items:center;gap:8px;background:var(--surface);padding:10px 14px}.ac-bar i{width:10px;height:10px;border-radius:50%;background:var(--accent-soft);display:block}.ac-bar span{font-size:12px;font-weight:600;color:var(--accent-h);margin-left:auto}.ac-flow{padding:18px 14px 6px}.ac-hop{border:1.5px solid var(--line);border-radius:12px;padding:11px 14px;font-size:14px;color:var(--ink);background:#fafafe;display:flex;justify-content:space-between;align-items:center;gap:8px}.ac-hop s{text-decoration:none;color:var(--muted);font-size:11.5px;font-family:Figtree,sans-serif}.ac-hop.active{border-color:var(--accent);box-shadow:0 0 0 3px #8d81fc2e}.ac-leg{display:flex;align-items:center;gap:10px;padding:6px 0 6px 26px}.ac-line{width:2px;height:26px;background:repeating-linear-gradient(to bottom,var(--accent) 0 5px,transparent 5px 10px);animation:dashmove 1s linear infinite}@keyframes dashmove{to{background-position-y:10px}}.ac-code{font-weight:700;font-size:13px;color:#fff;background:var(--accent);border-radius:8px;padding:3px 10px}.ac-note{font-size:12.5px;color:var(--muted)}.ac-foot{border-top:1px solid var(--line);margin-top:12px;padding:10px 14px;font-size:12.5px;color:var(--muted);display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center}.ac-foot b{color:var(--pos)}.ac-btn{border:1.5px solid var(--accent);color:var(--accent-h);background:var(--card);border-radius:999px;padding:12px 16px;min-height:44px;font-size:12.5px;font-weight:700;cursor:pointer}.ac-btn:active{transform:translateY(1px)}.acheck.play .ac-hop{opacity:0;animation:acin .4s ease forwards}.acheck.play .ac-hop.active{animation-delay:1s}.acheck.play .ac-leg{opacity:0;animation:acin .4s ease .5s forwards}@keyframes acin{to{opacity:1}}