:root{--bg:#07111f;--bg-soft:#0d1a2d;--panel:rgba(13,26,45,0.88);--line:rgba(136,179,255,0.16);--text:#f2f6ff;--muted:#9bb0d4;--accent:#47e3a0;--accent-strong:#1ed287;--accent-2:#ff7b54;--danger:#ff6b81;--shadow:0 20px 60px rgba(0,0,0,0.35)}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(71,227,160,.16),transparent 28%),radial-gradient(circle at top right,rgba(255,123,84,.12),transparent 26%),linear-gradient(180deg,#050c16,#07111f 42%,#03070e);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.page-shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(5,12,22,.72);border-bottom:1px solid var(--line)}.topbar-inner{justify-content:space-between;gap:24px;padding:18px 0}.brand,.topbar-inner{display:flex;align-items:center}.brand{gap:12px;font-weight:700;letter-spacing:.04em}.brand-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 0 6px rgba(71,227,160,.08)}.nav{display:flex;align-items:center;gap:18px;color:var(--muted)}.nav a:hover{color:var(--text)}.hero{padding:56px 0 28px}.builder-grid,.dashboard-grid,.hero-grid,.result-grid{display:grid;grid-gap:20px;gap:20px}.hero-grid{grid-template-columns:1.3fr .9fr}.builder-grid,.dashboard-grid{grid-template-columns:1.15fr .85fr}.result-grid{grid-template-columns:1fr .9fr}.card{background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow)}.card h2,.card h3,.card p{margin-top:0}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(71,227,160,.12);color:#c8ffe8;font-size:.85rem}.title-xl{font-size:clamp(2.5rem,6vw,4.8rem);line-height:.98;margin:18px 0 16px;max-width:11ch}.lead{color:var(--muted);font-size:1.05rem;line-height:1.6;max-width:62ch}.chip-row,.cta-row,.field-grid,.section-head,.split-row,.stats-row,.toggle-row,.track-meta,.track-row{display:flex;gap:12px;flex-wrap:wrap}.section-head{justify-content:space-between;align-items:center}.button{border:none;border-radius:16px;padding:14px 18px;cursor:pointer}.button-primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#032112;font-weight:700}.button-secondary{color:var(--text);border:1px solid var(--line)}.button-secondary,.chip{background:rgba(255,255,255,.05)}.chip{padding:10px 12px;border-radius:999px;color:var(--muted);border:1px solid var(--line)}.metric{flex:1 1;min-width:140px;padding:16px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05)}.metric strong{display:block;font-size:1.65rem;margin-bottom:4px}.panel-glow{position:relative;overflow:hidden}.panel-glow:after{content:"";position:absolute;inset:auto -20% -50% auto;width:220px;height:220px;background:radial-gradient(circle,rgba(71,227,160,.2),transparent 65%)}.field-grid{align-items:flex-end}.field{flex:1 1;min-width:140px}.field label{display:block;color:var(--muted);font-size:.9rem;margin-bottom:8px}.field input,.field select{width:100%;padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text)}.toggle{display:inline-flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:var(--muted)}.stack{display:grid;grid-gap:16px;gap:16px}.track-list{display:grid;grid-gap:12px;gap:12px}.track-row{justify-content:space-between;align-items:center;padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.05)}.track-meta{color:var(--muted);font-size:.92rem}.pill,.track-meta{align-items:center}.pill{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(71,227,160,.12);color:#c8ffe8;font-size:.82rem}.muted{color:var(--muted)}.spot{display:grid;grid-gap:10px;gap:10px}.spot strong{font-size:2rem}.mini-chart{display:grid;grid-gap:10px;gap:10px}.mini-bar{height:12px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}.mini-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}@media (max-width:920px){.builder-grid,.dashboard-grid,.hero-grid,.result-grid{grid-template-columns:1fr}.topbar-inner{align-items:flex-start;flex-direction:column}.nav{overflow-x:auto;width:100%;padding-bottom:2px}}