*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#0b1d3a;--navy2:#132a4a;--silver:#c5ced9;--chrome:#e8eef5;--accent:#7a8fa8;--ink:#0a1424}
html{scroll-behavior:smooth}
body{font-family:"IBM Plex Sans",system-ui,sans-serif;background:var(--chrome);color:var(--ink);line-height:1.55}
.wrap{width:min(1080px,92%);margin-inline:auto}
.site-header{position:sticky;top:0;z-index:40;background:rgba(11,29,58,.96);border-bottom:1px solid rgba(197,206,217,.25)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:.85rem 0;gap:1rem}
.logo{font-family:Orbitron,sans-serif;font-weight:700;font-size:1.05rem;color:#fff;text-decoration:none;letter-spacing:.08em}
.logo span{color:var(--accent);margin:0 .15rem}
nav{display:flex;gap:1.2rem}
nav a{color:var(--silver);text-decoration:none;font-weight:500;font-size:.9rem}
nav a:hover{color:#fff}
.btn{display:inline-flex;padding:.7rem 1.25rem;font-weight:600;text-decoration:none;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);transition:.15s}
.btn-call{background:var(--silver);color:var(--navy);font-size:.95rem}
.btn-primary{background:linear-gradient(135deg,#9aafc4,var(--silver));color:var(--navy)}
.btn-outline{background:transparent;color:#fff;box-shadow:inset 0 0 0 2px var(--silver)}
.hero{position:relative;padding:5rem 0 4rem;background:var(--navy);color:#fff;overflow:hidden}
.geo{position:absolute;inset:0;background:
  linear-gradient(135deg,transparent 40%,rgba(197,206,217,.08) 40.5%,transparent 41%),
  linear-gradient(225deg,transparent 55%,rgba(122,143,168,.12) 55.5%,transparent 56%),
  linear-gradient(45deg,var(--navy2) 0%,var(--navy) 60%);
pointer-events:none}
.geo::after{content:"";position:absolute;right:-5%;top:10%;width:45%;height:80%;background:linear-gradient(160deg,rgba(197,206,217,.15),transparent);clip-path:polygon(30% 0,100% 0,100% 100%,0 100%);border-left:2px solid rgba(197,206,217,.4)}
.hero-copy{position:relative;max-width:580px}
.eyebrow{font-family:Orbitron,sans-serif;font-size:.7rem;letter-spacing:.18em;color:var(--accent);margin-bottom:.9rem}
h1{font-family:Orbitron,sans-serif;font-size:clamp(1.9rem,4.5vw,2.9rem);line-height:1.15;margin-bottom:1rem}
.lede{color:var(--silver);font-size:1.08rem;margin-bottom:1.75rem;max-width:40ch}
.cta-row{display:flex;flex-wrap:wrap;gap:.75rem}
.services{padding:3.5rem 0}
h2{font-family:Orbitron,sans-serif;font-size:1.4rem;letter-spacing:.06em;color:var(--navy);margin-bottom:1.5rem}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.grid article{background:#fff;padding:1.5rem;border:1px solid rgba(11,29,58,.1);position:relative;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}
.icon-tri{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:16px solid var(--navy);margin-bottom:.85rem}
.grid h3{font-size:1.1rem;margin-bottom:.4rem;color:var(--navy)}
.grid p{color:#4a5568;font-size:.95rem}
.area{padding:0 0 2rem}
.band{background:var(--navy);color:#fff;padding:2rem 2.25rem;clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 40px) 100%,0 100%)}
.band h2{color:var(--silver)}
.band p{color:var(--silver);font-size:1.05rem}
.band strong{color:#fff}
.why{padding:2rem 0 3.5rem}
.why ul{list-style:none;display:grid;gap:.7rem;max-width:48ch}
.why li{padding-left:1.5rem;position:relative;color:#334}
.why li::before{content:"";position:absolute;left:0;top:.45em;width:10px;height:10px;background:var(--navy);clip-path:polygon(50% 0,100% 100%,0 100%)}
.site-footer{background:var(--navy);color:var(--silver);padding:1.35rem 0}
.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem;align-items:center}
.site-footer a{color:#fff;font-weight:700;text-decoration:none;font-family:Orbitron,sans-serif;font-size:.95rem}
@media(max-width:800px){nav{display:none}.grid{grid-template-columns:1fr}}