/* ============================================================
   SANTA AERO DEFENCE — site stylesheet
   hand-written. industrial / engineering-document aesthetic.
   fonts: Archivo (display) + Spline Sans (body) + Spline Sans Mono
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Saira:wght@500;600;700;800;900&family=Spline+Sans:wght@300;400;500;600;700&family=Spline+Sans+Mono:wght@400;500&display=swap');

:root{
  --ink:#030816;       /* body base — requested */
  --ink2:#071122;      /* section alt */
  --ink3:#0c1a30;      /* elevated / hover */
  --line:#13243d;
  --line2:#1d3756;
  --paper:#eaf2fb;
  --paper-dim:#9fb4cc;
  --paper-faint:#5d728c;
  --steel:#7d93ad;
  --rust:#1f9bff;      /* PRIMARY ACCENT — brand blue from logo */
  --rust-d:#006ed4;    /* deep brand blue */
  --olive:#3ad9fe;     /* secondary — electric cyan-blue glow */
  --signal:#75f9fe;    /* brightest logo glow */
  --warn:#3ad9fe;
  --maxw:1200px;
  --fd:'Archivo',sans-serif;
  --fb:'Spline Sans',sans-serif;
  --fm:'Spline Sans Mono',monospace;
  --fbrand:'Saira',sans-serif;   /* stylish brand wordmark */
}

*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  background:#030816;
  color:var(--paper-dim);
  font-family:var(--fb);
  font-size:16px;
  line-height:1.65;
  font-weight:300;
  overflow-x:hidden;
}
::selection{background:var(--rust);color:#fff;}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}

/* ---- scrollbar ---- */
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:var(--ink);}
::-webkit-scrollbar-thumb{background:var(--line2);border:2px solid var(--ink);}
::-webkit-scrollbar-thumb:hover{background:var(--rust-d);}

/* ============ TYPE HELPERS ============ */
.mono{font-family:var(--fm);}
.up{text-transform:uppercase;letter-spacing:.14em;}
.dim{color:var(--paper-faint);}

h1,h2,h3,h4{font-family:var(--fd);color:var(--paper);font-weight:800;line-height:1.02;letter-spacing:-.01em;}

/* ============ WRAP ============ */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}

/* ============ TOP STRIP (the thin status bar) ============ */
.topstrip{
  background:var(--ink2);
  border-bottom:1px solid var(--line);
  font-family:var(--fm);
  font-size:11px;
  color:var(--paper-faint);
  letter-spacing:.06em;
}
.topstrip .wrap{display:flex;justify-content:space-between;align-items:center;height:32px;}
.topstrip .ts-left span{color:var(--signal);}
.topstrip .ts-right{display:flex;gap:20px;}
.topstrip .ts-right b{color:var(--steel);font-weight:500;}
.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--olive);margin-right:6px;box-shadow:0 0 6px var(--olive);animation:blink 2.4s infinite;vertical-align:middle;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}

