@import url("/operator-app/assets/scos-existing-design-system-loader.css");
@import url("/operator-app/assets/scos-asset-genesis-product.css");
@import url("/operator-app/assets/scos-real-twin-card.css");
@import url("/operator-app/assets/scos-luxury-pro-ui.css");
@import url("/operator-app/assets/scos-luxury-ai-brand.css");
@import url("/operator-app/assets/scos-finished-product-luxury-ui.css");
@import url("/operator-app/assets/scos-final-app-luxury-shell.css");
@import url("/operator-app/assets/scos-city-twin.css");
@import url("/assets/scos/scos-worker-twin-mesh.css");
@import url("/assets/scos/scos-interactive-3d-twin.css");
@import url("/assets/scos/scos-geocontext-twin.css");
@import url("/assets/scos-luxury-ui.css");
@import url("/operator-app/assets/scos-product-shell.css");
@import url("/operator-app/assets/scos-product-os.css");
@import url("/operator-app/assets/scos-existing-app-route-lane-surface-graft.css");
@import url("/operator-app/assets/scos-client-product-shell.css");
@import url("/assets/scos/scos-vertical-workbench.css");
@import url("/assets/scos/scos-render-core.css");
@import url("/assets/scos/scos-real-life-render-request.css");
@import url("/assets/scos/scos-playground.css");
@import url("/assets/scos/scos-owner-command-center.css");
@import url("/assets/scos/scos-convergence-repair.css");
@import url("/assets/scos/scos-convergence-audit.css");
@import url("/assets/scos-ai-render-system.css");
:root{--scos-bg:#05070d;--scos-panel:rgba(255,255,255,.07);--scos-line:rgba(255,255,255,.16);--scos-text:#f8f3e7;--scos-muted:#cbd5e1;--scos-gold:#ffe08a;--scos-green:#86efac}
*{box-sizing:border-box} body{margin:0;background:radial-gradient(circle at 20% 0%,rgba(255,224,138,.15),transparent 30%),radial-gradient(circle at 85% 8%,rgba(125,160,255,.16),transparent 30%),var(--scos-bg);color:var(--scos-text);font-family:Inter,system-ui,Arial,sans-serif}
a{color:#bdefff;text-decoration:none} .nav{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 28px;background:rgba(5,7,13,.88);border-bottom:1px solid var(--scos-line);backdrop-filter:blur(18px)}
.brand{color:var(--scos-gold);font-weight:950;text-transform:uppercase;letter-spacing:.14em;font-size:12px} .links{display:flex;gap:10px;flex-wrap:wrap} .links a{border:1px solid var(--scos-line);border-radius:999px;padding:8px 11px;color:var(--scos-text);background:rgba(255,255,255,.055);font-size:13px}
main{max-width:1480px;margin:0 auto;padding:34px 22px 90px} .hero,.panel,.card{border:1px solid var(--scos-line);background:var(--scos-panel);border-radius:30px;box-shadow:0 24px 100px rgba(0,0,0,.35)}
.hero{padding:42px;background:linear-gradient(135deg,rgba(255,224,138,.12),rgba(147,197,253,.08),rgba(255,255,255,.04))} .eyebrow{color:var(--scos-gold);font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:950}
h1{font-size:clamp(42px,7vw,92px);line-height:.9;margin:12px 0 18px} h2{font-size:28px;margin:0 0 12px} p{color:var(--scos-muted);line-height:1.6;font-size:16px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:18px} .panel,.card{padding:22px;margin-top:20px} .metric strong{display:block;font-size:34px;color:var(--scos-gold)} .metric span{color:var(--scos-muted)} .tag{display:inline-flex;margin:4px 6px 0 0;border:1px solid var(--scos-line);border-radius:999px;padding:6px 9px;color:var(--scos-gold);font-size:12px}
pre{white-space:pre-wrap;overflow:auto;background:#02030a;border:1px solid var(--scos-line);border-radius:20px;padding:18px;max-height:520px} .action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px} .action-row a{border:1px solid rgba(255,224,138,.45);border-radius:999px;padding:11px 14px;color:var(--scos-gold);background:rgba(255,224,138,.08)}