:root{--navy:#0F2235;--ink:#12263A;--orange:#F5A63A;--steel:#1E5A8A;--ice:#9FD0F0;--mist:#F4F6F8;--slate:#5B6B7B}
*{box-sizing:border-box}body{margin:0;font-family:Poppins,system-ui,sans-serif;color:var(--ink);background:var(--mist);line-height:1.6}
a{color:inherit}
.demo{background:var(--orange);color:var(--navy);text-align:center;font:600 12px/1.4 monospace;padding:6px 16px;letter-spacing:1px}
header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:5}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px;gap:16px}
.logo{display:flex;align-items:center;gap:8px;font-weight:900;font-size:22px;letter-spacing:.5px;text-decoration:none}
.nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;font-size:14px}
.nav ul a{text-decoration:none;opacity:.85}.nav ul a:hover{opacity:1}
.btn{display:inline-block;background:var(--orange);color:var(--navy);font-weight:600;padding:12px 22px;border-radius:6px;text-decoration:none}
.btn.ghost{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}
.kicker{font-family:'IBM Plex Mono',ui-monospace,monospace;letter-spacing:3px;font-size:12px;text-transform:uppercase;color:var(--orange)}
.light .kicker{color:var(--steel)}
h1,h2,h3{font-family:'Archivo Black','Arial Black',sans-serif;text-transform:uppercase;line-height:1.05;margin:.3em 0 .5em}
h1{font-size:clamp(34px,6vw,64px)}h2{font-size:clamp(26px,4vw,44px)}h3{font-size:18px}
.hero{background:linear-gradient(160deg,#0F2235 0%,#1a3550 60%,#2b4a66 100%);color:#fff;padding:90px 0 100px}
.hero p{max-width:640px;font-size:18px;color:#d9e8f5}
.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
section{padding:80px 0}.dark{background:var(--navy);color:#fff}.dark p{color:#cfe3f3}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.card{background:#fff;border:1px solid #dde3ea;border-radius:10px;padding:26px}
.dark .card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
.num{font-family:monospace;color:var(--steel);font-size:20px}.dark .num{color:var(--orange)}
.two{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start}
ul.ticks{padding-left:18px}ul.ticks li{margin:6px 0}
.exp{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:1px solid #dde3ea;padding:18px 0}
.tag{font:600 11px monospace;letter-spacing:1px;background:var(--mist);border:1px solid #dde3ea;border-radius:20px;padding:4px 10px;white-space:nowrap}
.stats{display:flex;gap:40px;flex-wrap:wrap;margin-top:24px}.stats b{display:block;font:700 30px monospace;color:#fff}
.contact{background:var(--orange);color:var(--navy);text-align:center}.contact .btn{background:var(--navy);color:#fff}.contact .btn.ghost{color:var(--navy);border-color:var(--navy)}
footer{background:var(--navy);color:#9fb3c6;font-size:13px;padding:28px 0}
@media(max-width:760px){.nav ul{display:none}section{padding:56px 0}}