/* ============ NAV ============ */
header.nav{
  position:sticky;top:0;z-index:500;
  background:rgba(3,8,22,.95);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(12px);
}
/* page fade-in for a persistent-shell feel across pages */
.page-main{animation:pagefade .4s ease both;}
@keyframes pagefade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:104px;position:relative;gap:18px;max-width:100%;padding:0 40px;}
.brand{display:flex;align-items:center;gap:18px;flex-shrink:0;margin-right:auto;}
.brand img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 0 16px rgba(58,217,254,.4));}
.brand .bt1{font-family:var(--fbrand);font-weight:800;font-size:24px;color:var(--paper);letter-spacing:.05em;line-height:1;text-transform:uppercase;}
.brand .bt1 span{color:var(--rust);}
.brand .bt2{font-family:var(--fm);font-size:10px;color:var(--paper-faint);letter-spacing:.16em;margin-top:5px;text-transform:uppercase;}
nav.links{display:flex;gap:2px;align-items:center;}
nav.links a{white-space:nowrap;}
nav.links > a, nav.links .dd > a{
  font-family:var(--fm);font-size:12px;letter-spacing:.06em;color:var(--paper-dim);
  padding:11px 15px;position:relative;transition:color .18s;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;gap:6px;
}
nav.links > a:hover, nav.links .dd:hover > a{color:var(--paper);}
nav.links > a.on{color:var(--rust);}
nav.links > a.on::before{content:"";position:absolute;left:15px;bottom:4px;width:14px;height:2px;background:var(--rust);box-shadow:0 0 6px var(--rust);}
nav.links .dd > a::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px;transition:transform .2s;}
nav.links .dd:hover > a::after{transform:rotate(225deg);margin-top:2px;}
/* dropdown panel */
.dd{position:relative;}
.dd-panel{
  position:absolute;top:100%;left:0;min-width:560px;
  background:var(--ink2);border:1px solid var(--line2);
  box-shadow:0 28px 60px rgba(0,0,0,.6);
  display:grid;grid-template-columns:1fr 1fr;gap:0;
  opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .2s,transform .2s,visibility .2s;z-index:600;
}
.dd:hover .dd-panel{opacity:1;visibility:visible;transform:translateY(0);}
.dd-col{padding:20px 22px;}
.dd-col:first-child{border-right:1px solid var(--line);}
.dd-col h6{font-family:var(--fm);font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:8px;}
.dd-col.deploy h6{color:var(--olive);}
.dd-col.deploy h6::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--olive);box-shadow:0 0 7px var(--olive);}
.dd-col.dev h6{color:var(--warn);}
.dd-col.dev h6::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--warn);box-shadow:0 0 7px var(--warn);}
.dd-item{display:block;padding:9px 10px;text-decoration:none;border:1px solid transparent;transition:all .15s;margin-bottom:2px;}
.dd-item:hover{background:var(--ink3);border-color:var(--line2);}
.dd-item .di-name{font-family:var(--fd);font-weight:700;font-size:14px;color:var(--paper);letter-spacing:.01em;}
.dd-item .di-name span{font-family:var(--fm);font-size:9px;color:var(--paper-faint);font-weight:400;margin-left:7px;letter-spacing:.06em;}
.dd-item .di-desc{font-family:var(--fb);font-size:11.5px;color:var(--paper-faint);margin-top:2px;line-height:1.4;}
.dd-item:hover .di-name{color:var(--rust);}
.nav-right{display:flex;align-items:center;gap:16px;flex-shrink:0;margin-left:auto;}
.nav-clock{font-size:11px;color:var(--paper-faint);letter-spacing:.08em;white-space:nowrap;}
.nav-cta{
  font-family:var(--fm);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;
  background:var(--rust);color:#fff;padding:11px 22px;font-weight:500;border-radius:999px;
  transition:background .18s,box-shadow .18s;border:none;cursor:pointer;flex-shrink:0;
}
.nav-cta:hover{background:var(--rust-d);box-shadow:0 6px 18px rgba(31,155,255,.28);}
.burger{display:none;background:none;border:1px solid var(--line2);width:46px;height:42px;cursor:pointer;flex-direction:column;gap:4px;align-items:center;justify-content:center;transition:border-color .18s;flex-shrink:0;}
.burger:hover{border-color:var(--rust);}
.burger span{width:20px;height:2px;background:var(--paper);display:block;}
.nav-mobile{display:none;position:absolute;top:100%;right:0;left:0;flex-direction:column;background:var(--ink2);border:1px solid var(--line);border-top:none;z-index:600;box-shadow:0 24px 50px rgba(0,0,0,.5);}
.nav-mobile.open{display:flex;}
.nav-mobile a{padding:14px 26px;border-bottom:1px solid var(--line);font-family:var(--fm);font-size:13px;color:var(--paper-dim);letter-spacing:.04em;transition:background .15s,color .15s;}
.nav-mobile a.sub{padding-left:44px;font-size:12px;color:var(--paper-faint);}
.nav-mobile a.grp{color:var(--olive);font-size:10px;letter-spacing:.14em;pointer-events:none;background:var(--ink);}
.nav-mobile a.grp.dev{color:var(--warn);}
.nav-mobile a:last-child{border-bottom:none;}
.nav-mobile a:hover{background:var(--ink3);color:var(--rust);}

/* ============ HERO ============ */
/* full-screen video-only hero — plays full size on load, no text overlay */
.hero-video-screen{position:relative;width:100%;height:calc(100vh - 104px);overflow:hidden;background:#000;border-bottom:1px solid var(--line);}
.hero-bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;}
/* soft fade at the very bottom so the video melts into the page below */
.hero-vfade{position:absolute;left:0;right:0;bottom:0;height:22%;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(3,8,22,0) 0%,rgba(3,8,22,.85) 78%,var(--ink) 100%);}
/* scroll cue */
.hero-scroll-cue{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:7px;color:var(--paper-dim);font-size:10px;letter-spacing:.22em;text-transform:uppercase;transition:color .2s;}
.hero-scroll-cue:hover{color:var(--rust);}
.hero-scroll-cue .cue-arrow{font-size:15px;animation:cuebounce 1.8s ease-in-out infinite;}
@keyframes cuebounce{0%,100%{transform:translateY(0);opacity:.6;}50%{transform:translateY(5px);opacity:1;}}

