@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:Space Grotesk,Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:500;color:#e7ecff;background-color:#050914;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ink: #e7ecff;--muted: #a8b3d6;--panel: rgba(12, 15, 35, .82);--stroke: rgba(255, 255, 255, .08);--accent: #6ff2ff;--shadow-soft: 0 24px 60px rgba(0, 0, 0, .35)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(111,242,255,.08),transparent 35%),radial-gradient(circle at 80% 0%,rgba(255,140,200,.08),transparent 30%),linear-gradient(180deg,#050914,#0b1021);color:var(--ink)}a{color:inherit}#root{min-height:100vh;color:var(--ink)}.page{width:100vw;margin:0 auto;padding:1.75rem 0 2rem;display:flex;flex-direction:column;gap:1.5rem}.hero{display:grid;grid-template-columns:1fr;gap:1.75rem;align-items:start;justify-items:center;text-align:center}.hero-text h1{font-size:clamp(1.2rem,2vw,1.65rem);margin:.35rem 0 .4rem;letter-spacing:-.02em}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;color:var(--muted);margin:0}.lede{margin:.2rem 0 0;color:var(--muted);max-width:52ch;line-height:1.55}.hero-actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:1.25rem}.cta{background:linear-gradient(135deg,var(--accent) 0%,#56f0c5 100%);color:#041024;border:none;padding:.85rem 1.35rem;border-radius:14px;font-weight:700;font-size:1rem;box-shadow:0 20px 40px #56f0c540;cursor:pointer;transition:transform .12s ease,box-shadow .18s ease}.cta:hover{transform:translateY(-2px);box-shadow:0 26px 48px #56f0c559}.hero-hints{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-weight:600;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .75rem;border-radius:999px;border:1px solid var(--stroke);background:#ffffff08;color:var(--ink);font-weight:700;font-size:.85rem}.hero-card{background:var(--panel);border:1px solid var(--stroke);border-radius:16px;padding:1.25rem;box-shadow:var(--shadow-soft)}.hero-card ul{margin:.2rem 0 0;padding-left:1.1rem;color:var(--muted);line-height:1.5}.panel{width:90vw;min-height:90vh;background:var(--panel);border:1px solid var(--stroke);border-radius:18px;padding:1.5rem;box-shadow:var(--shadow-soft);margin:0 auto}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.panel h2{margin:.15rem 0 .4rem;letter-spacing:-.01em}.label{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:var(--muted);margin:0}.hint{color:var(--muted);margin:0}.badge{padding:.6rem .8rem;background:#56f0c51f;border:1px solid rgba(86,240,197,.6);color:#73ffd6;border-radius:14px;font-weight:700}.canvas-shell{position:relative;overflow:hidden;margin-top:1.1rem;border-radius:18px;background:linear-gradient(180deg,#0b1327,#080d1a);border:1px solid var(--stroke);height:calc(90vh - 170px)}.scene-canvas{width:100%;height:100%}.canvas-overlay{position:absolute;inset:1rem;display:flex;flex-direction:column;gap:.45rem;pointer-events:none}.overlay-row{display:flex;align-items:center;gap:.65rem;align-self:flex-start;padding:.6rem .8rem;border-radius:12px;background:#080c1abf;border:1px solid var(--stroke);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--muted);font-weight:600;pointer-events:auto}.reset-btn{position:absolute;right:1rem;bottom:1rem;padding:.6rem .95rem;border-radius:12px;border:1px solid var(--stroke);background:#080c1ae6;color:var(--ink);font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .12s ease,box-shadow .15s ease,border-color .12s ease}.reset-btn:hover{transform:translateY(-1px);border-color:#ffffff29;box-shadow:0 12px 28px #00000059}.loader{padding:.65rem .9rem;border-radius:12px;background:#080c1ad9;border:1px solid var(--stroke);color:var(--ink);font-weight:700;box-shadow:var(--shadow-soft)}.info-grid{display:none}.info-flyout{position:absolute;top:0;left:0;width:min(420px,92vw);background:#0c0f23eb;border:1px solid var(--stroke);border-radius:14px;padding:1.25rem;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto}.info-title{font-weight:700;margin:0;font-size:1.2rem}.info-body{margin:.5rem 0 .85rem;color:var(--muted);line-height:1.6;font-size:1rem}.close-pill{margin-top:.25rem;cursor:pointer;padding:.45rem .85rem}@media(max-width:960px){.hero{grid-template-columns:1fr}.panel-head{flex-direction:column;align-items:flex-start}.canvas-shell{height:70vh}}@media(max-width:640px){.page{padding:2rem 0 2.5rem}.canvas-shell{height:60vh}.hero-actions{flex-direction:column;align-items:flex-start}}