.play-hero{padding-top:7.5rem;padding-bottom:3rem}.play-hero h1{max-width:980px}.hero-actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:3rem;border:1px solid #d9dfeb;border-radius:18px;overflow:hidden;background:#d9dfeb}.hero-stats div{padding:1.25rem;background:#fff}.hero-stats strong{display:block;font-size:2rem;line-height:1}.hero-stats span{display:block;margin-top:.35rem;font-size:.85rem;opacity:.7}.runtime-note{display:flex;gap:1rem;align-items:flex-start;padding-top:1rem;padding-bottom:1rem;border-top:1px solid #dce2ec;border-bottom:1px solid #dce2ec}.runtime-note strong{white-space:nowrap}.runtime-note span{opacity:.72}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.section-copy{max-width:930px;color:#48546a}.runtime-badge{display:inline-flex;align-items:center;border-radius:999px;padding:.38rem .65rem;font-size:.72rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;background:#edf1f7;color:#47536a}.runtime-wasm{background:#dff7e8;color:#176037}.runtime-reference{background:#eef0ff;color:#4450b5}.flagship-section{padding-top:5rem}.flagship-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:1.5rem;margin-top:1.5rem}.flagship-chart canvas,.ml-demo-card canvas{width:100%;height:auto;display:block;background:#0b1428;border-radius:16px}.flagship-controls{display:grid;gap:1rem;align-content:start;padding:1.25rem;border:1px solid #dae0eb;border-radius:18px;background:#fff}.flagship-controls label,.demo-control{display:grid;gap:.5rem}.flagship-controls output,.demo-control output{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.check-control{grid-template-columns:auto 1fr!important;align-items:start}.flagship-metrics,.demo-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.demo-metric{min-width:0;padding:.75rem;border-radius:12px;background:#f2f5f9}.demo-metric span{display:block;font-size:.72rem;color:#68738a}.demo-metric strong{display:block;margin-top:.15rem;font-size:1.05rem;overflow-wrap:anywhere}.full-pipeline,.mini-pipeline{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.full-pipeline{margin-top:1.25rem;padding:1rem;border:1px solid #dde3ed;border-radius:14px;background:#fff}.full-pipeline span,.mini-pipeline span{padding:.36rem .55rem;border-radius:999px;background:#eef2f7;font-size:.75rem}.full-pipeline b,.mini-pipeline b{font-weight:400;opacity:.35}.playground-section{padding-top:5rem}.demo-filters{display:flex;gap:.55rem;flex-wrap:wrap;margin:1.5rem 0}.demo-filters button{appearance:none;border:1px solid #d7deea;background:#fff;border-radius:999px;padding:.55rem .8rem;cursor:pointer;font:inherit;font-size:.82rem}.demo-filters button.active{background:#111c32;color:#fff;border-color:#111c32}.ml-demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.ml-demo-card{padding:1.2rem;border:1px solid #dbe1eb;border-radius:18px;background:#fff;box-shadow:0 8px 25px rgba(21,36,64,.035)}.ml-demo-card[hidden]{display:none}.ml-demo-card header{display:flex;justify-content:space-between;gap:1rem}.ml-demo-card h3{margin:.25rem 0 .15rem;font-size:1.2rem}.ml-demo-card>p{min-height:2.6em;color:#5a6579}.demo-index{font:700 .75rem ui-monospace,SFMono-Regular,Menlo,monospace;color:#6f7bf7;margin-right:.5rem}.demo-group{font-size:.72rem;color:#78849a}.mini-pipeline{min-height:2rem;margin:.65rem 0 .8rem}.mini-pipeline span{font-size:.67rem}.demo-control{margin:.9rem 0}.demo-control label{display:flex;justify-content:space-between;gap:1rem}.mnist-app{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;margin-top:5rem;padding-top:3rem;padding-bottom:3rem;border-radius:24px;background:#111c32;color:#fff}.mnist-app .section-heading h2,.mnist-app p{color:inherit}.mnist-app .full-pipeline{background:#16243f;border-color:#2a3b5d}.mnist-app .full-pipeline span{background:#213453}.playground-digit-panel{display:grid;grid-template-columns:280px 160px;gap:1rem;align-items:stretch}.playground-digit-panel canvas{border:1px solid #334665;border-radius:16px;touch-action:none}.playground-digit-panel .prediction{display:flex;flex-direction:column;justify-content:center;padding:1rem;border-radius:16px;background:#172641}.playground-digit-panel .prediction strong{font-size:5rem;line-height:1;margin:.4rem 0}.wasm-status.ready{color:#8ce0aa}.wasm-status.error{color:#ff9f8c}.source-section{padding-top:5rem}.source-links{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.source-links a{display:flex;justify-content:space-between;padding:1rem;border:1px solid #dbe1eb;border-radius:14px;background:#fff;text-decoration:none;color:inherit}@media(max-width:980px){.hero-stats{grid-template-columns:repeat(2,1fr)}.flagship-grid,.ml-demo-grid,.mnist-app{grid-template-columns:1fr}.source-links{grid-template-columns:repeat(2,1fr)}.playground-digit-panel{grid-template-columns:280px 1fr}}@media(max-width:640px){.play-hero{padding-top:6rem}.hero-stats{grid-template-columns:1fr 1fr}.runtime-note{display:block}.runtime-note strong{display:block;margin-bottom:.4rem}.flagship-metrics,.demo-metrics{grid-template-columns:1fr 1fr}.source-links{grid-template-columns:1fr}.playground-digit-panel{grid-template-columns:1fr}.playground-digit-panel canvas{max-width:100%;height:auto}.section-heading{display:block}.runtime-badge{margin-top:.5rem}}