/* intro text section below the video */
.hero-intro{position:relative;border-bottom:1px solid var(--line);background:var(--ink);padding:84px 0;}
.hero-intro .lead{text-shadow:none;}
.kicker{font-family:var(--fm);font-size:12px;color:var(--rust);letter-spacing:.18em;text-transform:uppercase;margin-bottom:22px;display:flex;align-items:center;gap:10px;}
.kicker::before{content:"";width:30px;height:1px;background:var(--rust);}
.hero-intro h1{font-size:clamp(34px,5vw,62px);color:var(--paper);margin-bottom:24px;letter-spacing:-.02em;line-height:1.02;max-width:980px;}
.hero-intro h1 em{font-style:normal;color:var(--rust);}
.hero-intro .lead{font-size:18px;max-width:620px;margin-bottom:34px;color:var(--paper-dim);line-height:1.7;}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:42px;}
.btn{
  font-family:var(--fm);font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;
  padding:14px 28px;font-weight:500;cursor:pointer;transition:all .18s;display:inline-flex;align-items:center;gap:9px;border:1px solid;border-radius:999px;
}
.btn-pri{background:var(--rust);border-color:var(--rust);color:#fff;}
.btn-pri:hover{background:var(--rust-d);border-color:var(--rust-d);box-shadow:0 6px 18px rgba(31,155,255,.28);}
.btn-ghost{background:transparent;border-color:var(--line2);color:var(--paper);}
.btn-ghost:hover{border-color:var(--steel);background:rgba(255,255,255,.03);}
.btn .arrow{transition:transform .18s;}
.btn:hover .arrow{transform:translateX(3px);}

.hero-stats{display:flex;gap:38px;border-top:1px solid var(--line);padding-top:26px;max-width:480px;}
.hstat .n{font-family:var(--fd);font-size:32px;font-weight:800;color:var(--paper);line-height:1;}
.hstat .n small{font-size:14px;color:var(--rust);font-weight:600;}
.hstat .l{font-family:var(--fm);font-size:10px;color:var(--paper-faint);letter-spacing:.1em;text-transform:uppercase;margin-top:6px;}

/* the little corner-tick HUD marks over the photo */
.hud-tick{position:absolute;z-index:3;font-family:var(--fm);font-size:9.5px;color:rgba(233,236,239,.6);letter-spacing:.08em;text-shadow:0 1px 3px #000;}
.hud-tick.tl{top:16px;left:18px;}
.hud-tick.br{bottom:16px;right:18px;text-align:right;}
.hud-bracket{position:absolute;z-index:3;width:22px;height:22px;border:1.5px solid rgba(58,217,254,.7);}
.hud-bracket.a{top:14px;left:14px;border-right:none;border-bottom:none;}
.hud-bracket.b{bottom:14px;right:14px;border-left:none;border-top:none;}

/* ============ SECTION SHELL ============ */
.section{padding:84px 0;border-bottom:1px solid var(--line);position:relative;}
.section.alt{background:var(--ink2);}
.sec-head{margin-bottom:48px;max-width:720px;}
.sec-tag{font-family:var(--fm);font-size:11px;color:var(--rust);letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:10px;}
.sec-tag b{color:var(--paper-faint);font-weight:400;}
.sec-tag::before{content:"";width:24px;height:1px;background:var(--rust);}
.sec-head h2{font-size:clamp(26px,3.4vw,40px);margin-bottom:16px;}
.sec-head p{font-size:16.5px;color:var(--paper-dim);}

/* ============ PILLARS (home) ============ */
.pillars{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);}
.pillar{padding:34px 28px;border-right:1px solid var(--line);position:relative;transition:background .2s;}
.pillar:last-child{border-right:none;}
.pillar:hover{background:var(--ink3);}
.pillar .pn{font-family:var(--fm);font-size:11px;color:var(--rust);letter-spacing:.1em;margin-bottom:18px;}
.pillar h3{font-size:20px;margin-bottom:12px;}
.pillar p{font-size:14.5px;color:var(--paper-dim);margin-bottom:18px;}
.pillar a{font-family:var(--fm);font-size:12px;color:var(--paper);letter-spacing:.05em;border-bottom:1px solid var(--rust);padding-bottom:2px;}
.pillar a:hover{color:var(--rust);}

/* ============ MAVIS CALLOUT (home) ============ */
.callout{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);}
.callout-img{position:relative;overflow:hidden;background:var(--ink2);min-height:420px;border-right:1px solid var(--line);}
.callout-img img{width:100%;height:100%;object-fit:cover;filter:grayscale(.2) brightness(.82) contrast(1.05);}
.callout-img .tagimg{position:absolute;left:16px;bottom:14px;font-family:var(--fm);font-size:10px;color:rgba(233,236,239,.75);letter-spacing:.08em;background:rgba(11,13,16,.7);padding:5px 10px;border:1px solid var(--line2);}
.callout-body{padding:44px 40px;display:flex;flex-direction:column;justify-content:center;}
.callout-body .cl-sys{font-family:var(--fm);font-size:11px;color:var(--rust);letter-spacing:.14em;margin-bottom:8px;}
.callout-body h3{font-family:var(--fd);font-size:clamp(40px,6vw,68px);font-weight:900;color:var(--paper);letter-spacing:-.02em;line-height:.9;margin-bottom:10px;}
.callout-body .cl-ff{font-family:var(--fm);font-size:12px;color:var(--paper-faint);margin-bottom:24px;}
.callout-body p{font-size:15.5px;color:var(--paper-dim);margin-bottom:28px;}
.cl-stats{display:flex;gap:30px;margin-bottom:30px;}
.cl-stats div .n{font-family:var(--fd);font-weight:800;font-size:26px;color:var(--paper);}
.cl-stats div .l{font-family:var(--fm);font-size:10px;color:var(--paper-faint);letter-spacing:.08em;text-transform:uppercase;}

