:root{--background:#f8fbf7;--surface:#fff;--surface-strong:#ffd24a;--text:#071735;--muted:#33415c;--blue:#034ea2;--cyan:#1bbfe8;--green:#087a4a;--coral:#c13b2a;--purple:#4d3fc4;--gold:#f3b51b;--border:#d7e2e5;--shadow:0 18px 42px #07173526;--radius:20px}*{box-sizing:border-box}html{background:#081725}body{color:var(--text);background:radial-gradient(circle at 12% 8%,#ffd24a8c,#0000 18rem),radial-gradient(circle at 82% 0,#1bbfe859,#0000 22rem),linear-gradient(#fff9e8 0%,#edf9f6 58%,#eaf4ff 100%);min-height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{touch-action:manipulation}.app-shell{width:min(1180px,100%);margin:0 auto;padding:18px clamp(16px,4vw,36px) 44px}.top-bar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{background:#071735;border:3px solid #ffd24ae6;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex;overflow:hidden;box-shadow:0 10px 22px #034ea240}.brand-mark img{object-fit:cover;object-position:7% 50%;width:100%;height:100%;transform:scale(2.8)}.brand h1,.brand p{margin:0}.brand h1{font-size:clamp(28px,5vw,48px);line-height:1}.brand p{color:var(--muted);margin-top:4px;font-size:clamp(15px,2.4vw,19px)}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.nav-button,.action-button,.choice-button,.road-card{border-radius:var(--radius);cursor:pointer;border:0;min-height:54px}.nav-button{background:#ffffffe6;border:3px solid #034ea22e;align-items:center;padding:12px 16px;font-weight:800;display:inline-flex;box-shadow:0 8px 18px #07173514}.language-select{border-radius:var(--radius);background:#ffffffeb;border:3px solid #034ea22e;align-items:center;gap:8px;min-height:54px;padding:8px 10px 8px 14px;display:inline-flex;box-shadow:0 8px 18px #07173514}.language-select span{color:var(--muted);font-size:13px;font-weight:900}.language-select select{border:2px solid var(--border);color:var(--text);font:inherit;background:#fff;border-radius:12px;min-width:118px;min-height:34px;padding:4px 8px;font-weight:900}.hero-panel,.practice-panel,.reward-panel,.parent-panel{box-shadow:var(--shadow);background:#ffffffe0;border:2px solid #d7e2e5f2;border-radius:28px}.home-hero{background:#ffffffb8;border:2px solid #d7e2e5e6;border-radius:24px;grid-template-columns:minmax(180px,300px) minmax(0,1fr);align-items:center;gap:clamp(14px,3vw,28px);margin:0 auto 16px;padding:14px;display:grid;box-shadow:0 12px 28px #0717351a}.progress-summary{background:#ffffffdb;border:2px solid #d7e2e5f2;border-radius:22px;flex-wrap:wrap;align-items:center;gap:12px;margin:0 auto 16px;padding:12px;display:flex;box-shadow:0 10px 24px #0717351a}.progress-summary>div{border:2px solid var(--border);background:#fff;border-radius:16px;min-width:132px;min-height:68px;padding:10px 14px;display:grid}.progress-summary strong{font-size:clamp(22px,3vw,30px);line-height:1.1}.progress-summary .summary-badges{min-width:96px}.hero-art-wrap{background:#071735;border:3px solid #ffd24ad9;border-radius:22px;height:clamp(96px,10vw,126px);position:relative;overflow:hidden;box-shadow:0 12px 26px #0717352e}.hero-art{object-fit:contain;object-position:center;width:100%;height:100%;min-height:0;padding:10px;display:block}.hero-copy{flex-flow:column wrap;justify-content:center;align-items:flex-start;gap:8px;padding:0;display:flex}.hero-copy h2,.hero-copy p{margin:0}.hero-copy h2{color:#071735;font-size:clamp(30px,4.6vw,50px);line-height:1}.hero-copy p{color:var(--muted);font-size:clamp(17px,2.5vw,24px);font-weight:900}.quest-panel{background:linear-gradient(#fffffff5,#f4fcfff5);padding:clamp(18px,3vw,30px)}.hero-panel{gap:22px;padding:clamp(22px,5vw,42px);display:grid}.hero-panel.quest-panel{padding:clamp(16px,2.5vw,24px)}.module-grid,.road-grid,.stats-grid{gap:16px;display:grid}.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.module-card{border:3px solid color-mix(in srgb, var(--module-color,var(--blue)) 42%, #fff);background:linear-gradient(#fffffff5,#f4fafff5);border-radius:22px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px 12px;min-height:126px;padding:14px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 24px #0717351a}.module-card:before{background:var(--module-color,var(--blue));content:"";height:8px;position:absolute;inset:0 0 auto}.module-card:hover,.module-card:focus-visible{border-color:var(--module-color,var(--blue));transform:translateY(-3px);box-shadow:0 22px 44px #07173529}.module-icon{box-shadow:0 10px 18px color-mix(in srgb, var(--module-color,var(--blue)) 28%, transparent);color:#fff;border:3px solid #0717352e;border-radius:18px;justify-content:center;align-items:center;width:52px;height:52px;font-size:28px;font-weight:900;display:inline-flex}.module-card h2,.module-card p{margin:0}.module-card h2{font-size:clamp(21px,2.5vw,27px);line-height:1.05}.module-card p{color:var(--muted);margin-top:5px;font-size:15px;font-weight:800;line-height:1.25}.module-text{min-width:0}.module-action{color:#fff;background:#071735;border-radius:999px;grid-column:1/-1;justify-content:center;align-self:center;width:100%;min-height:36px;padding:8px 16px;font-size:16px;font-weight:900;display:inline-flex}.tiny-label{color:var(--muted);font-size:14px;font-weight:800}.practice-panel,.reward-panel,.parent-panel{padding:clamp(18px,4vw,32px)}.calm-panel,.focus-panel{max-width:980px;margin:0 auto}.focus-panel{padding:clamp(16px,3vw,30px);position:relative}.quiet-title{align-items:center;gap:18px;margin-bottom:28px;display:flex}.quiet-title h2{margin:0;font-size:clamp(38px,7vw,66px);line-height:1}.quiet-title p{color:var(--muted);margin:8px 0 0;font-size:clamp(22px,4vw,34px);font-weight:900;line-height:1.15}.step-pill,.progress-pill{background:var(--surface-strong);color:#071735;border:4px solid #111827;border-radius:999px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.step-pill{min-width:clamp(72px,12vw,108px);height:clamp(72px,12vw,108px);font-size:clamp(32px,6vw,58px)}.progress-pill{border-width:3px;min-height:52px;padding:10px 18px;font-size:clamp(18px,3vw,24px)}.screen-title{flex-wrap:wrap;justify-content:space-between;gap:14px;margin-bottom:18px;display:flex}.screen-title h2,.screen-title p{margin:0}.screen-title h2{font-size:clamp(28px,5vw,44px)}.screen-title p{color:var(--muted);font-size:18px}.road-grid{grid-template-columns:repeat(auto-fit,minmax(116px,1fr))}.calm-road-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.road-card{border:2px solid var(--border);color:var(--text);background:#fff;place-items:center;gap:6px;min-height:112px;padding:16px;font-size:22px;font-weight:900;display:grid}.calm-road-card{border:4px solid var(--blue);min-height:132px;padding:18px;font-size:clamp(30px,6vw,48px);line-height:1.05}.random-road-card{overflow-wrap:anywhere;text-align:center;background:#fff1cc;border-color:#b97800;font-size:clamp(26px,4vw,36px)}.random-road-card small{color:var(--muted);font-size:16px;font-weight:900}.road-card.is-selected{background:var(--surface-strong);border-color:#d09b1f}.road-visual{grid-template-columns:repeat(5,minmax(48px,1fr));gap:10px;margin:20px 0;display:grid}.line-road-visual{justify-content:center;gap:8px;width:100%;margin:10px 0 16px;padding:8px 2px 12px;display:flex;overflow-x:auto}.focus-road-visual{grid-template-columns:minmax(120px,1fr) minmax(120px,1fr);align-items:center;max-width:520px;margin:16px auto 22px;display:grid}.road-stop{background:#edf7f4;border:2px solid #b9ded1;border-radius:18px;justify-content:center;align-items:center;min-height:58px;font-size:clamp(20px,4vw,30px);font-weight:900;display:flex;position:relative}.line-road-visual .road-stop{border-radius:14px;flex:0 0 clamp(58px,8vw,82px);min-height:clamp(58px,8vw,78px);font-size:clamp(22px,3vw,34px)}.focus-road-visual .road-stop{border-width:4px;min-height:126px;font-size:clamp(44px,10vw,82px)}.answer-stop{border-color:var(--blue);background:#fff}.road-stop.is-active{background:var(--surface-strong);border-color:#d09b1f}.road-stop.is-step-back{border-color:var(--coral);background:#ffe2e1}.prompt{text-align:center;margin:8px 0 6px;font-size:clamp(30px,5.4vw,52px);font-weight:900;line-height:1.05}.choice-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.calm-choice-grid{flex-wrap:nowrap;justify-content:center;width:100%;max-width:720px;margin-top:12px;display:flex}.calm-choice-grid .choice-button{flex:1 1 0;min-width:150px;max-width:230px}.choice-button,.action-button,.compare-button{color:var(--text);min-height:82px;padding:14px 18px;font-size:clamp(30px,5vw,50px);font-weight:900}.choice-button,.compare-button{border:4px solid var(--blue);background:#fff}.action-button{background:var(--green);color:#fff;width:100%;margin-top:18px}.secondary-button{border:2px solid var(--border);color:var(--text);cursor:pointer;background:#fff;border-radius:18px;min-height:52px;padding:13px 16px;font-weight:900}.quiet-button{border-color:var(--blue);min-height:54px;font-size:20px}.feedback{text-align:center;border-radius:20px;min-height:78px;margin-top:12px;padding:16px;font-size:clamp(30px,6vw,54px);font-weight:900}.feedback.good{color:#176247;background:#dff6eb}.celebration-panel{position:relative;overflow:hidden}.celebration-panel>:not(.celebration-effects){z-index:2;position:relative}.celebration-effects{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.celebration-burst{background:radial-gradient(circle, #ffd24ae0 0 18%, transparent 19%), conic-gradient(from 12deg, transparent 0 8%, #1bbfe8e6 8% 12%, transparent 12% 20%, #c13b2ae0 20% 24%, transparent 24% 34%, #087a4ae0 34% 38%, transparent 38% 50%, #ffd24ae6 50% 54%, transparent 54% 66%, #034ea2d9 66% 70%, transparent 70%);opacity:0;border-radius:999px;width:260px;height:260px;animation:.9s ease-out both burst-pop;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)scale(.25)}.confetti-piece,.sparkle{position:absolute}.confetti-piece{border-radius:3px;width:9px;height:14px;animation:1.8s ease-out both confetti-fall;top:-24px}.piece-0{background:#ffd24a;animation-delay:40ms;left:8%}.piece-1{background:#1bbfe8;animation-delay:.12s;left:18%}.piece-2{background:#087a4a;animation-delay:10ms;left:30%}.piece-3{background:#c13b2a;animation-delay:.18s;left:44%}.piece-4{background:#034ea2;animation-delay:70ms;left:58%}.piece-5{background:#ef6f6c;animation-delay:.15s;left:72%}.piece-6{background:#f3b51b;animation-delay:30ms;left:86%}.confetti-piece:nth-child(8n){transform:rotate(24deg)}.confetti-piece:nth-child(8n+1){height:18px;animation-duration:1.5s}.confetti-piece:nth-child(8n+2){width:12px;animation-duration:2.1s}.confetti-piece:nth-child(8n+3){border-radius:999px}.confetti-piece:nth-child(8n+4){animation-duration:1.7s}.sparkle{background:#fff;border:3px solid #ffd24a;border-radius:999px;width:18px;height:18px;animation:1.3s ease-out both sparkle-pop;box-shadow:0 0 0 5px #ffd24a3d}.sparkle-0{animation-delay:.14s;top:28%;left:16%}.sparkle-1{animation-delay:.34s;top:68%;left:28%}.sparkle-2{animation-delay:.22s;top:18%;left:48%}.sparkle-3{animation-delay:.42s;top:36%;left:70%}.sparkle-4{animation-delay:.26s;top:72%;left:84%}.dancing-stars{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(8px,2vw,16px);min-height:88px;margin:16px auto 18px;display:flex}.dancing-star{color:#f3b51b;filter:drop-shadow(0 10px 10px #b9780038);-webkit-text-stroke:4px #071735;font-size:clamp(58px,10vw,96px);line-height:1;animation:1.2s cubic-bezier(.2,1.45,.32,1) both star-dance;display:inline-block}.star-dance-0{animation-delay:40ms}.star-dance-1{animation-delay:.13s}.star-dance-2{animation-delay:.22s}.star-dance-3{animation-delay:.31s}.star-dance-4{animation-delay:.4s}.star-dance-5{animation-delay:.49s}.dancing-star:nth-child(2n){color:#ffd24a}.dancing-star:nth-child(3n){color:#1bbfe8}.celebration-badge{animation:1.5s ease-in-out .5s both badge-glow}@keyframes burst-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.25)rotate(0)}35%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1.45)rotate(24deg)}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-24px)rotate(0)}12%{opacity:1}to{opacity:0;transform:translateY(460px)rotate(260deg)}}@keyframes sparkle-pop{0%,to{opacity:0;transform:scale(.3)}35%{opacity:1;transform:scale(1.15)}}@keyframes star-dance{0%{opacity:0;transform:translateY(36px)scale(.35)rotate(-18deg)}45%{opacity:1;transform:translateY(-24px)scale(1.18)rotate(10deg)}70%{opacity:1;transform:translateY(8px)scale(.96)rotate(-7deg)}to{opacity:1;transform:translateY(0)scale(1)rotate(0)}}@keyframes badge-glow{0%,to{box-shadow:none}45%{box-shadow:0 0 0 8px #ffd24a47,0 18px 34px #087a4a2e}}.feedback.help{color:#7a4c00;background:#fff1cc}.feedback-scrim{z-index:20;background:#0717355c;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.feedback-dialog{text-align:center;border:4px solid #071735;border-radius:28px;justify-items:center;gap:16px;width:min(560px,100vw - 32px);max-width:min(560px,100%);padding:clamp(24px,6vw,42px);display:grid;box-shadow:0 28px 70px #07173557}.feedback-dialog.good{color:#176247;background:#dff6eb}.feedback-dialog.help{color:#7a4c00;background:#fff1cc}.feedback-dialog p{margin:0;font-size:clamp(34px,8vw,64px);font-weight:900;line-height:1}.feedback-action{max-width:340px;margin-top:0}.retry-note{color:#071735;background:#ffffffad;border-radius:999px;padding:10px 18px;font-size:clamp(18px,4vw,26px);font-weight:900}.stars{color:#b97800;font-size:clamp(18px,3vw,24px);font-weight:900}.workspace-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.workspace-card{justify-items:center;width:100%;display:grid}.focus-road-name,.simple-instruction,.step-hint,.visual-guide,.math-line{color:var(--muted);text-align:center;font-weight:900}.focus-road-name{font-size:clamp(24px,3.5vw,34px)}.mixed-source-pill{color:#fff;background:#071735;border-radius:999px;margin-bottom:10px;padding:8px 14px;font-size:16px;font-weight:900}.workbook-card{gap:14px}.workbook-prompt{max-width:820px}.workbook-choice-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;width:min(820px,100%);display:grid}.workbook-choice-button{border:4px solid var(--blue);color:var(--text);cursor:pointer;background:#fff;border-radius:22px;min-height:94px;padding:14px;font-size:clamp(24px,4vw,42px);font-weight:900}.workbook-choice-button:disabled{cursor:not-allowed;opacity:.72}.fraction-choice-grid .workbook-choice-button{min-height:132px}.fraction-option{place-items:center;gap:8px;display:grid}.fraction-game-board{place-items:center;gap:18px;display:grid}.fraction-circle{width:clamp(150px,24vw,230px);height:clamp(150px,24vw,230px);overflow:visible}.small-fraction-circle{width:64px;height:64px}.fraction-base,.fraction-sector{fill:#f8fbf7}.fraction-sector.is-filled{fill:#ffd24a}.fraction-divider{stroke:#0717356b;stroke-linecap:round;stroke-width:1.4px}.fraction-outline{fill:none;stroke:#071735;stroke-width:3.4px}.small-fraction-circle .fraction-divider{stroke-width:1.8px}.small-fraction-circle .fraction-outline{stroke-width:4px}.workbook-note{background:#fff1cc;border:3px solid #b97800;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:10px 16px;display:flex}.workbook-note strong{font-size:28px}.money-game-board{flex-wrap:wrap;justify-content:center;gap:12px;max-width:720px;display:flex}.money-note,.money-coin{color:#071735;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.money-note{background:#dff6eb;border:4px solid #087a4a;border-radius:14px;width:clamp(130px,20vw,190px);min-height:82px;font-size:clamp(28px,5vw,48px)}.money-coin{background:#fff1cc;border:4px solid #b97800;border-radius:999px;width:clamp(78px,13vw,112px);height:clamp(78px,13vw,112px);font-size:clamp(24px,4vw,38px)}.clock-game-board{background:#fff;border:5px solid #071735;border-radius:999px;width:clamp(220px,34vw,320px);height:clamp(220px,34vw,320px);margin:4px auto;position:relative}.clock-number{height:100%;transform:translateX(-50%) rotate(var(--angle));transform-origin:50%;position:absolute;top:0;left:50%}.clock-number i{color:#071735;transform:rotate(calc(-1 * var(--angle)));margin-top:10px;font-size:clamp(16px,3vw,24px);font-style:normal;font-weight:900;display:block}.clock-hand{transform:translateX(-50%) rotate(var(--hand-angle));transform-origin:50% 100%;background:#071735;border-radius:999px;position:absolute;bottom:50%;left:50%}.hour-hand{width:8px;height:30%}.minute-hand{width:5px;height:40%}.clock-pin{background:#ffd24a;border:4px solid #071735;border-radius:999px;width:22px;height:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pattern-game-board,.order-game-board,.compare-game-board,.double-game-board,.place-game-board{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:100%;display:flex}.pattern-tile,.order-game-board span,.place-number,.double-game-board strong,.compare-game-board strong,.compare-game-board span{border:4px solid var(--blue);color:#071735;background:#fff;border-radius:18px;justify-content:center;align-items:center;min-width:clamp(76px,12vw,118px);min-height:clamp(76px,12vw,118px);padding:10px 16px;font-size:clamp(30px,6vw,62px);font-weight:900;display:inline-flex}.pattern-tile.is-missing{background:#fff1cc;border-color:#b97800}.place-game-board{justify-items:center;display:grid}.place-room-row{grid-template-columns:repeat(3,minmax(80px,1fr));gap:10px;width:min(520px,100%);display:grid}.place-room{border:4px solid var(--blue);background:#fff;border-radius:18px;place-items:center;min-height:116px;padding:10px;display:grid}.place-room.is-highlighted{background:#ffd24a;border-color:#b97800}.place-room small{color:var(--muted);font-weight:900}.place-room strong{font-size:clamp(34px,7vw,68px)}.compare-game-board span{background:#fff1cc;border-color:#b97800}.double-game-board span{color:#fff;background:#071735;border-radius:999px;padding:14px 22px;font-size:clamp(28px,5vw,54px);font-weight:900}.workbook-visual{color:#071735;text-align:center;background:#fff1cc;border:4px solid #b97800;border-radius:24px;justify-content:center;align-items:center;width:min(420px,100%);min-height:132px;padding:18px;font-size:clamp(32px,6vw,68px);font-weight:900;line-height:1.05;display:flex}.money-visual{border-color:var(--green);background:#dff6eb}.clock-visual{border-color:var(--blue);background:#edf7f4;border-radius:999px;width:220px;min-height:220px}.pattern-visual{border-color:var(--purple);background:#efeaff}.place-visual{border-color:var(--coral);background:#ffe2e1}.simple-instruction,.step-hint{margin:4px 0;font-size:clamp(20px,3vw,30px)}.visual-guide{color:#071735;background:#fff1cc;border:3px solid #b97800;border-radius:18px;margin:8px 0 10px;padding:10px 16px;font-size:clamp(22px,3.5vw,34px);line-height:1.12}.math-line{color:#071735;margin:8px 0 6px;font-size:clamp(34px,6vw,62px);line-height:1}.spoken-number{text-align:center;margin:4px 0 10px;font-size:clamp(28px,5.4vw,52px);font-weight:900;line-height:1.1}.house-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.room{border:4px solid var(--blue);text-align:center;background:#fff;border-radius:20px;place-items:center;min-height:136px;padding:12px;display:grid}.room strong{font-size:clamp(48px,9vw,82px)}.room span{color:var(--muted);font-size:clamp(16px,3vw,24px);font-weight:900}.number-strip,.robot-box{background:#edf7f4;border-radius:22px;gap:8px;margin:10px 0;padding:14px;display:grid}.badge-strip{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin-top:10px;display:flex}.compact-badge-strip{flex:280px;justify-content:flex-start;margin-top:0}.badge-chip{color:#071735;background:linear-gradient(90deg,#ffd24af2,#fff1ccfa);border:2px solid #071735;border-radius:12px 6px 6px 12px;align-items:center;gap:7px;min-height:38px;padding:8px 14px 8px 10px;font-size:15px;font-weight:900;display:inline-flex;position:relative;box-shadow:0 8px 16px #0717351a}.badge-chip strong{clip-path:polygon(50% 0,62% 32%,96% 35%,68% 56%,78% 92%,50% 72%,22% 92%,32% 56%,4% 35%,38% 32%);color:#ffd24a;background:#034ea2;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;line-height:1;display:inline-flex}.badge-chip:after{content:"";border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:10px solid #071735;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.badge-chip.is-locked{border-color:var(--border);color:var(--muted);opacity:.68;background:#edf1f2}.badge-chip.is-locked strong{color:var(--muted);background:#d7e2e5}.badge-chip.is-locked:after{border-left-color:var(--border)}.quiet-form{background:0 0;place-items:center;margin-top:22px;padding:0}.robot-answer{color:var(--coral);text-align:center;font-size:clamp(56px,11vw,96px);font-weight:900;line-height:1}.typed-answer{border:4px solid var(--blue);border-radius:18px;width:min(100%,340px);min-height:86px;padding:12px 16px;font-size:clamp(34px,7vw,58px);font-weight:900}.answer-flow{justify-items:center;width:100%;display:grid}.mini-steps{justify-content:center;gap:10px;margin:4px 0 10px;display:flex}.mini-step{border:3px solid var(--border);color:var(--muted);background:#fff;border-radius:999px;padding:8px 14px;font-size:clamp(18px,3vw,24px);font-weight:900}.mini-step.is-active{background:var(--surface-strong);color:#071735;border-color:#111827}.type-confirm-row{grid-template-columns:minmax(90px,150px) minmax(120px,220px) minmax(90px,140px);justify-content:center;align-items:center;gap:12px;width:100%;max-width:620px;display:grid}.selected-number{color:#071735;background:#fff1cc;border:4px solid #b97800;border-radius:20px;justify-content:center;align-items:center;min-height:82px;padding:10px;font-size:clamp(34px,6vw,58px);font-weight:900;display:flex}.compact-typed-answer{text-align:center;width:100%;min-height:82px}.confirm-button{border-color:var(--green);min-height:82px;font-size:clamp(22px,4vw,34px)}.single-rule{text-align:center;background:#fff1cc;border:3px solid #b97800;border-radius:20px;padding:18px;font-size:clamp(24px,5vw,42px);font-weight:900;line-height:1.15}.compare-row{grid-template-columns:repeat(2,minmax(150px,1fr));gap:clamp(16px,4vw,34px);width:100%;max-width:720px;margin-top:18px;display:grid}.compare-button{border-radius:26px;min-height:clamp(140px,22vw,220px);font-size:clamp(58px,12vw,112px)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0;display:grid}.difficulty-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:8px;display:grid}.difficulty-card{border:2px solid var(--border);background:#fff;border-radius:18px;gap:8px;padding:14px;display:grid}.difficulty-card strong{font-size:18px}.difficulty-card label{color:var(--muted);gap:4px;font-size:13px;font-weight:900;display:grid}.difficulty-card select{border:2px solid var(--border);color:#071735;background:#fff;border-radius:12px;min-height:42px;padding:8px 10px;font-weight:900}.difficulty-card span{color:#071735;font-weight:900}.difficulty-card small{color:var(--muted);font-size:14px;font-weight:800;line-height:1.25}.insight-panel{border:2px solid var(--border);background:#fff;border-radius:20px;gap:10px;padding:16px;display:grid}.insight-panel h3{margin:0;font-size:clamp(22px,3vw,30px)}.insight-row{border-top:1px solid var(--border);gap:3px;padding-top:10px;display:grid}.insight-row strong{font-size:18px}.insight-row span{color:#071735;font-size:20px;font-weight:900}.insight-row small{color:var(--muted);font-size:14px;font-weight:800}.analytics-table{border:2px solid var(--border);border-radius:16px;display:grid;overflow:hidden}.analytics-row{background:#fff;grid-template-columns:minmax(120px,1.1fr) minmax(116px,1fr) repeat(4,minmax(82px,.8fr));gap:8px;padding:10px 12px;display:grid}.analytics-row+.analytics-row{border-top:1px solid var(--border)}.analytics-row span{min-width:0;font-weight:800}.analytics-head{background:#fff1cc}.stat-card{border:2px solid var(--border);background:#fff;border-radius:20px;padding:18px}.stat-card strong{font-size:34px;display:block}.stat-card span{color:var(--muted);font-weight:800}.child-gate-panel{box-shadow:var(--shadow);text-align:center;background:#ffffffeb;border:2px solid #d7e2e5f2;border-radius:24px;gap:14px;max-width:720px;margin:clamp(24px,8vw,90px) auto;padding:clamp(24px,6vw,48px);display:grid}.child-gate-panel h1,.child-gate-panel p{margin:0}.child-gate-panel h1{font-size:clamp(42px,8vw,78px);line-height:.95}.child-gate-panel p:not(.tiny-label){color:var(--muted);font-size:clamp(18px,3vw,24px);font-weight:900;line-height:1.3}.gate-mark{color:#ffd24a;background:#071735;border:4px solid #ffd24a;border-radius:22px;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto;font-size:42px;font-weight:900;display:inline-flex}.gate-action{justify-content:center;margin-top:8px;font-size:clamp(22px,4vw,34px)}.platform-shell{max-width:1180px;margin:0 auto;padding:22px 24px 48px}.marketing-site{min-height:100vh}.site-header{z-index:3;justify-content:space-between;align-items:center;gap:16px;padding:18px clamp(18px,4vw,44px);display:flex;position:absolute;top:0;left:0;right:0}.platform-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.platform-brand{align-items:center;gap:12px;display:flex}.platform-mark{color:#ffd24a;background:#071735;border:3px solid #ffd24a;border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;font-size:28px;font-weight:900;display:inline-flex}.platform-brand strong,.platform-brand small{display:block}.platform-brand strong{font-size:32px;line-height:1}.platform-brand small{color:var(--muted);margin-top:4px;font-size:14px;font-weight:900}.platform-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.platform-nav a,.platform-nav button,.primary-action,.secondary-action{cursor:pointer;border:2px solid #07173524;border-radius:16px;align-items:center;min-height:48px;padding:12px 16px;font-weight:900;display:inline-flex}.platform-nav a,.platform-nav button,.secondary-action{color:#071735;background:#ffffffeb}.platform-nav button{font:inherit}.platform-nav-primary,.primary-action{color:#fff;background:#071735}.site-hero{background:linear-gradient(90deg,#fff9e8f5 0%,#fff9e8d1 42%,#edf9f657 100%),url(/images/getalheld-logo-banner.png) 100%/min(58vw,820px) no-repeat,linear-gradient(135deg,#fff9e8 0%,#eaf4ff 100%);align-items:center;min-height:88svh;padding:112px clamp(20px,6vw,84px) 48px;display:grid;position:relative;overflow:hidden}.site-hero:after{content:"";pointer-events:none;background:linear-gradient(#0000,#07173514);height:36%;position:absolute;bottom:0;left:0;right:0}.site-hero-copy{z-index:2;gap:16px;max-width:620px;animation:.56s ease-out both rise-soft;display:grid;position:relative}.site-hero-copy h1{letter-spacing:0;margin:0;font-size:clamp(70px,12vw,150px);line-height:.9}.site-hero-copy p:not(.platform-kicker){color:#33415c;max-width:520px;margin:0;font-size:clamp(20px,3vw,32px);font-weight:900;line-height:1.15}.site-product-visual{color:#fff;z-index:2;background:#071735;border:3px solid #ffd24aeb;border-radius:24px;gap:8px;width:min(360px,42vw);padding:18px;animation:.76s ease-out .16s both float-in;display:grid;position:absolute;bottom:clamp(28px,6vw,70px);right:clamp(20px,6vw,84px);box-shadow:0 34px 70px #07173540}.site-product-visual img{object-fit:contain;width:100%;height:140px}.site-product-visual span{color:#ffd24a;font-weight:900}.site-product-visual strong{font-size:clamp(32px,5vw,54px);line-height:.95}.site-section{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:36px;padding:clamp(42px,8vw,90px) clamp(20px,6vw,84px);display:grid}.site-section h2{margin:8px 0 0;font-size:clamp(38px,6vw,76px);line-height:.95}.site-section-rule{background:#ffffff9e;border-top:1px solid #0717351f}.surface-list{gap:0;display:grid}.surface-list a{border-top:1px solid #07173529;gap:5px;padding:18px 0;transition:transform .16s;display:grid}.surface-list a:hover,.surface-list a:focus-visible{transform:translate(8px)}.surface-list strong{font-size:clamp(20px,3vw,30px)}.surface-list span{color:var(--muted);font-weight:800}.platform-hero{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:stretch;gap:24px;margin-bottom:22px;display:grid}.platform-copy,.product-feature,.platform-band,.account-panel,.dashboard-head,.admin-panel{background:#ffffffe6;border:2px solid #d7e2e5f2;border-radius:20px;box-shadow:0 16px 34px #0717351f}.platform-copy{gap:16px;padding:34px;display:grid}.platform-copy h1,.account-panel h1,.dashboard-head h1{letter-spacing:0;margin:0;font-size:52px;line-height:1.02}.platform-copy p,.platform-band p,.account-panel p,.dashboard-head p,.admin-panel p{color:var(--muted);margin:0;font-size:18px;font-weight:800;line-height:1.45}.platform-kicker{color:#087a4a;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:14px;font-weight:900}.platform-actions{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.product-feature{gap:12px;padding:22px;display:grid}.product-feature-logo{object-fit:contain;background:#071735;border:3px solid #ffd24ae6;border-radius:18px;width:100%;height:180px;padding:18px}.product-feature span{color:var(--muted);font-weight:900}.product-feature strong{color:#071735;font-size:40px;line-height:1}.platform-band{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:20px;padding:24px;display:grid}.platform-band h2,.admin-panel h2{margin:0 0 8px;font-size:28px;line-height:1.1}.platform-pill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.platform-pill-grid span{color:#071735;background:#fff1cc;border:2px solid #b97800;border-radius:14px;padding:12px;font-weight:900}.account-shell{max-width:980px}.account-panel{grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);gap:28px;padding:30px;display:grid}.account-form{gap:14px;display:grid}.account-form label{color:var(--muted);gap:6px;font-size:14px;font-weight:900;display:grid}.account-form input,.account-form select{border:2px solid var(--border);color:#071735;background:#fff;border-radius:14px;min-height:48px;padding:10px 12px}.account-submit{border:0;justify-content:center;margin-top:4px}.form-status,.dashboard-message{color:#071735;background:#fff1cc;border:2px solid #b97800;border-radius:14px;margin:0;padding:12px;font-weight:900}.dashboard-head{justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:24px;display:flex}.dashboard-message{margin-bottom:18px}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.app-command-strip{background:#ffffffc7;border-block:1px solid #0717351f;gap:8px;margin:0 0 18px;padding:10px 0;display:flex;overflow-x:auto}.app-command-strip a{color:#071735;border-radius:999px;flex:none;padding:10px 14px;font-weight:900}.app-command-strip a:hover,.app-command-strip a:focus-visible{background:#fff1cc}.admin-panel{padding:20px}.quiet-admin-panel{box-shadow:none}.admin-list{gap:10px;display:grid}.admin-list div{border:2px solid var(--border);background:#fff;border-radius:14px;gap:3px;padding:12px;display:grid}.admin-list strong,.admin-list span,.admin-list small{min-width:0}.admin-list span,.admin-list small{color:var(--muted);font-weight:800}.app-operations-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.app-work-section{border-top:3px solid #071735;gap:12px;padding:18px 0 0;display:grid}.app-work-section h2{margin:0;font-size:28px;line-height:1.05}.app-work-section p:not(.platform-kicker){color:var(--muted);margin:0;font-weight:800;line-height:1.35}.report-preview{border:1px solid var(--border);background:#fff;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;padding:14px;display:grid}.report-preview span,.settings-lines label{color:var(--muted);font-weight:900}.report-preview strong{font-size:24px}.app-work-section textarea{border:1px solid var(--border);resize:vertical;border-radius:12px;min-height:120px;padding:12px}.settings-lines{gap:10px;display:grid}.settings-lines label{align-items:center;gap:8px;display:flex}.ops-shell{color:#071735;background:#f6f8fb;grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.ops-sidebar{background:#fff;border-right:1px solid #d8e1e8;align-content:start;gap:24px;padding:22px;display:grid}.ops-sidebar .platform-brand strong{font-size:24px}.ops-nav{gap:6px;display:grid}.ops-nav a,.ops-sidebar button{color:#33415c;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:10px;padding:10px 12px;font-weight:900}.ops-nav a:hover,.ops-nav a:focus-visible,.ops-sidebar button:hover,.ops-sidebar button:focus-visible{color:#071735;background:#eef4f7}.ops-workspace{gap:22px;padding:26px;display:grid}.ops-topline{justify-content:space-between;align-items:center;gap:16px;display:flex}.ops-topline h1{margin:0;font-size:clamp(42px,6vw,72px);line-height:.95}.ops-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.ops-metrics div{background:#fff;gap:8px;padding:18px;display:grid}.ops-metrics span,.ops-table-head span,.ops-row span{color:#5b677a;font-weight:800}.ops-metrics strong{font-size:clamp(30px,4vw,48px)}.ops-table,.ops-health{background:#fff;border:1px solid #d8e1e8;border-radius:12px;overflow:hidden}.ops-table-head{justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.ops-table-head h2,.ops-health h2{margin:0}.ops-row{border-top:1px solid #e4ebf0;grid-template-columns:minmax(180px,1fr) minmax(120px,.8fr) 90px 90px;gap:12px;padding:12px 18px;display:grid}.ops-row-head{background:#f6f8fb}.ops-health{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:18px;display:grid}.ops-health h2{grid-column:1/-1}.ops-health div{gap:4px;padding-top:10px;display:grid}@keyframes rise-soft{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes float-in{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:720px){.top-bar{flex-direction:column;align-items:flex-start}.nav-links{justify-content:flex-start}.home-hero{grid-template-columns:1fr}.progress-summary>div{flex:120px}.hero-copy{text-align:center;align-items:center}.module-grid,.insight-grid,.analytics-row{grid-template-columns:1fr}.analytics-head{display:none}.house-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.road-visual{grid-template-columns:repeat(2,minmax(72px,1fr))}.line-road-visual{justify-content:flex-start}.calm-choice-grid{gap:8px}.calm-choice-grid .choice-button{min-width:86px}.workspace-header{flex-direction:column;align-items:stretch}.workspace-header>*{text-align:center;justify-content:center;width:100%}.type-confirm-row{grid-template-columns:1fr}.platform-shell{padding:16px}.platform-header,.site-header,.dashboard-head{flex-direction:column;align-items:flex-start;position:relative}.platform-nav{justify-content:flex-start}.platform-hero,.platform-band,.account-panel,.dashboard-grid,.site-section,.app-operations-grid,.ops-shell,.ops-metrics,.ops-health{grid-template-columns:1fr}.site-hero{background:linear-gradient(#fff9e8f5 0%,#edf9f6cc 100%),url(/images/getalheld-logo-banner.png) bottom/96vw no-repeat;min-height:auto;padding:18px 16px 280px}.site-product-visual{width:auto;bottom:20px;left:16px;right:16px}.platform-copy{padding:24px}.platform-copy h1,.account-panel h1,.dashboard-head h1{font-size:38px}.platform-pill-grid{grid-template-columns:1fr}.ops-sidebar{border-bottom:1px solid #d8e1e8;border-right:0}.ops-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.celebration-burst,.confetti-piece,.sparkle,.dancing-star,.celebration-badge{animation:none}.confetti-piece,.sparkle,.celebration-burst{display:none}}@media (min-width:721px) and (max-width:980px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:720px) and (max-width:1180px){.app-shell{padding:14px 18px 24px}.top-bar{margin-bottom:12px}.quest-panel{padding:18px}.brand-mark{border-radius:14px;width:48px;height:48px;font-size:22px}.brand h1{font-size:38px}.brand p{font-size:17px}.focus-panel{max-width:100%}.line-road-visual .road-stop{flex-basis:clamp(54px,7vw,74px);min-height:clamp(54px,7vw,70px);font-size:clamp(22px,3vw,32px)}.prompt{margin-top:4px;font-size:clamp(34px,5.4vw,54px)}.choice-button,.action-button{min-height:76px}.robot-box{text-align:center;grid-template-columns:minmax(0,1fr) minmax(180px,.75fr)}.robot-box .simple-instruction:first-child,.robot-box .spoken-number{grid-column:1}.robot-box .simple-instruction:nth-child(3),.robot-box .robot-answer{grid-column:2}.robot-box .simple-instruction:first-child,.robot-box .simple-instruction:nth-child(3){align-self:end}}
