:root { --navy:#07111f; --navy-2:#0c1b2c; --cyan:#2dd4d1; --cyan-soft:#a9f5ef; --ink:#102235; --muted:#5e7185; --line:#d9e3e9; --paper:#f4f8fa; --white:#fff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:82px; }
body { margin:0; color:var(--ink); background:#fff; font-family:Arial, Helvetica, sans-serif; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.site-header { height:82px; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(24px,5vw,86px); border-bottom:1px solid rgba(255,255,255,.12); background:rgba(7,17,31,.94); color:#fff; position:fixed; top:0; left:0; z-index:20; width:100%; backdrop-filter:blur(14px); box-shadow:0 8px 28px rgba(2,10,18,.16); }
.brand,.footer-brand { position:relative; display:block; width:250px; height:58px; overflow:hidden; }
.brand img,.footer-brand img { position:absolute; width:420px; max-width:none; height:420px; left:50%; top:50%; transform:translate(-50%,-50%); }
.footer-brand { width:230px; height:56px; }
.footer-brand img { width:380px; height:380px; }
nav { display:flex; align-items:center; gap:32px; font-size:14px; }
nav a { opacity:.78; transition:.2s ease; }
nav a:hover { opacity:1; }
.nav-cta { border:1px solid rgba(45,212,209,.6); border-radius:999px; padding:11px 18px; color:var(--cyan-soft); opacity:1; }
.hero { min-height:760px; padding:150px clamp(24px,5vw,86px) 76px; color:#fff; background:radial-gradient(circle at 78% 30%,rgba(30,199,196,.18),transparent 33%),linear-gradient(135deg,#07111f 0%,#091928 60%,#0d2537 100%); display:grid; grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr); gap:72px; align-items:center; overflow:hidden; }
.hero-copy { max-width:700px; }
.eyebrow { margin:0 0 18px; color:#0aa5a7; font:600 12px/1 var(--font-geist-mono), monospace; letter-spacing:.18em; text-transform:uppercase; }
.hero .eyebrow,.simulation .eyebrow,.contact .eyebrow { color:var(--cyan); }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(52px,6vw,86px); line-height:.98; letter-spacing:-.055em; font-weight:600; margin-bottom:28px; }
h2 { font-size:clamp(38px,4vw,60px); line-height:1.03; letter-spacing:-.045em; font-weight:600; margin-bottom:20px; }
h3 { font-size:22px; letter-spacing:-.025em; }
.hero-lede { max-width:630px; color:#b8c7d5; font-size:19px; line-height:1.65; }
.hero-actions { display:flex; gap:14px; margin:34px 0 54px; flex-wrap:wrap; }
.button { display:inline-flex; align-items:center; justify-content:center; border-radius:999px; padding:15px 24px; font-size:14px; font-weight:650; transition:transform .2s ease,background .2s ease; }
.button:hover { transform:translateY(-2px); }
.button-primary { background:var(--cyan); color:#052023; }
.button-secondary { border:1px solid #405468; color:#d5e2eb; }
.hero-proof { display:flex; align-items:center; gap:14px; color:#8ea3b5; font:500 11px/1 var(--font-geist-mono),monospace; text-transform:uppercase; letter-spacing:.12em; }
.hero-proof i { width:3px; height:3px; background:var(--cyan); border-radius:50%; }
.hero-visual { position:relative; border-radius:4px; }
.hero-visual:before { content:""; position:absolute; inset:-70px; background:radial-gradient(circle,rgba(45,212,209,.22),transparent 60%); filter:blur(24px); }
.hero-visual > img { position:relative; width:100%; height:auto; aspect-ratio:16/9; object-fit:contain; object-position:center center; border-radius:4px; box-shadow:0 34px 90px rgba(0,0,0,.5); }
.hero-status { position:absolute; z-index:2; left:-28px; bottom:34px; background:rgba(7,17,31,.9); border:1px solid rgba(126,240,234,.25); padding:16px 18px; display:flex; align-items:center; gap:12px; min-width:260px; backdrop-filter:blur(12px); }
.hero-status strong,.hero-status small { display:block; }.hero-status strong { font-size:13px; }.hero-status small { margin-top:4px; color:#8fa4b7; font-size:11px; }
.status-dot { width:9px; height:9px; border-radius:50%; background:var(--cyan); box-shadow:0 0 18px var(--cyan); }
.section { padding:110px clamp(24px,7vw,120px); scroll-margin-top:82px; }
.section-heading { max-width:760px; margin-bottom:54px; }.section-heading > p:last-child { color:var(--muted); font-size:18px; line-height:1.65; max-width:630px; }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.service-card { padding:34px 34px 40px 0; border-right:1px solid var(--line); margin-right:34px; }.service-card:last-child { border-right:0; margin-right:0; }
.service-card > span,.workflow-grid article span { color:#0aa5a7; font:600 12px/1 var(--font-geist-mono),monospace; }.service-card h3 { margin:34px 0 18px; font-size:25px; }.service-card p { color:var(--muted); line-height:1.7; }
.platform { background:var(--paper); display:grid; grid-template-columns:1.12fr .88fr; gap:90px; align-items:center; }
.platform-media { position:relative; }.platform-media > img { width:100%; height:auto; object-fit:contain; object-position:center center; box-shadow:0 26px 70px rgba(16,34,53,.14); }
.metric { position:absolute; background:#fff; box-shadow:0 15px 40px rgba(16,34,53,.14); padding:15px 18px; min-width:170px; }.metric strong,.metric span { display:block; }.metric strong { font-size:13px; }.metric span { font-size:11px; color:var(--muted); margin-top:5px; }.metric-one { top:30px; left:-28px; }.metric-two { right:-26px; bottom:32px; }
.platform-copy > p:not(.eyebrow):not(.disclaimer),.simulation-copy > p:not(.eyebrow) { color:var(--muted); font-size:17px; line-height:1.7; }
.capability-list { list-style:none; padding:0; margin:30px 0; display:grid; grid-template-columns:1fr 1fr; gap:0 24px; border-top:1px solid var(--line); }
.capability-list li { padding:14px 0 14px 18px; border-bottom:1px solid var(--line); font-size:13px; position:relative; }.capability-list li:before { content:""; width:6px; height:6px; border:1px solid #0aa5a7; position:absolute; left:0; top:19px; }
.disclaimer { font-size:11px; color:#7d8d9b; line-height:1.5; }
.simulation { color:#fff; background:var(--navy); display:grid; grid-template-columns:.72fr 1.28fr; gap:70px; align-items:center; }
.simulation-copy p { color:#a7b8c7!important; }.tag-row { display:flex; gap:8px; flex-wrap:wrap; margin-top:30px; }.tag-row span { border:1px solid #31475a; border-radius:999px; padding:9px 12px; color:#afc6d6; font-size:11px; }
.simulation-visual { margin:0; }.simulation-visual img { width:100%; box-shadow:0 32px 80px rgba(0,0,0,.42); }.simulation-visual figcaption { color:#678095; font-size:10px; margin-top:12px; }
.compact { margin-bottom:42px; }.workflow-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }.workflow-grid article { background:var(--paper); }.workflow-grid img { width:100%; height:240px; object-fit:cover; }.workflow-grid article div { padding:28px; }.workflow-grid h3 { margin:18px 0 12px; }.workflow-grid p { color:var(--muted); line-height:1.65; font-size:14px; }
.demo { background:#ecf3f6; }.demo-heading { display:grid; grid-template-columns:1.1fr .9fr; gap:60px; align-items:end; margin-bottom:42px; }.demo-heading > p { color:var(--muted); line-height:1.7; }.youtube-video { width:100%; aspect-ratio:16/9; overflow:hidden; background:#000; box-shadow:0 30px 70px rgba(7,17,31,.18); }.youtube-video iframe { display:block; width:100%; height:100%; border:0; transform:scaleX(1.008); transform-origin:center; }
.contact { background:linear-gradient(115deg,#0aa5a7,#137d89); color:#fff; display:grid; grid-template-columns:.9fr 1.1fr; gap:90px; align-items:center; }.contact h2 { max-width:650px; }.contact-direct { color:#d2f5f2; line-height:1.7; }.contact-direct a { color:#fff; text-decoration:underline; text-underline-offset:4px; }.button-light { background:#fff; color:#075e65; }.contact-form { display:grid; gap:17px; padding:32px; background:rgba(5,49,57,.3); border:1px solid rgba(255,255,255,.22); border-radius:6px; backdrop-filter:blur(8px); }.contact-form label { display:grid; gap:8px; color:#e9fffd; font-size:12px; font-weight:650; letter-spacing:.04em; }.contact-form input,.contact-form textarea { width:100%; border:1px solid rgba(255,255,255,.28); border-radius:4px; background:rgba(4,38,45,.42); color:#fff; padding:13px 14px; font:inherit; outline:none; }.contact-form input:focus,.contact-form textarea:focus { border-color:#fff; box-shadow:0 0 0 3px rgba(255,255,255,.12); }.contact-form textarea { resize:vertical; min-height:130px; }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.form-honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }.contact-form .button-light { border:0; cursor:pointer; justify-self:start; margin-top:2px; }.contact-form .button-light:disabled { opacity:.65; cursor:wait; }.form-status { min-height:20px; margin:0; color:#eafffd; font-size:13px; line-height:1.5; }.form-status.error { color:#ffe0df; }
footer { background:#050d17; color:#72879a; padding:40px clamp(24px,7vw,120px); display:grid; grid-template-columns:1fr auto auto; gap:40px; align-items:center; font-size:11px; }footer p { margin:0; color:#b4c4cf; }footer span { text-align:right; }
@media (max-width:1000px) { nav a:not(.nav-cta){display:none}.hero{grid-template-columns:1fr;padding-top:130px}.platform,.simulation{grid-template-columns:1fr}.platform-copy{order:-1}.service-grid,.workflow-grid{grid-template-columns:1fr}.service-card{border-right:0;border-bottom:1px solid var(--line);margin-right:0}.demo-heading,.contact{grid-template-columns:1fr}.contact{gap:30px}footer{grid-template-columns:1fr;gap:14px}footer span{text-align:left} }
@media (max-width:620px) { html{scroll-padding-top:70px}.site-header{height:70px}.brand{width:188px;height:48px}.brand img{width:330px;height:330px}.nav-cta{padding:10px 13px}.hero{padding-top:115px;min-height:auto}.hero-status{position:relative;left:auto;bottom:auto;margin-top:12px;width:100%;min-width:0}.hero-proof{gap:8px;flex-wrap:wrap}.section{padding-top:76px;padding-bottom:76px;scroll-margin-top:70px}.capability-list{grid-template-columns:1fr}.metric{position:static;display:inline-block;margin-top:10px}.simulation{gap:36px}.workflow-grid img{height:220px}.form-row{grid-template-columns:1fr}.contact-form{padding:22px} }
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}