/* ============ TECH STRIP (home) ============ */
.techrow{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);}
.techcell{padding:26px 18px;border-right:1px solid var(--line);transition:background .2s;}
.techcell:last-child{border-right:none;}
.techcell:hover{background:var(--ink3);}
.techcell .ti{font-family:var(--fm);font-size:10px;color:var(--rust);margin-bottom:12px;}
.techcell h4{font-size:14px;font-family:var(--fd);font-weight:700;color:var(--paper);line-height:1.2;}

/* ============ MISSION BAND ============ */
.band{background:var(--ink2);border-bottom:1px solid var(--line);padding:72px 0;position:relative;}
.band::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--rust);}
.band blockquote{font-family:var(--fd);font-weight:700;font-size:clamp(22px,3vw,34px);color:var(--paper);max-width:880px;line-height:1.25;letter-spacing:-.01em;}
.band .src{font-family:var(--fm);font-size:12px;color:var(--paper-faint);margin-top:20px;letter-spacing:.06em;}

/* ============ SPEC TABLE — high contrast ============ */
.spec-wrap{border:1px solid var(--line);}
table.spec{width:100%;border-collapse:collapse;}
table.spec tr{border-bottom:1px solid var(--line);}
table.spec tr:last-child{border-bottom:none;}
table.spec tr:hover{background:var(--ink3);}
table.spec td{padding:13px 18px;font-size:14.5px;vertical-align:top;}
table.spec td.k{font-family:var(--fm);font-size:11px;color:var(--steel);letter-spacing:.05em;text-transform:uppercase;width:42%;border-right:1px solid var(--line);}
table.spec td.v{color:var(--paper);font-weight:400;}
table.spec td.v b{color:var(--rust);font-weight:600;}

/* ============ FEATURE / CARD GRID ============ */
.cards{display:grid;gap:0;border:1px solid var(--line);}
.cards.c2{grid-template-columns:repeat(2,1fr);}
.cards.c3{grid-template-columns:repeat(3,1fr);}
.cards.c4{grid-template-columns:repeat(4,1fr);}
.card{padding:28px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:background .2s;}
.card:hover{background:var(--ink3);}
.card .idx{font-family:var(--fm);font-size:11px;color:var(--paper-faint);margin-bottom:16px;}
.card .idx b{color:var(--rust);}
.card h4{font-size:16px;margin-bottom:10px;font-family:var(--fd);font-weight:700;}
.card p{font-size:13.5px;color:var(--paper-dim);line-height:1.6;}
/* remove right border on last column for each row count */
.cards.c2 .card:nth-child(2n){border-right:none;}
.cards.c3 .card:nth-child(3n){border-right:none;}
.cards.c4 .card:nth-child(4n){border-right:none;}

/* ============ SPLIT (image + text) ============ */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.split.flip{direction:rtl;}
.split.flip > *{direction:ltr;}
.split-img{position:relative;border:1px solid var(--line);overflow:hidden;background:var(--ink2);}
.split-img img{width:100%;height:420px;object-fit:cover;filter:grayscale(.2) brightness(.8) contrast(1.05);}
.split-img .lbl{position:absolute;left:14px;bottom:13px;font-family:var(--fm);font-size:10px;color:rgba(233,236,239,.8);background:rgba(11,13,16,.72);padding:5px 10px;border:1px solid var(--line2);letter-spacing:.06em;}
.split-list{list-style:none;}
.split-list li{padding:16px 0;border-bottom:1px solid var(--line);display:flex;gap:16px;}
.split-list li:last-child{border-bottom:none;}
.split-list .num{font-family:var(--fm);font-size:12px;color:var(--rust);flex-shrink:0;padding-top:2px;}
.split-list h4{font-size:15.5px;margin-bottom:5px;font-family:var(--fd);font-weight:700;}
.split-list p{font-size:13.5px;color:var(--paper-dim);}

