
:root{--navy:#071018;--navy2:#0b1720;--blue:#078be8;--white:#f6f8fa;--muted:#aeb9c2;--line:#263640;--light:#eef3f6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--white);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.55}a{text-decoration:none;color:inherit}
.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.top{background:#050b10;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.nav{height:82px;display:flex;align-items:center;gap:26px}.logo{font-weight:950;font-size:22px;line-height:.88;letter-spacing:.4px}.logo span{color:var(--blue)}.tag{font-size:9px;letter-spacing:2px;color:#9eacb5;margin-top:8px}.links{display:flex;gap:21px;margin-left:auto;font-size:13px}.contact{font-size:12px;color:#c5ced4;white-space:nowrap}.button{display:inline-block;background:var(--blue);color:white;padding:14px 20px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.3px}.button.ghost{background:transparent;border:1px solid #71808a}
.hero{min-height:610px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 35%,#1e3747 0,#0d1b25 28%,#071018 68%)}.hero:after{content:"";position:absolute;right:-7%;top:12%;width:55%;height:80%;background:linear-gradient(135deg,rgba(21,47,62,.7),rgba(3,9,14,.05));transform:skewX(-8deg);border-left:1px solid #29404e}.hero .wrap{position:relative;z-index:2}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:4px;color:#38aaff;font-weight:800}.hero h1{font-size:64px;line-height:.95;max-width:790px;margin:14px 0 22px;text-transform:uppercase;letter-spacing:-2px}.hero h1 span{color:var(--blue)}.hero p{font-size:18px;color:#d0d8dd;max-width:650px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#09141c}.trustgrid{display:grid;grid-template-columns:repeat(4,1fr)}.trustitem{padding:22px;border-right:1px solid var(--line);font-size:12px;text-transform:uppercase;font-weight:800}.trustitem:last-child{border:0}.trustitem small{display:block;color:#91a1ab;font-weight:400;margin-top:4px}
.section{padding:76px 0}.heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.heading h2,.big{font-size:38px;line-height:1.05;text-transform:uppercase;margin:8px 0 30px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service{min-height:235px;padding:26px;background:linear-gradient(160deg,#172b37,#0a141b);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:end;transition:.2s}.service:hover{transform:translateY(-3px);border-color:#3c6d8b}.service h3{font-size:18px;text-transform:uppercase;margin:8px 0}.service p{font-size:13px;color:#aebbc4}
.about{background:#edf2f5;color:#111a20}.split{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.visual{min-height:430px;background:linear-gradient(145deg,#182f3d,#09131a);padding:35px;display:flex;flex-direction:column;justify-content:end;color:white}.ticks{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:24px 0}.tick{border-top:1px solid #cbd5db;padding-top:11px;font-weight:700;font-size:14px}
.projectbar{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.metric{text-align:center;padding:26px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric strong{font-size:22px;display:block}.metric small{color:#9cabb5}
.areas{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.area{background:#0c1821;border:1px solid var(--line);padding:18px;font-weight:800}.area:hover{border-color:var(--blue)}
.cta{padding:52px;background:linear-gradient(110deg,#087fda,#0755b4)}.cta h2{font-size:40px;line-height:1;text-transform:uppercase;margin:0 0 12px}.cta p{max-width:650px}
.pagehero{padding:95px 0 68px;background:linear-gradient(135deg,#173140,#071018)}.pagehero h1{font-size:52px;line-height:1;text-transform:uppercase;margin:12px 0 18px}.pagehero p{max-width:720px;color:#c7d1d7;font-size:18px}.crumb{font-size:12px;color:#8fa1ad}.copy{max-width:830px}.copy h2{font-size:30px;text-transform:uppercase;margin-top:44px}.copy p,.copy li{color:#c2cdd4}.note{padding:20px;border-left:4px solid var(--blue);background:#0d1922;margin:28px 0}
footer{padding:42px 0;border-top:1px solid var(--line);color:#aab6bf}.footergrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}footer strong{color:white}
.mobilebar{display:none}
@media(max-width:900px){.links,.contact,.nav>.button{display:none}.nav{height:70px}.hero{min-height:560px}.hero h1{font-size:44px}.grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.trustgrid{grid-template-columns:1fr 1fr}.projectbar{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line)}.areas{grid-template-columns:1fr 1fr}.footergrid{grid-template-columns:1fr}.mobilebar{display:flex;position:fixed;z-index:40;bottom:0;left:0;right:0;background:#050b10;border-top:1px solid var(--line)}.mobilebar a{flex:1;text-align:center;padding:14px 8px;font-size:12px;font-weight:800}.mobilebar a:first-child{background:var(--blue)}body{padding-bottom:48px}}
@media(max-width:560px){.wrap{width:min(100% - 28px,1180px)}.hero{min-height:520px}.hero h1{font-size:37px;letter-spacing:-1px}.hero p{font-size:16px}.grid,.areas{grid-template-columns:1fr}.trustgrid{grid-template-columns:1fr 1fr}.heading h2,.big{font-size:31px}.cta{padding:35px 24px}.cta h2{font-size:31px}.pagehero h1{font-size:38px}.ticks{grid-template-columns:1fr}}
