:root { --navy:#081326; --navy-2:#10213a; --teal:#39d0c5; --lime:#c8f46b; --paper:#f5f8fb; --ink:#13213a; --muted:#60708a; --line:#dce5ec; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; font-family:"DM Sans",sans-serif; color:var(--ink); background:var(--paper); }
a { color:inherit; text-decoration:none; }
.site-header { height:92px; display:flex; align-items:center; gap:38px; max-width:1240px; margin:auto; padding:0 28px; }
.brand { display:flex; align-items:center; width:194px; height:74px; margin-right:auto; overflow:hidden; }
.brand img { display:block; width:100%; height:100%; object-fit:contain; }
nav { display:flex; gap:30px; font-size:.95rem; font-weight:600; }
nav a:hover { color:#168e89; }
.header-cta,.button { display:inline-flex; justify-content:center; align-items:center; min-height:46px; padding:0 20px; border-radius:999px; font-weight:700; transition:.2s ease; }
.header-cta { color:white; background:var(--navy); }
.hero { position:relative; isolation:isolate; min-height:760px; display:grid; grid-template-columns:1.05fr .95fr; gap:72px; align-items:center; max-width:1240px; margin:auto; padding:82px 28px 96px; color:white; }
.hero::before { content:""; position:absolute; z-index:-2; inset:0 50%; width:100vw; margin-left:-50vw; background:radial-gradient(ellipse at 70% 34%,#183f52 0,#0c2138 37%,#071326 76%); }
.hero-copy,.hero-panel { position:relative; z-index:1; }
.particle-field { position:absolute; inset:0 50%; z-index:-1; width:100vw; height:100%; margin-left:-50vw; pointer-events:none; opacity:.9; }
.eyebrow { margin:0 0 18px; color:#147f7b; font-size:.82rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
h1,h2,h3 { font-family:Manrope,sans-serif; }
h1 { max-width:780px; margin:0; font-size:clamp(3.4rem,6.2vw,6.2rem); line-height:.98; letter-spacing:-.065em; }
.hero-lede { max-width:660px; margin:28px 0 32px; font-size:1.18rem; line-height:1.7; color:#b9cad7; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; }
.button-primary { color:var(--navy); background:var(--teal); }
.button-primary:hover { transform:translateY(-2px); box-shadow:0 12px 30px #39d0c540; }
.hero .button-secondary { color:white;border:1px solid #ffffff4a;background:#ffffff08; }.hero .button-secondary:hover { background:#ffffff14;border-color:#ffffff7d; }
.trust-row { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:52px; padding-top:24px; border-top:1px solid #ffffff24; }
.trust-row strong,.trust-row span { display:block; }.trust-row strong { font:800 1.25rem Manrope,sans-serif; }.trust-row span { margin-top:5px; color:#9eb1c2; font-size:.84rem; }
.hero-panel { position:relative; overflow:hidden; min-height:540px; padding:30px; border:1px solid #8debe223;border-radius:32px; color:white; background:radial-gradient(circle at 70% 20%,#2d61735c 0,transparent 40%),#071326b8; box-shadow:0 40px 80px #02091666; backdrop-filter:blur(8px); }
.panel-top { display:flex; align-items:center; gap:9px; color:#d9e8ef; font-size:.87rem; }.status-dot { width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #c8f46b1c; }
.signal-orbit { position:relative; display:grid; place-items:center; height:300px; }.shield { z-index:2; display:grid; place-items:center; width:118px;height:132px;border:1px solid #5fe2d7;border-radius:28px 28px 46px 46px;background:linear-gradient(145deg,#39d0c530,#39d0c50c);box-shadow:inset 0 0 35px #39d0c526,0 0 60px #39d0c51c;overflow:hidden; }.shield img { width:118px;height:100px;object-fit:contain;filter:drop-shadow(0 0 12px #39d0c555); }
.orbit { position:absolute;border:1px solid #62b8c436;border-radius:50%; }.orbit-one { width:220px;height:220px; }.orbit-two { width:310px;height:310px; }
.panel-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.panel-grid div { min-height:112px;padding:15px;border:1px solid #ffffff16;border-radius:16px;background:#ffffff09; }.panel-grid span,.panel-grid strong,.panel-grid small { display:block; }.panel-grid span { color:var(--teal);font-size:.7rem; }.panel-grid strong { margin:12px 0 5px; }.panel-grid small { color:#aebed0;line-height:1.35; }
.services { padding:110px max(28px,calc((100% - 1184px)/2)); background:white; }.section-heading { max-width:720px; }.section-heading h2 { margin:0;font-size:clamp(2.4rem,4vw,4.1rem);line-height:1.06;letter-spacing:-.05em; }.section-heading>p:last-child { font-size:1.1rem;line-height:1.7;color:var(--muted); }
.service-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:54px; }.service-grid article { display:flex;flex-direction:column;min-height:300px;padding:28px;border:1px solid var(--line);border-radius:22px;transition:.22s ease; }.service-grid article:hover { transform:translateY(-4px);border-color:#79b7b3;box-shadow:0 20px 48px #13213a0d; }.service-grid span { color:#178b86;font-weight:800;font-size:.78rem; }.service-grid h3 { margin:56px 0 14px;font-size:1.38rem; }.service-grid p { margin:0;color:var(--muted);line-height:1.65; }.service-grid a { margin-top:auto;padding-top:24px;color:#137d78;font-weight:700;font-size:.9rem; }
.why { display:grid;grid-template-columns:.9fr 1.1fr;gap:110px;padding:120px max(28px,calc((100% - 1184px)/2));background:#eaf1f5; }.why-intro h2,.continuity h2,.contact-band h2 { margin:0;font-size:clamp(2.4rem,4vw,4.2rem);line-height:1.05;letter-spacing:-.055em; }.why-intro>p:last-child { max-width:510px;margin-top:28px;color:var(--muted);font-size:1.08rem;line-height:1.75; }.why-list article { display:grid;grid-template-columns:44px 1fr;gap:20px;padding:28px 0;border-top:1px solid #cbd7df; }.why-list article:last-child { border-bottom:1px solid #cbd7df; }.why-list span { color:#14827d;font-weight:800;font-size:.78rem; }.why-list h3 { margin:0 0 10px;font-size:1.2rem; }.why-list p { margin:0;color:var(--muted);line-height:1.65; }
.continuity { display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end;padding:120px max(28px,calc((100% - 1184px)/2));color:white;background:linear-gradient(115deg,#071326 30%,#103b4f); }.continuity .eyebrow { color:var(--teal); }.continuity>p { margin:0;color:#b9cad7;font-size:1.12rem;line-height:1.8; }
.contact-band { display:flex;gap:70px;justify-content:space-between;align-items:end;padding:110px max(28px,calc((100% - 1184px)/2));background:var(--teal); }.contact-band .eyebrow { color:#0b4c4b; }.contact-band h2 { max-width:750px;color:var(--navy); }.contact-actions { display:flex;min-width:300px;align-items:flex-start;flex-direction:column;gap:22px; }.button-light { background:white;color:var(--navy); }.email-link { font-weight:700;color:#0a4948;border-bottom:1px solid #0a494857;padding-bottom:4px; }
[data-parallax] { will-change:transform; }
footer { display:flex;gap:28px;align-items:center;padding:26px max(28px,calc((100% - 1184px)/2));color:#91a5b7;background:var(--navy);font-size:.85rem; }.footer-brand { display:block;width:148px;height:76px;margin-right:auto; }.footer-brand img { display:block;width:100%;height:100%;object-fit:contain; }footer span:last-child { margin-left:auto; }
@media (max-width:860px){ nav{display:none}.hero{grid-template-columns:1fr;padding-top:54px}.hero-panel{min-height:500px}.service-grid{grid-template-columns:1fr 1fr}.service-grid article{min-height:280px}.service-grid h3{margin-top:30px}.why,.continuity{grid-template-columns:1fr;gap:48px}.contact-band{align-items:flex-start;flex-direction:column}.contact-actions{min-width:0}footer{align-items:flex-start;flex-direction:column}.footer-brand,footer span:last-child{margin:0}.header-cta{display:none} }
@media (max-width:520px){ .site-header{height:78px;padding:0 20px}.brand{width:164px;height:68px}.hero{padding:44px 20px 70px;gap:42px}h1{font-size:3rem}.trust-row{gap:10px}.trust-row span{font-size:.75rem}.hero-panel{margin:0 -6px;padding:22px;min-height:470px}.panel-grid{grid-template-columns:1fr}.panel-grid div{min-height:auto}.signal-orbit{height:220px}.orbit-two{width:250px;height:250px}.services,.why,.continuity,.contact-band{padding:78px 20px}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:260px} }
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto}.particle-field{display:none}.button-primary,.service-grid article{transition:none}[data-parallax]{transform:none!important} }