/* ============ TIMELINE ============ */
.tl{border-left:2px solid var(--line);margin-left:8px;}
.tl-item{padding:0 0 34px 30px;position:relative;}
.tl-item:last-child{padding-bottom:0;}
.tl-item::before{content:"";position:absolute;left:-7px;top:4px;width:12px;height:12px;background:var(--ink);border:2px solid var(--rust);border-radius:50%;}
.tl-item .yr{font-family:var(--fd);font-weight:800;font-size:22px;color:var(--rust);margin-bottom:4px;}
.tl-item h4{font-size:16px;margin-bottom:6px;}
.tl-item p{font-size:14px;color:var(--paper-dim);}

/* ============ LEADERSHIP ============ */
.team{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.person{border:1px solid var(--line);background:var(--ink2);padding:30px 26px;text-align:center;transition:border-color .2s,transform .2s;}
.person:hover{border-color:var(--line2);transform:translateY(-4px);}
.person .pic{width:148px;height:148px;margin:0 auto 18px;position:relative;}
.person .pic img{width:148px;height:148px;border-radius:50%;object-fit:cover;object-position:center center;border:2px solid var(--line2);filter:contrast(1.03) saturate(1.02);image-rendering:auto;}
.person .pic::after{content:"";position:absolute;inset:-5px;border:1px solid var(--rust);border-radius:50%;opacity:.5;}
.person h4{font-size:18px;margin-bottom:4px;}
.person .role{font-family:var(--fm);font-size:11px;color:var(--rust);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px;}
.person p{font-size:13.5px;color:var(--paper-dim);line-height:1.6;}

/* ============ CONTACT ============ */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
.cinfo{border-top:1px solid var(--line);}
.cinfo .row{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line);}
.cinfo .row .ic{font-family:var(--fm);font-size:11px;color:var(--rust);width:90px;flex-shrink:0;letter-spacing:.08em;text-transform:uppercase;padding-top:2px;}
.cinfo .row .val{color:var(--paper);font-size:15px;}
.cinfo .row .val a{color:var(--signal);}
.form .fg{margin-bottom:18px;}
.form label{display:block;font-family:var(--fm);font-size:11px;color:var(--steel);letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;}
.form input,.form select,.form textarea{
  width:100%;background:var(--ink);border:1px solid var(--line2);color:var(--paper);
  padding:12px 14px;font-family:var(--fb);font-size:14.5px;outline:none;transition:border-color .18s;
}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--rust);}
.form textarea{resize:vertical;min-height:110px;}
.form .frow{display:grid;grid-template-columns:1fr 1fr;gap:14px;}

/* ============ CTA STRIP ============ */
.cta{background:var(--ink2);border-bottom:1px solid var(--line);padding:60px 0;}
.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;}
.cta h2{font-size:clamp(24px,3.2vw,38px);max-width:620px;}
.cta h2 em{font-style:normal;color:var(--rust);}

/* ============ FOOTER ============ */
footer{background:var(--ink);padding:54px 0 30px;}
.foot-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;padding-bottom:40px;border-bottom:1px solid var(--line);}
.foot-brand{display:flex;flex-direction:column;align-items:flex-start;}
.foot-brand img,.foot-logo{width:auto;height:72px;max-width:160px;object-fit:contain;margin-bottom:18px;filter:drop-shadow(0 0 10px rgba(31,155,255,.3));}
.foot-brand .fn{font-family:var(--fd);font-weight:800;font-size:15px;color:var(--paper);margin-bottom:4px;}
.foot-brand p{font-size:13px;color:var(--paper-faint);max-width:280px;}
.foot-col h5{font-family:var(--fm);font-size:11px;color:var(--steel);letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px;}
.foot-col a{display:block;font-size:13.5px;color:var(--paper-dim);padding:5px 0;transition:color .15s;}
.foot-col a:hover{color:var(--rust);}
.foot-bot{display:flex;justify-content:space-between;align-items:center;padding-top:24px;flex-wrap:wrap;gap:12px;}
.foot-bot p{font-family:var(--fm);font-size:11px;color:var(--paper-faint);letter-spacing:.04em;}

/* ============ PAGE HEADER (interior pages) ============ */
.pagehead{border-bottom:1px solid var(--line);padding:56px 0;background:var(--ink2);position:relative;}
.pagehead .crumb{font-family:var(--fb);font-size:16px;font-weight:700;color:var(--paper-dim);letter-spacing:0;text-transform:none;margin-bottom:18px;}
.pagehead .crumb a{color:var(--paper-dim);font-weight:700;}
.pagehead .crumb a:hover{color:var(--rust);}
.pagehead h1{font-size:clamp(30px,4.5vw,52px);margin-bottom:14px;}
.pagehead p{font-size:17px;color:var(--paper-dim);max-width:640px;}

/* ============ REVEAL ============ */
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;}
.rv.in{opacity:1;transform:none;}

