:root{--bg:#061423;--bg2:#081a2d;--panel:#0d2238;--panel2:#102a43;--line:#213e58;--text:#f6f9fd;--muted:#a8bacb;--blue:#70bdff;--cyan:#66dfcf;--amber:#ffc978;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit}.shell{width:min(var(--max),calc(100% - 40px));margin:auto}.narrow{max-width:900px}.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;z-index:100;background:#fff;color:#000;padding:8px}.site-header{position:sticky;top:0;z-index:30;background:rgba(4,16,29,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(130,175,214,.15)}.nav-wrap{min-height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark,.mini-mark{display:grid;place-items:center;background:linear-gradient(145deg,#77c9ff,#4e6cff);font-weight:900}.brand-mark{width:44px;height:44px;border-radius:14px}.brand strong{display:block;font-size:20px;line-height:1}.brand small{display:block;color:#8ea4b8;font-size:10px;letter-spacing:.2em;margin-top:5px}.nav{display:flex;gap:28px;align-items:center}.nav a{text-decoration:none;color:#c4d1dd;font-size:14px;font-weight:700}.nav a:hover,.nav a.active{color:#fff}.nav-cta{padding:10px 15px;border:1px solid #34526f;border-radius:10px}.nav-toggle{display:none}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 15%,rgba(65,116,255,.2),transparent 34%),linear-gradient(180deg,#061423,#07182a)}.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(110,172,226,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(110,172,226,.05) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(#000,transparent)}.hero-grid{position:relative;min-height:660px;padding:82px 0;display:grid;grid-template-columns:1.08fr .92fr;gap:70px;align-items:center}.simple-hero .narrow{position:relative;padding:120px 0 105px}.kicker{display:inline-block;color:#79c7ff;text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900;margin-bottom:17px}.status-badge{display:table;padding:6px 11px;border-radius:999px;background:rgba(102,223,207,.08);border:1px solid rgba(102,223,207,.25);color:#8ce9dc;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:900;margin-bottom:17px}.status-badge.small{margin-top:18px}.hero h1,.section-heading h2,.callout h2,.prose h2,.boundary-card h2{margin:0;line-height:1.04;letter-spacing:-.045em}.hero h1{font-size:clamp(44px,6vw,74px)}.lead{font-size:clamp(18px,2vw,22px);color:#b6c6d5;max-width:780px;margin:25px 0}.micro{font-size:13px;color:#8fa7ba;margin-top:25px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:0 20px;border-radius:11px;text-decoration:none;font-size:14px;font-weight:900}.btn-primary{background:linear-gradient(135deg,#72c2ff,#567fff);color:#04111f}.btn-secondary{border:1px solid #365571;background:rgba(15,35,56,.75)}.system-card{background:linear-gradient(145deg,#10263e,#081c30);border:1px solid #294862;border-radius:22px;box-shadow:0 28px 70px rgba(0,0,0,.28);overflow:hidden}.window-top{height:52px;border-bottom:1px solid #274157;padding:0 18px;display:flex;align-items:center;gap:7px}.window-top span{width:8px;height:8px;border-radius:50%;background:#4e677b}.window-top b{font-size:12px;color:#91a9bc;margin-left:8px}.stack{padding:30px}.stack-item{padding:25px;border:1px solid #2d506d;border-radius:16px;background:#0a2035}.stack-item small{display:block;color:#7dc8ff;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:900}.stack-item strong{display:block;font-size:28px;margin-top:5px}.stack-item p{color:#9fb4c5;margin:5px 0 0}.connector{width:2px;height:36px;margin:auto;background:linear-gradient(#406584,#59ad9f)}.stack-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stack-grid div{padding:16px;border:1px solid #28465f;border-radius:12px;background:#0b2034}.stack-grid b,.stack-grid span{display:block}.stack-grid span{color:#93aabc;font-size:12px;margin-top:4px}.section{padding:95px 0}.section-heading{max-width:800px;margin-bottom:42px}.section-heading.compact{margin-bottom:0}.section-heading h2,.callout h2,.prose h2,.boundary-card h2{font-size:clamp(34px,4.5vw,52px)}.section-heading p,.callout p,.prose p,.boundary-card p{color:var(--muted);font-size:18px}.feature-grid,.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature,.principle,.product-card,.boundary-card,.domain-preview>div,.arch-row{background:linear-gradient(145deg,#10243a,#0a1e32);border:1px solid #29455f;border-radius:18px}.feature,.principle{padding:27px}.feature>span{color:#79c5ff;font-weight:900}.feature h3,.principle h3{font-size:21px;margin:12px 0 5px}.feature p,.principle p,.product-card p,.domain-preview p,.arch-row p{color:var(--muted);margin-bottom:0}.section-dark{background:#05111e;border-top:1px solid #17324a;border-bottom:1px solid #17324a}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:start}.domain-preview{display:grid;grid-template-columns:1fr 1fr;gap:14px}.domain-preview>div{padding:22px}.domain-preview span{display:block;color:#77c7ff;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.domain-preview strong{display:block;font-size:18px;margin-top:4px}.callout{display:flex;align-items:center;justify-content:space-between;gap:40px}.callout>div{max-width:800px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.product-card{padding:30px}.product-card h2{font-size:27px;line-height:1.1}.mini-mark{width:50px;height:50px;border-radius:14px;margin-bottom:20px}.text-link{color:#7ac8ff;font-weight:900;text-decoration:none}.boundary-card{padding:32px}.boundary-card h3{margin-top:0}.check-list{list-style:none;padding:0;margin:14px 0}.check-list li{position:relative;padding:7px 0 7px 26px;color:#c8d5e0}.check-list li:before{content:'✓';position:absolute;left:0;color:#70dfca;font-weight:900}.architecture-list{display:grid;gap:14px}.arch-row{display:grid;grid-template-columns:55px 1fr;gap:15px;padding:24px}.arch-row>span{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#102e4b;color:#7ec9ff;font-weight:900}.arch-row h3{font-size:22px;margin:3px 0 0}.muted-note{padding:18px;border-left:3px solid #5da99f;background:#0a2034}.prose{max-width:880px}.prose h2{font-size:34px;margin-top:55px}.site-footer{border-top:1px solid #1c3850;background:#04101d;padding:60px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr .7fr;gap:50px}.footer-grid p{color:#8fa5b8;max-width:540px}.footer-grid h3{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:#91abc1}.footer-grid a{display:block;text-decoration:none;color:#b9c8d5;margin:9px 0}.footer-bottom{border-top:1px solid #183147;margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;gap:20px;color:#7f96aa;font-size:12px}.reveal{opacity:0;transform:translateY(18px);transition:.55s ease}.reveal.in{opacity:1;transform:none}.delay-1{transition-delay:.08s}@media(max-width:850px){.nav-toggle{display:block;background:none;border:1px solid #35526e;color:#fff;border-radius:9px;padding:8px 11px}.nav{position:absolute;top:76px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:20px;background:#071727;border-bottom:1px solid #29465f}.nav.open{display:flex}.hero-grid,.split,.footer-grid{grid-template-columns:1fr}.hero-grid{min-height:auto;gap:40px}.feature-grid,.principle-grid{grid-template-columns:1fr 1fr}.callout{align-items:flex-start;flex-direction:column}.footer-bottom{flex-direction:column}.domain-preview,.product-grid{grid-template-columns:1fr}}@media(max-width:560px){.shell{width:min(100% - 28px,var(--max))}.hero-grid{padding:65px 0}.simple-hero .narrow{padding:85px 0 70px}.feature-grid,.principle-grid{grid-template-columns:1fr}.hero h1{font-size:43px}.section{padding:72px 0}.stack-grid{grid-template-columns:1fr}.arch-row{grid-template-columns:1fr}.footer-grid{gap:28px}}
