:root{color-scheme:dark;--bg: #121212;--surface: rgba(24, 28, 28, .84);--surface-strong: rgba(31, 38, 37, .95);--line: rgba(185, 202, 190, .18);--text: #ebf1ed;--muted: #b9cabe;--accent: #81938a;--accent-strong: #50605a;--glow: rgba(129, 147, 138, .25);--shadow: 0 18px 80px rgba(0, 0, 0, .35);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(80,96,90,.34),transparent 28%),radial-gradient(circle at right,rgba(129,147,138,.22),transparent 25%),linear-gradient(180deg,#121212,#171a19 42%,#0f1010);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{position:relative;overflow:hidden}.background-grid{position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.86),transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.86),transparent);pointer-events:none}.topbar,.page{position:relative;z-index:1}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 5vw 0}.topbar h1,.hero h2,.section-head h3,.panel h3,.panel h4{margin:0;line-height:1.05}.topbar h1{font-size:clamp(1.7rem,2.4vw,2.7rem)}.page{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 5vw 4rem}.hero,.split-layout,.card-grid,.stat-grid{display:grid;gap:1.2rem}.hero,.split-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.panel{border:1px solid var(--line);background:var(--surface);border-radius:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:1.4rem}.glass-card{background:linear-gradient(160deg,#ffffff17,#ffffff08),var(--surface-strong)}.hero{align-items:stretch}.hero-copy{display:flex;flex-direction:column;justify-content:center;gap:1rem;min-height:420px}.hero-copy h2{font-size:clamp(2.2rem,5vw,4.8rem);max-width:11ch}.hero-text,.panel p,.number-list,.compact-list{color:var(--muted);line-height:1.7}.hero-card{display:flex;flex-direction:column;justify-content:center;gap:.9rem}.hero-actions,.nav-pills,.roadmap-badges,.audience-strip{display:flex;flex-wrap:wrap;gap:.8rem}.eyebrow,.status-chip,.audience-chip,.roadmap-badges span,.phase-item strong{letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.eyebrow{color:var(--accent);margin:0 0 .35rem}.status-chip,.audience-chip,.roadmap-badges span,.pill,.cta,.secondary{border-radius:999px;border:1px solid rgba(129,147,138,.25)}.status-chip,.audience-chip,.roadmap-badges span{width:fit-content;padding:.45rem .8rem;background:#50605a2e}.pill,.cta,.secondary{padding:.85rem 1.1rem;transition:.18s ease}.pill{background:transparent;color:var(--muted)}.pill.active,.pill:hover,.secondary:hover{color:var(--text);border-color:#b9cabe59;background:#ffffff0f}.cta{background:linear-gradient(135deg,var(--accent),#a8b7ae);color:#101211;border:none;box-shadow:0 12px 36px #81938a52}.secondary{background:#ffffff08;color:var(--text)}.section-head{display:flex;flex-direction:column;gap:.2rem;margin-top:.3rem}.section-head h3,.panel h3{font-size:clamp(1.45rem,2.2vw,2.2rem)}.compact-list,.number-list{margin:0;padding-left:1.1rem}.phase-list,.skill-list,.roadmap-list{display:flex;flex-direction:column;gap:1rem}.phase-item,.roadmap-item,.stat-card{display:flex;flex-direction:column;gap:.35rem}.phase-item span,.stat-card p{color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-grid label{display:flex;flex-direction:column;gap:.45rem;color:var(--muted)}.form-grid input,.form-grid select{border-radius:16px;border:1px solid rgba(185,202,190,.16);background:#090a0ab3;color:var(--text);padding:.9rem 1rem;outline:none}.form-grid input:focus,.form-grid select:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--glow)}.roadmap-preview{position:relative}.roadmap-preview:after{content:"";position:absolute;inset:auto 2rem -2rem auto;width:180px;height:180px;background:radial-gradient(circle,rgba(129,147,138,.25),transparent 70%);filter:blur(8px);pointer-events:none}.roadmap-item,.stat-card,.skill-row{padding:1rem;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.05)}.stat-card strong{font-size:2rem}.skill-row{display:flex;flex-direction:column;gap:.7rem}.skill-label{display:flex;align-items:center;justify-content:space-between}.progress-track{width:100%;height:10px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#50605a,#b9cabe)}@media (max-width: 1080px){.hero,.split-layout,.card-grid,.stat-grid,.form-grid{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}}@media (max-width: 640px){.page,.topbar{padding-inline:1rem}.hero-copy{min-height:auto}.panel{border-radius:20px;padding:1.1rem}.cta,.secondary,.pill{width:100%;justify-content:center}}