/* ============ RESPONSIVE ============ */
@media(max-width:1100px){
  .nav-clock{display:none;}
  .nav-inner{height:92px;padding:0 24px;}
  .brand img{width:76px;height:76px;}
  .brand .bt1{font-size:21px;}
}
@media(max-width:980px){
  .wrap{padding:0 22px;}
  .pillars,.techrow{grid-template-columns:1fr;}
  .pillar,.techcell{border-right:none;border-bottom:1px solid var(--line);}
  .pillar:last-child,.techcell:last-child{border-bottom:none;}
  .callout{grid-template-columns:1fr;}
  .callout-img{border-right:none;border-bottom:1px solid var(--line);}
  .split,.contact-grid{grid-template-columns:1fr;gap:32px;}
  .split.flip{direction:ltr;}
  .cards.c3,.cards.c4{grid-template-columns:repeat(2,1fr);}
  .cards.c3 .card:nth-child(3n),.cards.c4 .card:nth-child(4n){border-right:1px solid var(--line);}
  .cards.c2 .card:nth-child(2n),.cards.c3 .card:nth-child(2n),.cards.c4 .card:nth-child(2n){border-right:none;}
  .team{grid-template-columns:1fr;max-width:360px;margin:0 auto;}
  .foot-top,.foot-top.wide{grid-template-columns:1fr 1fr;gap:28px;}
  /* nav collapses to burger */
  nav.links{display:none;}
  .burger{display:flex;}
  .section{padding:64px 0;}
  /* product hub rows + product hero stack */
  .prod-row,.prod-row.flip{grid-template-columns:1fr;}
  .prod-row.flip .prod-vis{order:0;border-left:none;}
  .prod-vis{border-right:none;border-bottom:1px solid var(--line);min-height:280px;}
  .phero{grid-template-columns:1fr;}
  .phero-vis{border-left:none;border-top:1px solid var(--line);min-height:320px;order:-1;}
  .home-feature{grid-template-columns:1fr!important;}
}
@media(max-width:640px){
  .wrap{padding:0 18px;}
  .nav-inner{height:74px;gap:8px;padding:0 16px;}
  .nav-right{gap:8px;}
  .nav-cta{padding:9px 14px;font-size:10px;}
  .nav-mobile a{padding:14px 24px;}
  .brand .bt1{font-size:16px;}
  .brand .bt2{font-size:8.5px;letter-spacing:.12em;}
  .brand img{width:56px;height:56px;}
  .brand{gap:11px;}
  .cards.c2,.cards.c3,.cards.c4{grid-template-columns:1fr;}
  .cards .card{border-right:none!important;}
  .hero-stats{flex-wrap:wrap;gap:24px;}
  .cl-stats{flex-wrap:wrap;gap:18px;}
  .foot-top,.foot-top.wide{grid-template-columns:1fr;}
  .form .frow{grid-template-columns:1fr;}
  .hero-intro h1{font-size:clamp(28px,8vw,40px);}
  .hero-intro .lead{font-size:16px;}
  .hero-video-screen{height:calc(100vh - 74px);}
  .hero-intro{padding:56px 0;}
  .section{padding:52px 0;}
  .sec-head{margin-bottom:32px;}
  .btn{padding:12px 22px;font-size:11.5px;}
  .hero-btns{gap:10px;}
}
@media(max-width:420px){
  .brand .bt2{display:none;}
  .nav-cta{display:none;}
  .hero-btns{flex-direction:column;align-items:stretch;}
  .hero-btns .btn{justify-content:center;}
}

/* ============ PRODUCTS HUB ============ */
.prod-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);}
.prod-row{display:grid;grid-template-columns:1.05fr 1fr;border-bottom:1px solid var(--line);}
.prod-row:last-child{border-bottom:none;}
.prod-row.flip .prod-vis{order:2;border-left:1px solid var(--line);border-right:none;}
.prod-vis{position:relative;background:var(--ink2);border-right:1px solid var(--line);min-height:340px;overflow:hidden;}
.prod-vis img{width:100%;height:100%;object-fit:cover;}
.prod-vis .vtag{position:absolute;left:16px;bottom:14px;font-family:var(--fm);font-size:10px;color:var(--signal);letter-spacing:.08em;background:rgba(3,8,22,.78);border:1px solid var(--line2);padding:5px 10px;}
.prod-text{padding:42px 40px;display:flex;flex-direction:column;justify-content:center;}
.prod-text .sys{font-family:var(--fm);font-size:11px;color:var(--rust);letter-spacing:.14em;margin-bottom:10px;}
.prod-text h3{font-family:var(--fd);font-size:34px;font-weight:900;color:var(--paper);letter-spacing:-.01em;line-height:1;margin-bottom:8px;}
.prod-text .ff{font-family:var(--fm);font-size:11.5px;color:var(--paper-faint);margin-bottom:18px;letter-spacing:.03em;}
.prod-text p{font-size:14.5px;color:var(--paper-dim);margin-bottom:22px;}
.prod-spec{display:flex;gap:26px;margin-bottom:26px;flex-wrap:wrap;}
.prod-spec div .n{font-family:var(--fd);font-weight:800;font-size:20px;color:var(--paper);}
.prod-spec div .l{font-family:var(--fm);font-size:9.5px;color:var(--paper-faint);letter-spacing:.07em;text-transform:uppercase;}
.status-pill{display:inline-flex;align-items:center;gap:7px;font-family:var(--fm);font-size:10px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line2);padding:5px 11px;color:var(--paper-dim);margin-bottom:18px;align-self:flex-start;}
.status-pill::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--olive);box-shadow:0 0 6px var(--olive);}

