:root{--display:Inter, "Segoe UI Variable Display", "Segoe UI", sans-serif;--mono:"Cascadia Mono", Consolas, monospace;--paper:#f7f8fb;--paper-raised:#fff;--ink:#11152e;--muted:#66708d;--navy:#0c1234;--navy-raised:#151c48;--cyan:#27d8eb;--blue:#3977ff;--violet:#795cff;--magenta:#c05af5;--signal:#45d5a0;--signal-soft:#dcf8ee;--line:#e1e4ee;--line-strong:#cbd0df;color:var(--ink);background:var(--paper);font-family:var(--display);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.topbar{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c1234f5;border-bottom:1px solid #8297ff33;justify-content:space-between;align-items:center;height:76px;padding:0 40px;display:flex;position:sticky;top:0;box-shadow:0 8px 30px #080c2624}.brand{text-decoration:none;display:block}.brand-logo{width:174px;height:auto;display:block}.topbar-meta{align-items:center;gap:14px;display:flex}.environment-pill{color:#8cf2ff;letter-spacing:.08em;text-transform:uppercase;background:#27d8eb1a;border:1px solid #27d8eb59;border-radius:999px;padding:7px 12px;font-size:.73rem;font-weight:700}.foundation-label{color:#ffffff9e;font-size:.84rem}.workspace{grid-template-columns:224px minmax(0,1fr);min-height:calc(100vh - 77px);display:grid}.sidebar{background:radial-gradient(circle at 0 22%, #795cff29, transparent 34%), var(--navy);border-right:1px solid #8297ff2e;flex-direction:column;justify-content:space-between;padding:40px 24px 32px;display:flex}.sidebar nav{gap:6px;display:grid}.nav-item{color:#ffffffa3;border-radius:8px;padding:10px 12px;font-size:.88rem;font-weight:600;text-decoration:none;display:block}.nav-item.active{color:#fff;background:linear-gradient(100deg,#3977ff4d,#c05af538);border:1px solid #7a97ff47;padding:9px 11px}.nav-item.unavailable{cursor:not-allowed;opacity:.72}.sidebar-note{color:#ffffff7a;border-top:1px solid #8297ff2e;margin:0;padding:20px 10px 0;font-size:.74rem;line-height:1.55}main{background:radial-gradient(circle at 82% 6%, #27d8eb14, transparent 24%), radial-gradient(circle at 28% 0, #795cff12, transparent 29%), var(--paper);min-width:0;padding:72px clamp(32px,6vw,88px) 28px}main>*{max-width:1216px;margin-left:auto;margin-right:auto}.hero-section{grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);align-items:end;gap:56px;padding-bottom:72px;display:grid}.section-kicker{color:#4859c8;letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:.72rem;font-weight:750}h1,h2,h3,p{margin-top:0}h1{color:var(--ink);font-family:var(--display);letter-spacing:-.065em;max-width:900px;margin-bottom:28px;font-size:clamp(3.2rem,6.5vw,6.8rem);font-weight:620;line-height:.91}.hero-copy{color:var(--muted);max-width:660px;margin-bottom:0;font-size:1.05rem;line-height:1.65}.status-panel{background:var(--paper-raised);border:1px solid var(--line);border-radius:14px;align-items:flex-start;gap:13px;padding:20px;display:flex;box-shadow:0 18px 55px #24306a1a}.status-orbit{background:linear-gradient(135deg, var(--cyan), var(--violet), var(--magenta));border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;display:flex}.status-orbit span{background:var(--paper-raised);border-radius:50%;width:8px;height:8px}.status-panel strong,.status-panel div>span{display:block}.status-panel strong{color:var(--ink);margin-bottom:6px;font-size:.86rem}.status-panel div span{color:var(--muted);font-size:.75rem;line-height:1.5}.foundation-section{border-top:1px solid var(--line-strong);padding:48px 0 64px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:28px;display:flex}.section-heading h2{color:var(--ink);font-family:var(--display);letter-spacing:-.035em;margin:0;font-size:2rem;font-weight:600}.section-heading>span{color:var(--muted);font-family:var(--mono);text-transform:uppercase;font-size:.71rem}.foundation-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.foundation-card{background:var(--paper-raised);border:1px solid var(--line);border-radius:12px;min-height:210px;padding:24px;position:relative;overflow:hidden}.foundation-card:before{background:linear-gradient(90deg, var(--cyan), var(--blue), var(--violet), var(--magenta));content:"";height:3px;position:absolute;inset:0 0 auto}.card-number{color:#929bb8;font-family:var(--mono);font-size:.72rem;position:absolute;top:22px;right:22px}.foundation-card p{color:#5863c7;letter-spacing:.12em;text-transform:uppercase;margin-bottom:54px;font-size:.68rem;font-weight:750}.foundation-card h3{color:var(--ink);font-family:var(--display);margin-bottom:10px;font-size:1.16rem}.foundation-card>span{color:var(--muted);font-size:.78rem;line-height:1.55;display:block}footer{border-top:1px solid var(--line);color:#7a849f;font-family:var(--mono);justify-content:space-between;padding-top:24px;font-size:.66rem;display:flex}@media (width<=900px){.workspace{display:block}.sidebar{border-bottom:1px solid var(--line);border-right:0;padding:16px 24px}.sidebar nav{display:flex;overflow-x:auto}.sidebar-note{display:none}.hero-section{grid-template-columns:1fr;align-items:stretch}.foundation-grid{grid-template-columns:1fr}}@media (width<=600px){.topbar{padding:0 20px}.foundation-label{display:none}main{padding:52px 20px 24px}h1{font-size:clamp(3rem,15vw,4.7rem)}footer{gap:12px;line-height:1.5}}