@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --navy:#081c43; --blue:#1769e0; --sky:#eaf3ff; --ink:#112348; --muted:#60708a; --line:#dce5f2; --paper:#fbfcff; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:Manrope,Arial,sans-serif; } a { color:inherit; text-decoration:none; }
.header { align-items:center; display:flex; height:82px; justify-content:space-between; margin:auto; max-width:1200px; padding:0 28px; }.brand { align-items:center; display:inline-flex; font-size:22px; font-weight:800; gap:10px; letter-spacing:-1px; }.brand-mark,.core-mark { align-items:center; background:var(--blue); border-radius:10px; color:#fff; display:inline-flex; font-size:17px; font-weight:800; height:33px; justify-content:center; letter-spacing:-1px; width:33px; }nav { display:flex; gap:30px; margin-left:70px; }nav a,.text-link { color:#50617c; font-size:12px; font-weight:700; }.button { align-items:center; border-radius:10px; display:inline-flex; font-size:14px; font-weight:800; gap:14px; justify-content:center; padding:14px 20px; transition:transform .18s,background .18s; }.button:hover { transform:translateY(-2px); }.button-small { padding:10px 17px; }.button-outline { border:1px solid #cbd9ee; color:var(--navy); }.button-primary { background:var(--blue); box-shadow:0 12px 26px #1769e038; color:#fff; }.button-light { background:#fff; color:var(--navy); }
.hero { display:grid; gap:45px; grid-template-columns:1.02fr .98fr; margin:30px auto 0; max-width:1200px; min-height:545px; padding:42px 28px 65px; }.hero-copy { padding-top:42px; }.eyebrow { align-items:center; color:#53647f; display:flex; font-family:'DM Mono',monospace; font-size:10px; font-weight:500; gap:9px; letter-spacing:1px; text-transform:uppercase; }.eyebrow span { background:#2178ed; border-radius:100%; height:7px; width:7px; }.hero h1,.statement h2,.section-heading h2,.architecture h2,.cta h2 { color:var(--navy); font-size:clamp(42px,4.3vw,62px); font-weight:800; letter-spacing:-3.3px; line-height:1.06; margin:19px 0; }.hero h1 em,.statement em,.architecture em { color:var(--blue); font-style:normal; }.hero-text { color:var(--muted); font-size:16px; line-height:1.75; max-width:500px; }.hero-actions { align-items:center; display:flex; gap:27px; margin-top:31px; }.text-link { color:#1b5db9; }
.hero-visual { min-height:430px; overflow:visible; position:relative; }.grid-glow { background:radial-gradient(circle,#dcecff 0,transparent 68%); height:490px; left:-20px; position:absolute; top:-34px; width:520px; }.orbit { border:1px solid #bdd7fb; border-radius:50%; left:50%; position:absolute; top:50%; transform:translate(-50%,-50%); }.orbit-one { height:345px; width:345px; }.orbit-two { border-color:#dbe9fb; height:460px; width:460px; }.core { align-items:center; background:#0b2b61; border:8px solid #fff; border-radius:50%; box-shadow:0 18px 48px #0a357665; color:#fff; display:flex; flex-direction:column; height:150px; justify-content:center; left:50%; position:absolute; text-align:center; top:50%; transform:translate(-50%,-50%); width:150px; }.core-mark { border-radius:7px; font-size:19px; height:31px; width:31px; }.core strong { font-size:15px; margin-top:6px; }.core small { color:#a9c9fb; font-family:'DM Mono'; font-size:7px; letter-spacing:.4px; margin-top:3px; text-transform:uppercase; }.node { background:#fff; border:1px solid #d7e4f5; border-radius:12px; box-shadow:0 12px 26px #173c6a18; display:grid; grid-template-columns:25px auto; padding:11px; position:absolute; width:145px; z-index:1; }.node span { align-items:center; background:#e8f2ff; border-radius:7px; color:var(--blue); display:flex; font-size:15px; grid-row:span 2; height:25px; justify-content:center; width:25px; }.node b { color:#20375e; font-size:10px; }.node small { color:#71819a; font-size:7px; margin-top:2px; }.node-channel { left:-5px; top:52px; }.node-people { right:-7px; top:66px; }.node-systems { bottom:58px; left:0; }.node-process { bottom:40px; right:-2px; }.signal { background:#287cf0; border-radius:50%; box-shadow:0 0 0 5px #d9ebff; height:7px; position:absolute; width:7px; z-index:2; }.signal-one { left:33%; top:32%; }.signal-two { right:30%; top:37%; }.signal-three { bottom:28%; left:44%; }
.statement { background:#eff6ff; padding:106px 28px; text-align:center; }.statement .eyebrow { justify-content:center; }.statement h2 { font-size:clamp(34px,4vw,54px); margin:19px auto 22px; }.statement p:last-child { color:#576b89; font-size:15px; line-height:1.8; margin:0 auto; max-width:650px; }
.capabilities,.applications { margin:0 auto; max-width:1200px; padding:110px 28px; }.section-heading { display:flex; justify-content:space-between; }.section-heading h2,.architecture h2 { font-size:40px; margin-top:0; }.section-heading .eyebrow { align-self:flex-start; margin-top:13px; }.capability-grid { display:grid; gap:14px; grid-template-columns:repeat(3,1fr); margin-top:46px; }.capability-grid article { background:#fff; border:1px solid #e4ebf5; border-radius:14px; min-height:190px; padding:25px; transition:box-shadow .2s,transform .2s; }.capability-grid article:hover { box-shadow:0 16px 32px #153c7512; transform:translateY(-3px); }.capability-grid i { color:#4386e7; font-family:'DM Mono'; font-size:10px; font-style:normal; }.capability-grid h3,.application-grid h3 { color:#1c3159; font-size:16px; letter-spacing:-.5px; margin:27px 0 8px; }.capability-grid p,.application-grid p { color:#6c7c94; font-size:13px; line-height:1.7; margin:0; }
.architecture { background:#0b285b; color:#fff; padding:100px max(28px,calc((100vw - 1144px)/2)); }.architecture .eyebrow { color:#a9c2e8; }.architecture .eyebrow span { background:#75aefe; }.architecture h2 { color:#fff; max-width:700px; }.architecture h2 em { color:#8abafa; }.architecture-flow { align-items:center; display:flex; justify-content:center; margin:62px auto 0; max-width:760px; }.flow-side { display:flex; flex-direction:column; gap:8px; }.flow-side span { background:#153a78; border:1px solid #28508e; border-radius:7px; color:#c3d7f6; font-size:10px; padding:8px 13px; text-align:center; }.flow-line { background:linear-gradient(90deg,#4974b6,#82b0ed); height:1px; width:120px; }.flow-core { align-items:center; background:#2378e9; border:5px solid #6ea8f1; border-radius:50%; color:#fff; display:flex; flex-direction:column; font-size:23px; font-weight:800; height:92px; justify-content:center; margin:0 17px; width:92px; }.flow-core small { font-family:'DM Mono'; font-size:8px; font-weight:500; letter-spacing:1px; }
.applications { padding-bottom:118px; }.applications-intro { color:#65758e; font-size:15px; line-height:1.75; margin:25px 0 35px auto; max-width:500px; }.application-grid { display:grid; gap:16px; grid-template-columns:repeat(4,1fr); }.application-grid article { background:#fff; border-top:2px solid #8ab9f9; box-shadow:0 8px 23px #14386b0a; padding:25px; }.application-grid span { color:#2778e4; font-size:22px; }.application-grid h3 { margin-top:35px; }.cta { background:#e5f0ff; padding:102px 28px; text-align:center; }.cta .eyebrow { justify-content:center; }.cta h2 { font-size:46px; margin-bottom:12px; }.cta>p:not(.eyebrow) { color:#526782; margin:0 0 28px; }footer { align-items:center; display:flex; gap:28px; justify-content:space-between; margin:auto; max-width:1200px; padding:29px 28px; }footer .brand { font-size:17px; }footer .brand-mark { border-radius:7px; font-size:12px; height:25px; width:25px; }footer p,footer a { color:#75839a; font-size:11px; }footer div { display:flex; gap:18px; }
@media (max-width:760px) { .header { height:70px; padding:0 20px; }nav { display:none; }.hero { display:block; margin-top:0; padding:20px 22px 55px; }.hero-copy { padding-top:18px; }.hero h1 { font-size:43px; letter-spacing:-2.6px; }.hero-visual { margin:44px auto 0; min-height:375px; max-width:500px; }.orbit-one { height:280px; width:280px; }.orbit-two { height:365px; width:365px; }.node { transform:scale(.82); }.node-channel { left:-15px; top:20px; }.node-people { right:-17px; top:32px; }.node-systems { bottom:35px; left:-14px; }.node-process { bottom:22px; right:-14px; }.statement,.capabilities,.applications { padding:70px 22px; }.statement h2,.section-heading h2,.architecture h2,.cta h2 { font-size:34px; letter-spacing:-2px; }.section-heading { display:block; }.capability-grid { grid-template-columns:1fr; margin-top:30px; }.capability-grid article { min-height:auto; }.architecture { padding:70px 22px; }.architecture-flow { margin-top:40px; transform:scale(.8); transform-origin:center; width:125%; margin-left:-12.5%; }.applications-intro { margin:20px 0 30px; }.application-grid { grid-template-columns:1fr 1fr; }.cta { padding:70px 22px; }footer { align-items:flex-start; flex-direction:column; gap:16px; padding:28px 22px; }footer div { flex-wrap:wrap; gap:10px 16px; }.hero-actions { align-items:flex-start; flex-direction:column; gap:18px; } }
@media (max-width:390px) { .hero h1 { font-size:39px; }.hero-visual { min-height:340px; }.node { transform:scale(.7); }.node-channel { left:-28px; }.node-people { right:-29px; }.node-systems { left:-28px; }.node-process { right:-29px; }.architecture-flow { transform:scale(.67); width:149%; margin-left:-24.5%; }.application-grid { grid-template-columns:1fr; } }