/* product page hero visual */
.phero{display:grid;grid-template-columns:1.1fr .9fr;border-bottom:1px solid var(--line);min-height:520px;}
.phero-vis{position:relative;background:var(--ink2);border-left:1px solid var(--line);overflow:hidden;}
.phero-vis img{width:100%;height:100%;object-fit:cover;}
.phero-vis.fit-contain{background:#05080f;align-self:center;aspect-ratio:2000/1090;}
.phero-vis.fit-contain img{object-fit:cover;object-position:center;}
@media(max-width:980px){
  .prod-row,.prod-row.flip{grid-template-columns:1fr;}
  .prod-row.flip .prod-vis{order:0;border-left:none;}
  .prod-vis{border-right:none;border-bottom:1px solid var(--line);}
  .phero{grid-template-columns:1fr;}
  .phero-vis{border-left:none;border-top:1px solid var(--line);min-height:300px;}
  .phero-vis.fit-contain{min-height:0;aspect-ratio:2000/1090;}
}

/* ============ VIDEO HERO (PRACHAND) ============ */
.vhero{position:relative;min-height:88vh;overflow:hidden;border-bottom:1px solid var(--line);display:flex;align-items:flex-end;}
.vhero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;}
.vhero::after{content:"";position:absolute;inset:0;z-index:2;background:
  linear-gradient(to top,rgba(3,8,22,1) 0%,rgba(3,8,22,.4) 38%,rgba(3,8,22,.15) 65%,rgba(3,8,22,.55) 100%),
  linear-gradient(to right,rgba(3,8,22,.85) 0%,rgba(3,8,22,.25) 45%,transparent 70%);}
.vhero .vh-inner{position:relative;z-index:3;width:100%;padding-bottom:64px;}
.vhero .hud-bracket{z-index:4;}
.vh-eye{font-family:var(--fm);font-size:12px;color:var(--rust);letter-spacing:.2em;text-transform:uppercase;margin-bottom:18px;display:flex;align-items:center;gap:10px;}
.vh-eye::before{content:"";width:30px;height:1px;background:var(--rust);}
.vh-name{font-family:var(--fd);font-size:clamp(60px,12vw,150px);font-weight:900;color:var(--paper);letter-spacing:-.02em;line-height:.84;text-shadow:0 8px 40px rgba(0,0,0,.6);}
.vh-ff{font-family:var(--fm);font-size:13px;color:var(--paper-dim);margin:14px 0 22px;letter-spacing:.05em;}
.vh-lead{font-size:18px;color:var(--paper);max-width:560px;margin-bottom:30px;line-height:1.7;text-shadow:0 2px 12px rgba(0,0,0,.7);}
.vh-stats{display:flex;gap:40px;flex-wrap:wrap;}
.vh-stats .hstat .n{font-size:36px;}
.vh-rec{position:absolute;top:24px;right:30px;z-index:4;font-family:var(--fm);font-size:11px;color:var(--rust);letter-spacing:.1em;display:flex;align-items:center;gap:8px;}
.vh-rec::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--rust);box-shadow:0 0 8px var(--rust);animation:blink 1.3s infinite;}
@media(max-width:640px){.vh-stats{gap:22px;}.vhero{min-height:72vh;}}

/* ============ FOOTER PRODUCTS LIST ============ */
.foot-prod{display:flex;flex-direction:column;gap:0;}
.foot-prod a{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--paper-dim);padding:5px 0;transition:color .15s;}
.foot-prod a:hover{color:var(--rust);}
.foot-prod a .fp-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;}
.foot-prod a .fp-dot.dep{background:var(--olive);box-shadow:0 0 5px var(--olive);}
.foot-prod a .fp-dot.dev{background:var(--warn);box-shadow:0 0 5px var(--warn);}
/* widen footer systems column */
.foot-top.wide{grid-template-columns:1.6fr 1.3fr 1fr 1fr;}
@media(max-width:980px){.foot-top.wide{grid-template-columns:1fr 1fr;}}
@media(max-width:640px){.foot-top.wide{grid-template-columns:1fr;}}

