:root{font-family:Space Grotesk,IBM Plex Sans,PingFang SC,sans-serif;color:#f5f1e8;background:radial-gradient(circle at top left,rgba(255,173,96,.16),transparent 28%),radial-gradient(circle at 85% 10%,rgba(104,184,255,.16),transparent 24%),linear-gradient(180deg,#111,#171411 45%,#1d1915);--page-bg: #111111;--panel-bg: rgba(34, 27, 22, .84);--panel-strong: rgba(25, 20, 17, .96);--border: rgba(255, 220, 186, .12);--text-main: #f5f1e8;--text-muted: #c9bbab;--accent: #ffb36b;--accent-strong: #ffd166;--accent-cool: #8ec5ff;--shadow: 0 24px 80px rgba(0, 0, 0, .28);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--space-1: .75rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 3rem}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;min-width:320px;background:var(--page-bg)}button,a{color:inherit}a{text-decoration:none}body::selection{background:#ffb36b4d}.app-shell{position:relative;min-height:100vh;overflow:hidden}.glow{position:fixed;width:28rem;height:28rem;border-radius:999px;filter:blur(110px);opacity:.24;pointer-events:none}.glow--amber{top:-8rem;left:-10rem;background:#ffb36b99}.glow--blue{top:10rem;right:-8rem;background:#8ec5ff66}.page{position:relative;z-index:1;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:24px 0 56px}.panel{border:1px solid var(--border);border-radius:var(--radius-xl);background:linear-gradient(180deg,#30261ef0,#16120eeb),var(--panel-bg);box-shadow:var(--shadow)}.panel--inner{background:linear-gradient(180deg,#1f1813fa,#17120ff2),var(--panel-strong)}.hero,.section--split{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.95fr);gap:var(--space-4)}.hero{padding:32px}.hero__content,.hero__aside{display:grid;gap:var(--space-3)}.hero__content{align-content:center}.eyebrow{margin:0;color:var(--accent);font-size:.82rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}h1,h2,h3,p,ul{margin:0}h1{max-width:12ch;font-size:clamp(2.8rem,6vw,5.4rem);line-height:.95;letter-spacing:-.05em}h2{font-size:clamp(1.6rem,3vw,2.5rem);line-height:1.1;letter-spacing:-.03em}h3{font-size:1.1rem}.hero__summary,.module-card p,.stack-card p,.roadmap-card p,.preview-card small,.metric-card span,.bullet-list{color:var(--text-muted)}.hero__summary,.module-card p,.stack-card p,.roadmap-card p,.bullet-list{line-height:1.7}.hero__actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;min-width:168px;padding:14px 20px;border-radius:999px;font-weight:700}.button--primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#2b1707}.button--ghost{border:1px solid rgba(255,220,186,.16);background:#ffffff08}.metric-list,.bullet-list{padding-left:18px}.metric-list{list-style:none;padding-left:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric-card,.module-card,.stack-card,.preview-card,.roadmap-card{border:1px solid rgba(255,220,186,.1);border-radius:var(--radius-lg);background:#ffffff08}.metric-card{display:grid;gap:8px;padding:18px}.section{margin-top:var(--space-4)}.section__heading{display:grid;gap:12px;margin-bottom:var(--space-3)}.module-grid,.roadmap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.module-card,.roadmap-card{padding:24px}.module-card{display:grid;gap:16px}.module-card__top,.stack-card{display:flex;justify-content:space-between;gap:16px}.tag,code{display:inline-flex;width:fit-content;border-radius:999px;font-size:.78rem}.tag{padding:8px 12px;background:#ffb36b24;color:var(--accent);letter-spacing:.08em;text-transform:uppercase}.stack-list,.preview-list{display:grid;gap:14px}.stack-card,.preview-card{padding:18px}.stack-card p{margin-top:6px}code{align-self:start;padding:6px 10px;background:#8ec5ff1f;color:var(--accent-cool)}.preview-card{display:grid;gap:8px}.preview-card p{font-weight:600}.roadmap-card{display:grid;gap:14px}@media(max-width:960px){.hero,.section--split,.module-grid,.roadmap{grid-template-columns:1fr}h1{max-width:none}}@media(max-width:640px){.page{width:min(100% - 20px,1180px);padding-top:10px;padding-bottom:36px}.hero,.module-card,.roadmap-card{padding:20px}.metric-list{grid-template-columns:1fr}.stack-card{flex-direction:column}.button{width:100%}}