:root { --ink:#070706; --panel:#0d0d0b; --line:rgba(214,173,69,.2); --gold:#d6ad45; --pale:#fff8df; --muted:#9a978e; --white:#f4f1e9; }
* { box-sizing:border-box; }
.skip-link { position:absolute; left:-9999px; top:10px; background:var(--gold); color:#0b0b09; padding:10px 14px; border-radius:8px; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; z-index:999; }
.skip-link:focus { left:16px; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--white); background:var(--ink); font-family:Inter, ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
a { color:inherit; text-decoration:none; }
.page-grid { position:fixed; inset:0; pointer-events:none; z-index:-1; background-image:linear-gradient(rgba(214,173,69,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(214,173,69,.035) 1px,transparent 1px); background-size:48px 48px; -webkit-mask-image:linear-gradient(#000 0%,transparent 82%); mask-image:linear-gradient(#000 0%,transparent 82%); }
.container { width:min(1160px,calc(100% - 48px)); margin:auto; }
.site-header { height:86px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:relative; }
.menu-toggle { display:none; width:40px; height:40px; border:1px solid rgba(214,173,69,.35); background:transparent; color:var(--gold); font-size:18px; border-radius:8px; place-items:center; cursor:pointer; }
.brand { display:inline-flex; align-items:baseline; font-weight:650; letter-spacing:.22em; font-size:21px; }.brand span { color:var(--pale); }.brand b { color:var(--gold); font-size:28px; line-height:0; }
#primary-nav { display:flex; gap:32px; margin-left:120px; } nav a,.header-action { color:#b0aca1; font-size:11px; letter-spacing:.15em; text-transform:uppercase; transition:color .2s; } nav a:hover,.header-action:hover { color:var(--gold); }.header-action span { color:var(--gold); font-size:16px; margin-left:8px; }
.hero { min-height:590px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:28px; }.eyebrow { color:var(--gold); font-size:10px; font-weight:700; letter-spacing:.25em; margin:0 0 20px; }.eyebrow i { display:inline-block; width:24px; height:1px; vertical-align:middle; background:var(--gold); margin-right:10px; }
h1,h2,h3,p { margin-top:0; } h1,h2 { font-size:clamp(38px,5vw,68px); font-weight:560; letter-spacing:-.055em; line-height:1.05; margin-bottom:26px; } h1 em,h2 em { color:var(--gold); font-style:normal; } .hero-description { max-width:455px; color:var(--muted); font-size:16px; line-height:1.75; }
.hero-actions { display:flex; gap:22px; align-items:center; margin-top:35px; }.button { display:inline-flex; align-items:center; gap:22px; font-size:11px; text-transform:uppercase; letter-spacing:.14em; padding:15px 19px; transition:.2s; }.button-primary { color:#0b0b09; background:var(--gold); font-weight:700; }.button-primary:hover { background:#efd171; transform:translateY(-2px); }.button-quiet { color:#bbb6aa; border-bottom:1px solid #575248; padding-inline:0; }.button-quiet:hover { color:var(--gold); }
.system-map { height:380px; position:relative; isolation:isolate; }.map-orbit { position:absolute; border:1px solid rgba(214,173,69,.2); border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%); }.orbit-one { width:285px; height:285px; }.orbit-two { width:370px; height:370px; border-style:dashed; border-color:rgba(214,173,69,.12); }.map-center { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:116px; height:116px; border:1px solid var(--gold); background:#12110d; border-radius:50%; display:flex; flex-direction:column; justify-content:center; align-items:center; box-shadow:0 0 0 12px rgba(214,173,69,.04),0 0 45px rgba(214,173,69,.12); }.map-center span { letter-spacing:.18em; font-size:21px; color:var(--pale); }.map-center small,.map-node small { color:var(--gold); font-size:8px; letter-spacing:.12em; margin-top:5px; }.map-node { position:absolute; z-index:1; display:flex; flex-direction:column; align-items:center; min-width:74px; }.map-node:after { content:""; position:absolute; width:38px; height:1px; background:linear-gradient(90deg,transparent,var(--gold)); transform-origin:left; z-index:-1; opacity:.5; }.map-node b { font-size:9px; letter-spacing:.12em; color:#ded9ce; }.node-icon,.card-symbol { color:var(--gold); font-size:25px; line-height:1; margin-bottom:8px; }.node-hub { left:6%; top:15%; }.node-hub:after { left:68px; top:53px; transform:rotate(28deg); }.node-core { right:4%; top:22%; }.node-core:after { right:67px; top:55px; transform:rotate(151deg); }.node-fleet { left:25%; bottom:0; }.node-fleet:after { left:63px; top:-12px; transform:rotate(-38deg); }
.numbers { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); background:rgba(13,13,11,.72); }.numbers div { min-height:100px; display:flex; align-items:center; gap:16px; padding:20px 28px; border-right:1px solid var(--line); }.numbers div:last-child { border:0; }.numbers strong { color:var(--gold); font-size:24px; font-weight:450; }.numbers span { color:#aaa69c; font-size:10px; line-height:1.45; text-transform:uppercase; letter-spacing:.12em; }
.solutions { padding:140px 0 130px; }.section-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:42px; margin-bottom:44px; }.section-heading h2 { font-size:48px; margin:0; }.section-heading > p { color:var(--muted); max-width:330px; line-height:1.7; font-size:14px; margin:0 0 7px; }.solution-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }.solution-card { min-height:350px; display:flex; flex-direction:column; background:rgba(15,15,13,.92); border:1px solid rgba(214,173,69,.15); padding:22px; transition:transform .25s,border-color .25s,background .25s; }.solution-card:hover { transform:translateY(-6px); border-color:rgba(214,173,69,.65); background:#11110e; }.solution-card.featured { border-color:rgba(214,173,69,.45); background:linear-gradient(155deg,rgba(214,173,69,.1),rgba(15,15,13,.95) 60%); }.card-top { display:flex; justify-content:space-between; align-items:center; }.card-index { color:#666157; font-size:10px; letter-spacing:.14em; }.status { padding:5px 7px; font-size:8px; letter-spacing:.12em; }.online { color:var(--gold); background:rgba(214,173,69,.1); }.offline { color:#e05a4f; background:rgba(224,90,79,.12); border:1px solid rgba(224,90,79,.35); }.card-symbol { margin-top:52px; font-size:38px; }.solution-card h3 { font-size:20px; letter-spacing:.13em; font-weight:560; margin-bottom:14px; }.solution-card h3 span { color:var(--gold); }.solution-card p { color:#969187; font-size:13px; line-height:1.65; margin-bottom:25px; }.solution-card a,.card-disabled { display:flex; justify-content:space-between; margin-top:auto; border-top:1px solid rgba(214,173,69,.15); padding-top:16px; color:#d2cdc1; font-size:10px; letter-spacing:.12em; text-transform:uppercase; }.solution-card a:hover { color:var(--gold); }.solution-card a span,.card-disabled span { color:var(--gold); font-size:14px; }.card-disabled { color:#666158; }.api-card .card-symbol { font-size:34px; }
.pricing { padding:0 0 130px; }.pricing-heading { border-top:1px solid var(--line); padding-top:122px; }.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; align-items:stretch; }.price-card { position:relative; min-height:450px; display:flex; flex-direction:column; padding:30px; border:1px solid rgba(214,173,69,.18); background:rgba(13,13,11,.9); }.price-card-featured { background:linear-gradient(155deg,rgba(214,173,69,.15),rgba(16,15,11,.96) 55%); border-color:rgba(214,173,69,.65); box-shadow:0 18px 40px rgba(0,0,0,.2); }.recommended { position:absolute; top:-12px; right:22px; padding:6px 9px; background:var(--gold); color:#15130d; font-size:8px; font-weight:800; letter-spacing:.12em; }.price-label { color:var(--gold); font-size:9px; font-weight:700; letter-spacing:.16em; margin-bottom:21px; }.price-card h3 { color:#e9e5dc; font-size:23px; font-weight:520; line-height:1.22; letter-spacing:-.035em; margin-bottom:27px; }.price { margin:0; color:var(--pale); font-size:42px; font-weight:540; letter-spacing:-.05em; }.price small { color:var(--gold); font-size:15px; letter-spacing:0; }.price span { color:#9c988e; font-size:12px; font-weight:400; letter-spacing:0; }.price-note { min-height:37px; margin:9px 0 20px; color:#aaa59a; font-size:11px; line-height:1.5; }.price-card ul { list-style:none; padding:18px 0 0; margin:0 0 25px; border-top:1px solid rgba(214,173,69,.16); }.price-card li { color:#b2ada1; font-size:12px; padding:7px 0; }.price-card li::before { content:'·'; color:var(--gold); font-size:18px; line-height:0; margin-right:9px; }.price-action { display:flex; justify-content:space-between; align-items:center; margin-top:auto; padding:14px 0; border-top:1px solid rgba(214,173,69,.26); color:#e0d9ca; font-size:10px; letter-spacing:.13em; text-transform:uppercase; }.price-action:hover { color:var(--gold); }.price-action span { color:var(--gold); font-size:15px; }.pricing-footnote { display:flex; justify-content:space-between; gap:25px; padding-top:18px; color:#6f6a60; font-size:9px; line-height:1.55; }.pricing-footnote span { max-width:48%; }
.integration { border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; padding:88px 8%; gap:80px; background:linear-gradient(90deg,rgba(214,173,69,.06),transparent); }.integration h2 { font-size:43px; margin:0; }.integration-detail { padding-top:27px; }.integration-detail > p { color:#b0aca1; line-height:1.8; font-size:15px; }.integration-points { margin-top:31px; display:grid; gap:13px; }.integration-points span { color:#a8a398; font-size:11px; letter-spacing:.08em; }.integration-points b { color:var(--gold); margin-right:10px; }
.contact { display:grid; grid-template-columns:1.1fr .9fr; gap:80px; padding:120px 8%; align-items:center; }.contact-intro h2 { font-size:48px; margin-bottom:20px; }.contact-intro > p:last-child { max-width:475px; color:#aaa69c; font-size:15px; line-height:1.75; }.contact-card { padding:33px; border:1px solid rgba(214,173,69,.4); background:linear-gradient(145deg,rgba(214,173,69,.1),rgba(15,15,13,.95) 62%); }.contact-kicker { display:block; color:var(--gold); font-size:8px; font-weight:700; letter-spacing:.14em; }.contact-card h3 { margin:17px 0 26px; color:#f2eee5; font-size:30px; font-weight:520; letter-spacing:-.035em; }.contact-link { display:flex; align-items:center; gap:12px; padding:14px 0; border-top:1px solid rgba(214,173,69,.18); color:#c9c3b7; font-size:13px; transition:color .2s; }.contact-link:hover { color:var(--gold); }.contact-link span { display:grid; place-items:center; width:22px; height:22px; border:1px solid rgba(214,173,69,.45); border-radius:50%; color:var(--gold); font-size:9px; font-weight:700; }.contact-link b { margin-left:auto; color:var(--gold); font-size:15px; font-weight:400; }.contact-button { display:flex; justify-content:space-between; margin-top:27px; padding:15px 17px; color:#12110c; background:var(--gold); font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; transition:.2s; }.contact-button:hover { background:#efd171; transform:translateY(-2px); }
.site-footer { min-height:110px; display:flex; align-items:center; justify-content:space-between; color:#a8a398; font-size:9px; letter-spacing:.13em; } .site-footer a { color:#e0d9ca; } .site-footer a:hover { color:var(--gold); }.site-footer p { margin:0; }.site-footer .brand { font-size:16px; }
.demo-access { margin-top:26px; padding:30px; border:1px solid rgba(214,173,69,.35); background:linear-gradient(150deg,rgba(214,173,69,.09),rgba(15,15,13,.96) 55%); }.demo-access-head { display:flex; align-items:center; gap:18px; }.demo-access-icon { display:grid; place-items:center; width:44px; height:44px; border:1px solid rgba(214,173,69,.5); border-radius:50%; color:var(--gold); font-size:17px; flex:none; }.demo-access-head .eyebrow { margin-bottom:8px; }.demo-access-head h3 { margin:0; color:#ece7dc; font-size:22px; font-weight:520; letter-spacing:-.03em; }.demo-access-head h3 em { color:var(--gold); font-style:normal; }.demo-access-note { margin:18px 0 0; color:#b7b2a6; font-size:13px; line-height:1.7; max-width:640px; }.demo-access-creds { display:flex; gap:20px; flex-wrap:wrap; margin-top:18px; }.demo-access-creds span { padding:13px 18px; border:1px solid rgba(214,173,69,.45); background:rgba(0,0,0,.25); color:#8f8a80; font-size:10px; letter-spacing:.12em; text-transform:uppercase; display:flex; align-items:center; gap:10px; }.demo-access-creds b { color:var(--gold); font-size:13px; letter-spacing:.04em; text-transform:none; }.demo-access-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:20px; border-top:1px solid rgba(214,173,69,.18); padding-top:20px; }.demo-access-links a { padding:9px 14px; border:1px solid rgba(214,173,69,.25); color:#dcd6c9; font-size:10px; letter-spacing:.1em; text-transform:uppercase; transition:.2s; }.demo-access-links a:hover { background:var(--gold); color:#12110c; border-color:var(--gold); }
@media (max-width:800px) { .container { width:min(100% - 36px,640px); }.site-header { height:70px; } #primary-nav { display:none; position:absolute; top:70px; left:0; right:0; background:#0d0d0b; border:1px solid rgba(214,173,69,.2); border-top:1px solid var(--line); padding:16px 20px; flex-direction:column; gap:0; margin:0; z-index:30; }
#primary-nav.is-open { display:flex; }
#primary-nav a { padding:14px 6px; border-bottom:1px solid rgba(214,173,69,.08); font-size:11px; }
#primary-nav a:last-child { border-bottom:0; }
.menu-toggle { display:grid; }
.header-action { font-size:9px; }.hero { grid-template-columns:1fr; padding:78px 0 45px; }.system-map { height:300px; max-width:400px; width:100%; margin:auto; transform:scale(.85); }.numbers { grid-template-columns:repeat(2,1fr); }.numbers div:nth-child(2) { border-right:0; }.numbers div:nth-child(-n+2) { border-bottom:1px solid var(--line); }.solutions { padding:90px 0; }.section-heading { display:block; }.section-heading > p { margin-top:22px; }.solution-grid { grid-template-columns:repeat(2,1fr); }.pricing { padding-bottom:90px; }.pricing-heading { padding-top:90px; }.pricing-grid { grid-template-columns:1fr; }.price-card { min-height:0; }.pricing-footnote { display:block; }.pricing-footnote span { display:block; max-width:none; }.pricing-footnote span + span { margin-top:8px; }.integration { grid-template-columns:1fr; gap:0; padding:60px 30px; }.contact { grid-template-columns:1fr; gap:30px; padding:80px 30px; }.contact-intro h2 { font-size:42px; }.site-footer { flex-wrap:wrap; gap:15px; padding:25px 0; }.site-footer p { order:3; width:100%; }.demo-access { padding:22px; }.demo-access-head { flex-direction:column; align-items:flex-start; gap:12px; } }
@media (max-width:480px) { h1 { font-size:42px; }.hero-description { font-size:14px; }.hero-actions { gap:16px; flex-wrap:wrap; }.system-map { transform:scale(.7); margin:-30px auto; }.numbers div { padding:17px; }.solution-grid { grid-template-columns:1fr; }.solution-card { min-height:290px; }.card-symbol { margin-top:32px; }.section-heading h2 { font-size:39px; }.site-footer { font-size:8px; } }