/* ============ HOME — DEFENCE-GRADE SHOWCASE ============ */
/* feature hero band for flagship */
.home-feature{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:var(--ink2);}
.home-feature .hf-media{position:relative;overflow:hidden;min-height:420px;border-right:1px solid var(--line);}
.home-feature .hf-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.1) brightness(.86) contrast(1.05);}
.home-feature .hf-media .hf-badge{position:absolute;top:16px;left:16px;font-family:var(--fm);font-size:10px;letter-spacing:.1em;color:var(--signal);background:rgba(3,8,22,.78);border:1px solid var(--line2);padding:6px 11px;border-radius:999px;}
.home-feature .hf-body{padding:46px 42px;display:flex;flex-direction:column;justify-content:center;}
.home-feature .hf-body .hf-k{font-family:var(--fm);font-size:11px;color:var(--rust);letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;}
.home-feature .hf-body h3{font-family:var(--fd);font-size:clamp(34px,5vw,52px);font-weight:900;line-height:.95;margin-bottom:10px;}
.home-feature .hf-body .hf-ff{font-family:var(--fm);font-size:12px;color:var(--paper-faint);margin-bottom:18px;}
.home-feature .hf-body p{font-size:15px;color:var(--paper-dim);margin-bottom:24px;}

/* product gallery — alternating photo rows */
.showcase{display:flex;flex-direction:column;gap:18px;}
.sc-row{display:grid;grid-template-columns:1.1fr .9fr;border:1px solid var(--line);background:var(--ink2);overflow:hidden;transition:border-color .2s,transform .2s;}
.sc-row:hover{border-color:var(--line2);transform:translateY(-3px);}
.sc-row.flip{direction:rtl;}
.sc-row.flip>*{direction:ltr;}
.sc-media{position:relative;min-height:300px;overflow:hidden;}
.sc-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.08) brightness(.85) contrast(1.05);transition:transform .5s ease;}
.sc-row:hover .sc-media img{transform:scale(1.04);}
.sc-tag{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:7px;font-family:var(--fm);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;background:rgba(3,8,22,.8);border:1px solid var(--line2);padding:5px 11px;border-radius:999px;color:var(--paper-dim);}
.sc-tag .d{width:6px;height:6px;border-radius:50%;}
.sc-tag .d.dep{background:var(--olive);box-shadow:0 0 6px var(--olive);}
.sc-tag .d.dev{background:var(--warn);box-shadow:0 0 6px var(--warn);}
.sc-body{padding:34px 36px;display:flex;flex-direction:column;justify-content:center;}
.sc-body .sc-name{font-family:var(--fd);font-weight:900;font-size:30px;line-height:1;margin-bottom:6px;}
.sc-body .sc-role{font-family:var(--fm);font-size:11px;color:var(--rust);letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px;}
.sc-body p{font-size:14px;color:var(--paper-dim);margin-bottom:20px;line-height:1.6;}
.sc-body .sc-link{font-family:var(--fm);font-size:12px;letter-spacing:.06em;color:var(--paper);border-bottom:1px solid var(--rust);padding-bottom:3px;align-self:flex-start;transition:color .15s;text-transform:uppercase;}
.sc-body .sc-link:hover{color:var(--rust);}

/* quick product strip (thumbnail nav) */
.qstrip{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);}
.qcell{position:relative;aspect-ratio:1/1;overflow:hidden;border-right:1px solid var(--line);display:block;}
.qcell:last-child{border-right:none;}
.qcell img{width:100%;height:100%;object-fit:cover;filter:grayscale(.2) brightness(.6);transition:filter .25s,transform .4s;}
.qcell:hover img{filter:grayscale(0) brightness(.95);transform:scale(1.06);}
.qcell .ql{position:absolute;left:0;right:0;bottom:0;padding:10px 8px 8px;font-family:var(--fd);font-weight:800;font-size:12px;color:#fff;background:linear-gradient(to top,rgba(3,8,22,.92),transparent);text-align:center;letter-spacing:.02em;}
@media(max-width:980px){
  .qstrip{grid-template-columns:repeat(4,1fr);}
  .qcell:nth-child(4n){border-right:none;}
  .sc-row,.sc-row.flip{grid-template-columns:1fr;}
  .sc-row.flip>*{direction:ltr;}
  .sc-media{min-height:240px;}
  .home-feature{grid-template-columns:1fr;}
  .home-feature .hf-media{border-right:none;border-bottom:1px solid var(--line);}
}
@media(max-width:560px){
  .qstrip{grid-template-columns:repeat(2,1fr);}
  .qcell:nth-child(2n){border-right:none;}
}
