:root{
  --bg:#0b1220;
  --card:#101a30;
  --text:#eaf2ff;
  --muted:#9db0d1;
  --brand:#2196B7;
  --brand-2:#00BCD4;
  --outline:#2b3b5f;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0; font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial;
  color:var(--text); background:radial-gradient(1200px 600px at 10% -10%, #16243f 0%, transparent 60%), 
                     radial-gradient(1200px 600px at 90% 10%, #0f2540 0%, transparent 60%),
                     var(--bg);
  line-height:1.6;
}
a{color:var(--brand); text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px; margin:0 auto; padding:0 20px}
.header-wrap{display:flex; align-items:center; justify-content:space-between; padding:18px 0}
.logo{display:flex; align-items:center; gap:8px; font-weight:700; font-size:22px; letter-spacing:0.5px}
.logo-mark{display:inline-grid; place-items:center; width:36px; height:36px; border-radius:12px; background:linear-gradient(135deg,var(--brand),var(--brand-2)); color:#021220; font-weight:800}
.logo-text{color:#fff}
.nav a{margin-left:16px; color:#dce8ff; font-weight:600}
.nav a:hover{color:#fff}
.site-footer{border-top:1px solid var(--outline); margin-top:60px; padding:30px 0; background:linear-gradient(180deg, transparent, #0a1426)}
.footer-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px}
.footer-grid h4{margin:0 0 8px}
.hero{padding:40px 0 20px}
.hero-grid{display:grid; grid-template-columns:1.1fr 0.9fr; gap:32px; align-items:center}
.hero-copy h1{font-size:40px; line-height:1.1; margin:0 0 12px}
.muted{color:var(--muted); font-size:14px}
.bullets{padding-left:18px}
.bullets li{margin:6px 0}
.hero-media img{width:100%; border-radius:16px; box-shadow:0 15px 50px rgba(0,0,0,.4)}
.btn,.btn-outline{
  display:inline-block; padding:12px 18px; border-radius:12px; font-weight:700; border:1px solid transparent;
  background:linear-gradient(135deg,var(--brand),var(--brand-2)); color:#00121e
}
.btn:hover{filter:brightness(1.1)}
.btn-outline{background:transparent; border-color:var(--brand); color:#d8f7ff}
.btn-outline:hover{background:rgba(33,150,183,.12)}
.cta-row{display:flex; gap:12px; margin:14px 0 8px}
.strip.logos{padding:20px 0}
.logo-row{display:flex; flex-wrap:wrap; gap:10px 16px; color:#cfe7ff}
.cards .grid-3{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.card{background:var(--card); border:1px solid var(--outline); border-radius:16px; padding:18px}
.page-hero{padding:34px 0 10px; border-bottom:1px solid var(--outline); margin-bottom:16px}
.narrow{max-width:820px; margin:0 auto}
.grid-2{display:grid; grid-template-columns:1fr 1fr; gap:20px; align-items:center}
.grid-2 .img img{width:100%; border-radius:16px; box-shadow:0 10px 40px rgba(0,0,0,.35)}
.note{background:rgba(33,150,183,.08); border:1px dashed var(--brand); padding:12px 14px; border-radius:12px; margin:18px 0}
.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:18px}
label{display:block; font-weight:600; margin:8px 0 6px}
input,textarea{width:100%; padding:12px 12px; border-radius:12px; background:#0b1a33; border:1px solid #1d2f53; color:#eaf2ff}
input:focus,textarea:focus{outline:2px solid var(--brand)}
.checkbox{display:flex; align-items:flex-start; gap:10px; font-weight:400}
.form-msg{color:#9bd59d; margin-top:10px}
.contact-img{width:100%; border-radius:12px; margin-top:8px}
.cta .cta-box{background:linear-gradient(135deg, rgba(33,150,183,.2), rgba(0,188,212,.12)); border:1px solid var(--outline); border-radius:18px; padding:22px; text-align:center}
.cookie-banner{position:fixed; left:0; right:0; bottom:0; background:#08101f; border-top:1px solid var(--outline); transform:translateY(110%); transition:.4s ease; z-index:50}
.cookie-wrap{display:flex; gap:12px; align-items:center; justify-content:space-between; padding:12px 0}
.switch{display:flex; align-items:center; gap:10px}
.btn{cursor:pointer}
@media (max-width:960px){
  .hero-grid{grid-template-columns:1fr; gap:18px}
  .cards .grid-3{grid-template-columns:1fr}
  .grid-2{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr; gap:8px}
}