:root{--logo-blue:#0a7099;--logo-green:#5ba94a;--logo-orange:#d45129;--vollib-cream:#ffefc3;--vollib-mint:#d9ebd3;--vollib-ice:#ebf0f4;--ink:#0a3749;--muted:#315969;--line:#0a70993d;--paper:var(--vollib-cream);--panel:var(--logo-blue);--accent:var(--logo-green);--mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--ink);background:var(--paper);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{min-width:320px;min-height:100svh;margin:0}button{-webkit-tap-highlight-color:transparent}p{margin:0}#root{min-height:100svh}.shell{grid-template-rows:1fr auto;min-height:100svh;display:grid}.hero{border-bottom:1px solid var(--line);background:var(--logo-blue);grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr);min-height:68svh;display:grid}.hero-copy{flex-direction:column;justify-content:center;gap:34px;padding:clamp(32px,6vw,92px);display:flex}.brand-logo{width:min(260px,64vw);height:auto;display:block}h1{color:#fff;letter-spacing:0;max-width:720px;margin:0;font-size:clamp(56px,8.5vw,128px);line-height:.86}h1 span,h1 strong{display:block}h1 span{font-weight:500}h1 strong{color:#fff;font-weight:800}.lede{max-width:620px;color:var(--muted);font-size:clamp(19px,2.1vw,31px);line-height:1.16}.start-button{cursor:pointer;font:inherit;color:#f7fbfc;background:#3a7a2c;border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:fit-content;min-height:58px;padding:0 24px;font-weight:700;display:inline-flex;box-shadow:0 12px 24px #0a70992e}.start-button:hover{background:#326b26}.start-button:disabled{cursor:wait;background:#587e50}.start-button:focus-visible{outline:3px solid var(--vollib-cream);outline-offset:3px}.error{width:fit-content;color:var(--vollib-cream);background:var(--logo-orange);border-radius:4px;align-items:center;gap:8px;padding:8px 10px;font-weight:600;display:inline-flex}.visual-panel{background:var(--logo-blue);align-content:end;gap:30px;padding:clamp(28px,5vw,72px);display:grid;position:relative;overflow:hidden}.visual-panel:before{content:"";pointer-events:none;background:linear-gradient(#ffefc31a,#0000 58%),linear-gradient(135deg,#5ba94a29,#0000 46%);position:absolute;inset:0}.speed-readout,.progress-track,.surface{z-index:1;position:relative}.speed-readout{gap:10px;display:grid}.speed-readout span{color:#fff;font-family:var(--sans);font-variant-numeric:tabular-nums;letter-spacing:0;overflow-wrap:anywhere;font-size:clamp(48px,8vw,112px);font-weight:800;line-height:.95}.speed-readout small{color:var(--vollib-ice);font-size:clamp(15px,1.5vw,20px);font-weight:600}.progress-track{background:#0834468f;border:1px solid #ffefc3ad;border-radius:0;height:34px;overflow:hidden;box-shadow:inset 0 0 14px #0000002e}.progress-fill{transform-origin:0;background:var(--logo-green);width:100%;height:100%;box-shadow:none;border-radius:0;transition:transform 90ms linear}.surface{grid-template-columns:repeat(16,minmax(0,1fr));align-items:end;gap:8px;min-height:210px;display:grid}.surface span{min-height:20px;height:calc(26px + (var(--cell) % 12) * 13px);background:color-mix(in srgb, var(--logo-blue) calc(42% + (var(--cell) % 7) * 6%), var(--logo-green));transform-origin:bottom;border-radius:4px 4px 0 0;box-shadow:inset 0 1px #ffffff3d,0 10px 18px #00000021}.surface.running span{animation:.48s ease-in-out infinite alternate pulse-cell;animation-delay:calc((var(--cell) % 16) * 24ms)}.surface.done span{background:color-mix(in srgb, var(--logo-green) calc(50% + (var(--cell) % 5) * 8%), var(--logo-blue))}.details{background:var(--vollib-cream);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.details>div{border-right:1px solid var(--line);min-height:164px;padding:28px}.details>div:last-child{border-right:0}.details h2{color:var(--ink);letter-spacing:0;margin:0 0 12px;font-size:18px}.details p{color:var(--muted);line-height:1.5}code{font-family:var(--mono);color:var(--logo-blue);background:#d9ebd3cc;border-radius:4px;padding:2px 6px}@keyframes pulse-cell{0%{transform:scaleY(.72)}to{transform:scaleY(1.08)}}@media (prefers-reduced-motion:reduce){.surface.running span{animation:none}.progress-fill{transition:none}}@media (width<=900px){.hero,.details{grid-template-columns:1fr}.hero{min-height:auto}.visual-panel{min-height:520px}.details>div{border-right:0;border-bottom:1px solid var(--line)}.details>div:last-child{border-bottom:0}}@media (width<=560px){.hero-copy,.visual-panel,.details>div{padding:24px}.surface{grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;min-height:180px}.start-button{width:100%}}