:root{--bg: #08111d;--bg-soft: #0c1728;--panel: rgba(14, 22, 37, .94);--panel-soft: rgba(16, 27, 45, .97);--panel-strong: rgba(10, 17, 29, .98);--text: #e8f1fb;--muted: #9cb0c5;--muted-2: #74879c;--line: rgba(92, 126, 168, .22);--line-strong: rgba(56, 189, 248, .3);--primary: #38bdf8;--primary-strong: #0ea5e9;--secondary: #22c55e;--secondary-strong: #16a34a;--accent: #13253a;--link: #7dd3fc;--link-hover: #d9f4ff;--focus: #22c55e;--shadow-soft: 0 18px 36px rgba(2, 8, 23, .34);--shadow-strong: 0 24px 48px rgba(2, 8, 23, .46);--radius: 16px;--radius-lg: 22px;--max: 1120px;--content-wide: 980px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at top,rgba(56,189,248,.16),transparent 26%),radial-gradient(circle at 85% 8%,rgba(34,197,94,.1),transparent 18%),linear-gradient(180deg,#07111c,#0a1523 48%,#0d1a2c);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:var(--link)}a:hover{color:var(--link-hover)}a:focus-visible,button:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:8px}.shell{max-width:var(--max);margin:0 auto;padding:0 24px}header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(92,126,168,.18);backdrop-filter:blur(14px);background:#08101dd1;box-shadow:0 10px 28px #02081752}.nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0}.brand{display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}.brand-logo{display:block;height:36px;width:auto}.navlinks{display:flex;gap:8px;flex-wrap:wrap}.navlinks a{color:var(--muted);text-decoration:none;padding:7px 11px;border-radius:999px;border:1px solid transparent;font-size:.92rem;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.navlinks a[aria-current=page]{background:#38bdf81f;border-color:#38bdf82e;color:var(--text)}.navlinks a:hover{background:#94a3b814;border-color:#5c7ea833;color:var(--text);transform:translateY(-1px)}main{padding:42px 0 60px}footer{border-top:1px solid var(--line);color:var(--muted);padding:32px 0 42px;background:#080f1ce0}.footer-copy{max-width:720px}.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.95fr);gap:24px;align-items:stretch}.hero-copy,.hero-side,.page-shell,.card,.section-block{background:linear-gradient(180deg,var(--panel-strong),var(--panel-soft));border:1px solid rgba(92,126,168,.18);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.hero-copy{padding:36px 32px 32px;position:relative;overflow:hidden}.hero-copy:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(56,189,248,.1),transparent 34%),linear-gradient(180deg,transparent 0%,rgba(34,197,94,.04) 100%);pointer-events:none}.hero-side{padding:24px;position:relative;overflow:hidden}.hero-side:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(34,197,94,.06),transparent 44%);pointer-events:none}.page-shell,.section-block{padding:26px 24px 24px}.page-shell{max-width:min(100%,var(--content-wide))}h1,h2,h3{line-height:1.06;letter-spacing:-.03em}h1{font-size:clamp(2.35rem,5.4vw,4rem);margin:0;max-width:12ch}h2{font-size:clamp(1.5rem,2vw,2rem);margin:.8rem 0 .7rem}h3{font-size:1.08rem;margin:1rem 0 .45rem}p{margin:0 0 1rem}.lead{font-size:1.08rem;color:var(--muted);max-width:760px}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--muted-2);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.eyebrow:before{content:"";width:20px;height:1.5px;background:linear-gradient(90deg,#38bdf8f2,#22c55e6b)}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}a.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;min-height:46px;border-radius:13px;text-decoration:none;font-weight:700;border:1px solid rgba(92,126,168,.22);background:linear-gradient(180deg,#0c1422f5,#121e32f0);color:var(--text);box-shadow:0 12px 26px #02081747;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}a.button:hover{transform:translateY(-1px);border-color:#7dd3fc57;box-shadow:0 14px 30px #02081757}a.button.primary{background:linear-gradient(135deg,var(--primary-strong),#0284c7);color:#03111f;border-color:#38bdf857}a.button.product{background:linear-gradient(135deg,var(--secondary),var(--secondary-strong));color:#04140b;border-color:#22c55e4d}a.button.product:after{content:"→";display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:#04140b2e;font-size:.94em;line-height:1}a.button.subtle{background:#38bdf814;border-color:#38bdf82e;color:var(--link)}.info-strip,.link-list,.system-stack{display:grid;gap:14px;margin-top:1rem}.info-chip,.status-chip,.signal-card,.pillar,.link-card,.system-step{padding:14px 15px;border:1px solid rgba(92,126,168,.18);border-radius:13px;background:#0b1422c7}.info-strip{display:flex;flex-wrap:wrap;gap:10px}.info-chip,.status-chip{padding:8px 12px;border-radius:999px;display:inline-flex;font-size:.86rem;font-weight:700;text-decoration:none;color:#d8e8f8;background:#0a121fe0}.cards,.signal-grid,.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:1rem}.card{padding:22px 20px 18px;display:flex;flex-direction:column;gap:8px}.link-card{display:block;text-decoration:none;background:linear-gradient(180deg,#0a121ff5,#0f1a2bf0);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.link-card:hover{transform:translateY(-1px);border-color:#38bdf83d;box-shadow:var(--shadow-soft)}.link-card strong{display:block;color:var(--text);margin-bottom:.35rem}.link-card span,.signal-card p,.pillar span{color:var(--muted);margin:0}.muted{color:var(--muted)}.system-step-label{display:block;margin-bottom:6px;color:var(--primary);font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.system-step strong,.pillar strong{display:block;margin-bottom:6px;color:#e8f1fb}.ml-embedded{margin-top:18px}@media(max-width:900px){.hero{grid-template-columns:1fr}}@media(max-width:760px){.shell{padding:0 18px}.nav{flex-direction:column;align-items:flex-start}.hero-copy,.hero-side,.page-shell,.section-block{padding:22px 18px 20px}h1{font-size:clamp(2.1rem,9vw,3rem)}.cards,.signal-grid,.pillars{grid-template-columns:1fr}.brand-logo{height:34px}}