:root{
  --navy:#061e3c;
  --deep:#06131d;
  --ink:#0b1014;
  --card:#10161a;
  --card-2:#141a20;
  --brown:#3a1f05;
  --amber:#ffb31a;
  --orange:#ff6435;
  --blue:#0b66ff;
  --violet:#7b4dff;
  --muted:#aab6c8;
  --text:#f4f7fb;
  --line:rgba(255,255,255,.12);
  --shadow:0 30px 90px rgba(0,0,0,.38);
  --radius:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:var(--deep);
  line-height:1.6;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,select,textarea{font:inherit}
.skip-link{position:absolute;left:-999px;top:1rem;background:#fff;color:#000;padding:.7rem 1rem;border-radius:.75rem;z-index:9999}
.skip-link:focus{left:1rem}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.container{width:min(1120px,calc(100% - 40px));margin-inline:auto}
.centered{text-align:center;max-width:820px;margin-inline:auto}

.top-strip{
  min-height:38px;
  padding:6px 14px;
  background:#c50e14;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:16px;
  font-size:13px;
  font-weight:700;
  text-align:center;
}
.top-strip p{margin:0}
.top-strip a{
  background:#251300;
  color:#fff;
  padding:5px 13px;
  border-radius:999px;
  font-size:12px;
  white-space:nowrap;
}
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(3,18,34,.88);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.nav{
  width:min(1120px,calc(100% - 40px));
  margin-inline:auto;
  min-height:78px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.brand img{width:258px;height:auto}
.nav-menu{display:flex;align-items:center;gap:24px;font-weight:750;font-size:14px;color:#dce7f7}
.nav-menu a{opacity:.86;transition:.25s ease}
.nav-menu a:hover{opacity:1;color:var(--amber)}
.nav-cta{background:linear-gradient(135deg,var(--orange),#c7151b);padding:11px 17px;border-radius:999px;box-shadow:0 14px 30px rgba(255,86,54,.18);opacity:1!important;color:white!important}
.nav-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer}
.nav-toggle span:not(.sr-only){display:block;width:28px;height:3px;background:white;border-radius:20px;margin:5px 0}

.hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 80% 26%,rgba(11,102,255,.16),transparent 28%),
    radial-gradient(circle at 18% 25%,rgba(255,179,26,.12),transparent 20%),
    linear-gradient(180deg,#06264d 0%,#061f3e 58%,#111617 58%,#111617 100%);
  padding:78px 0 56px;
}
.hero-ambient::before,.hero-ambient::after{
  content:"";
  position:absolute;
  border-radius:50%;
  pointer-events:none;
}
.hero-ambient::before{width:420px;height:420px;right:9%;top:34%;border:80px solid rgba(8,53,97,.36)}
.hero-ambient::after{width:130px;height:130px;left:15%;top:120px;background:linear-gradient(145deg,#ffb31a,#ff463d 58%,#0b66ff);clip-path:polygon(0 0,100% 44%,23% 100%);border-radius:0;transform:rotate(-9deg);filter:drop-shadow(0 22px 28px rgba(255,74,49,.2))}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);gap:58px;align-items:center;z-index:2}
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#9fc2ff;font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-size:12px;margin-bottom:18px}
.eyebrow::before{content:"";width:34px;height:2px;background:linear-gradient(90deg,var(--amber),var(--orange));border-radius:30px}
.eyebrow.amber{color:#ffc963}.eyebrow.blue{color:#9fc2ff}
h1,h2,h3{font-family:"Space Grotesk",Inter,sans-serif;line-height:1.03;margin:0;color:#f8fbff;letter-spacing:-.04em}
h1{font-size:clamp(46px,6vw,82px);max-width:760px}
h1 span,h2 span{color:var(--amber)}
h2{font-size:clamp(34px,4vw,56px)}
h3{font-size:26px}
p{color:#c5cedc}
.lead{font-size:19px;max-width:720px;margin:24px 0 30px;color:#d9e3f1}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:14px 22px;font-weight:900;letter-spacing:-.01em;cursor:pointer;transition:.25s ease}
.btn.primary{background:linear-gradient(135deg,var(--amber),var(--orange));color:#160d00;box-shadow:0 20px 50px rgba(255,142,30,.28)}
.btn.primary:hover{transform:translateY(-2px);box-shadow:0 26px 60px rgba(255,142,30,.38)}
.btn.ghost{background:rgba(255,255,255,.08);border:1px solid var(--line);color:#fff}
.btn.ghost:hover{background:rgba(255,255,255,.14)}
.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:680px;margin-top:34px}
.trust-row div{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:18px;padding:16px}
.trust-row strong{display:block;font-size:24px;color:#fff;line-height:1}
.trust-row span{font-size:12px;color:#aebed5;font-weight:800;text-transform:uppercase;letter-spacing:.08em}

.hero-panel{
  position:relative;
  min-height:530px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:34px;
  padding:22px;
  background:
    linear-gradient(180deg,rgba(6,30,60,.76),rgba(7,15,22,.9)),
    url('../assets/blueprint-hero.png') center/cover;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.panel-topline{display:flex;align-items:center;gap:7px;position:relative;z-index:2}
.panel-topline span{width:10px;height:10px;border-radius:50%;background:#ff6251}.panel-topline span:nth-child(2){background:#ffc24b}.panel-topline span:nth-child(3){background:#45d483}.panel-topline p{margin:0 0 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:#d6e8ff}
.triangle-mark{position:absolute;right:55px;top:78px;width:142px;height:142px;background:linear-gradient(145deg,var(--amber),var(--orange) 55%,var(--blue));clip-path:polygon(0 0,100% 45%,25% 100%);filter:drop-shadow(0 20px 28px rgba(255,117,44,.22))}
.glass{background:rgba(10,19,28,.7);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);box-shadow:0 18px 45px rgba(0,0,0,.26)}
.metrics-card{position:absolute;width:275px;padding:20px;border-radius:22px}
.metrics-card small{color:var(--amber);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.metrics-card strong{display:block;font-size:21px;margin:7px 0 8px;color:#fff}
.metrics-card p{font-size:14px;margin:0;color:#bac8da}
.metrics-card.one{left:28px;top:160px}.metrics-card.two{right:28px;top:245px}.metrics-card.three{left:62px;bottom:46px}

.demo-rail{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:70px}
.demo-card{min-height:230px;border-radius:24px;padding:24px;position:relative;overflow:hidden;background:#12191b;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 55px rgba(0,0,0,.28)}
.demo-card::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,15,26,.22),rgba(4,15,26,.94)),var(--img) center/cover;transition:.35s ease}
.demo-card:hover::before{transform:scale(1.06)}
.demo-card span,.demo-card h3,.demo-card p{position:relative;z-index:2}
.demo-card span{color:var(--amber);font-weight:900;letter-spacing:.12em}
.demo-card h3{margin-top:74px;font-size:25px}
.demo-card p{margin-bottom:0;font-size:14px;color:#cbd4e2}

.operating,.systems{background:linear-gradient(180deg,#3b1f05,#351c04);padding:90px 0}
.centered p{max-width:740px;margin:16px auto 0}
.split-block{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:stretch;margin-top:46px}
.feature-copy{background:rgba(9,15,18,.66);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius);padding:34px;box-shadow:var(--shadow)}
.feature-copy h3{font-size:32px}.feature-copy p{margin-bottom:0}
.power-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.power-grid div{background:#10171a;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between}
.power-grid b{font-size:14px;color:#4ea1ff}.power-grid span{font-size:18px;font-weight:900;color:#fff;line-height:1.25}

.services{padding:94px 0;background:#111617}
.service-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px}
.service-card{background:linear-gradient(180deg,#161d23,#101519);border:1px solid rgba(255,255,255,.09);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}
.service-card::after{content:"";position:absolute;inset:auto -20% -45% -20%;height:180px;background:radial-gradient(circle,rgba(11,102,255,.18),transparent 65%);pointer-events:none}
.icon-box{width:54px;height:54px;border-radius:17px;background:rgba(11,102,255,.12);border:1px solid rgba(80,154,255,.25);display:grid;place-items:center;margin-bottom:24px}
.icon-box svg{width:28px;height:28px;fill:none;stroke:#4b9cff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.service-card h3{font-size:27px}.service-card p{font-size:15px}.service-card ul{padding-left:19px;color:#dbe7f6;font-weight:700;font-size:14px;margin:18px 0 0}.service-card li{margin:7px 0}

.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:45px}
.capability-card{min-height:120px;background:#10171a;border:1px solid rgba(255,255,255,.08);border-radius:18px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;padding:16px;transition:.25s ease}
.capability-card:hover{transform:translateY(-4px);border-color:rgba(255,179,26,.45)}
.capability-card span{font-size:26px;color:#277dff}.capability-card b{font-size:14px;color:#fff}

.contact-policy{background:linear-gradient(180deg,#111617 0%,#071d3a 72%,#06131d 100%);padding:96px 0 58px}
.contact-grid{display:grid;grid-template-columns:1fr 430px;gap:44px;align-items:start}
.vision{font-size:20px;color:#f2f6ff;font-weight:650}
.contact-list{display:grid;gap:12px;margin-top:26px}
.contact-list a,.contact-list p{margin:0;padding:17px 18px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;font-weight:800}
.contact-list span{display:block;color:#8eb9ff;text-transform:uppercase;letter-spacing:.12em;font-size:11px;margin-bottom:4px}
.contact-form{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:30px;padding:28px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.contact-form h3{font-size:27px;margin-bottom:20px}
.contact-form label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:#b8cae1;font-weight:900;margin:14px 0 7px}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;background:#081524;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:13px 14px;outline:none}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:rgba(255,179,26,.72);box-shadow:0 0 0 4px rgba(255,179,26,.11)}
.contact-form button{width:100%;margin-top:18px}
.policies{margin-top:90px}
.policy-tabs{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:34px 0 20px}
.tab{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.06);color:#dce7f8;padding:12px 17px;border-radius:999px;font-weight:900;cursor:pointer}
.tab.active{background:linear-gradient(135deg,var(--amber),var(--orange));color:#1c0d00;border-color:transparent}
.policy-panels{max-width:940px;margin-inline:auto;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:26px;padding:30px;box-shadow:var(--shadow)}
.policy-panel h3{margin-bottom:12px}.policy-panel p:last-child{margin-bottom:0}
.footer{background:#06131d;border-top:1px solid rgba(255,255,255,.08);padding:40px 0 25px}
.footer-grid{display:grid;grid-template-columns:260px 1fr auto;gap:28px;align-items:center}
.footer-brand img{width:240px}.footer p{margin:0;color:#9dadc2}.footer-links{display:flex;gap:16px;flex-wrap:wrap;font-weight:800}.footer-links a{color:#cdd9e9}.footer-links a:hover{color:var(--amber)}.copyright{text-align:center;margin-top:28px!important;font-size:13px}

.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}

@media (max-width: 980px){
  .brand img{width:220px}.nav-toggle{display:block}.nav-menu{position:absolute;left:20px;right:20px;top:82px;display:none;flex-direction:column;align-items:stretch;padding:18px;background:rgba(7,19,32,.98);border:1px solid rgba(255,255,255,.1);border-radius:22px;box-shadow:var(--shadow)}.nav-menu.open{display:flex}.nav-menu a{padding:10px 8px}.nav-cta{text-align:center}
  .hero-grid,.split-block,.contact-grid{grid-template-columns:1fr}.hero{padding-top:54px}.hero-panel{min-height:460px}.metrics-card{position:relative;inset:auto!important;width:auto;margin-top:18px}.triangle-mark{opacity:.45}.trust-row,.demo-rail,.service-cards{grid-template-columns:1fr}.capability-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;text-align:center}.footer-brand img{margin:auto}.footer-links{justify-content:center}
}
@media (max-width: 560px){
  .container,.nav{width:min(100% - 28px,1120px)}.top-strip{font-size:11px;gap:8px}.top-strip a{display:none}.brand img{width:198px}.nav{min-height:70px}h1{font-size:42px}.lead{font-size:17px}.hero-actions .btn{width:100%}.trust-row{grid-template-columns:1fr}.hero-panel{padding:16px;border-radius:24px}.operating,.services,.systems,.contact-policy{padding:68px 0}.service-card,.feature-copy,.contact-form,.policy-panels{padding:22px}.power-grid,.capability-grid{grid-template-columns:1fr}.contact-list a,.contact-list p{word-break:break-word}.footer-brand img{width:220px}
}