:root{
  --navy:#07172d;
  --navy-2:#0d2545;
  --silver:#d6d9de;
  --gold:#c9a44c;
  --white:#ffffff;
  --muted:#6b7280;
  --bg:#f4f6f8;
}
*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:#172033;line-height:1.6}
.container{width:min(1140px,92%);margin:auto}
.header{position:sticky;top:0;background:rgba(7,23,45,.96);z-index:10;border-bottom:1px solid rgba(201,164,76,.35)}
.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 0}
.brand{display:flex;gap:14px;align-items:center;color:var(--white)}
.logo{width:54px;height:54px;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--silver);letter-spacing:2px;background:linear-gradient(145deg,var(--navy),var(--navy-2))}
.brand span{display:block;color:var(--silver);font-size:13px}
nav a{color:var(--silver);text-decoration:none;margin-left:24px;font-weight:600;font-size:14px}
nav a:hover{color:var(--gold)}
.hero{position:relative;min-height:680px;background:
linear-gradient(rgba(7,23,45,.78),rgba(7,23,45,.85)),
url('https://images.unsplash.com/photo-1518709268805-4e9042af2176?auto=format&fit=crop&w=1800&q=80') center/cover;display:flex;align-items:center;color:var(--white)}
.hero-content{position:relative;max-width:850px}
.tag,.eyebrow{text-transform:uppercase;letter-spacing:2px;font-weight:700;font-size:13px;color:var(--gold)}
h1{font-size:56px;line-height:1.08;margin:12px 0 20px}
h2{font-size:36px;line-height:1.2;margin:8px 0 18px;color:var(--navy)}
.dark h2,.dark h3{color:var(--white)}
.lead{font-size:20px;color:#e5e7eb;max-width:760px}
.buttons{margin-top:32px;display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-block;padding:14px 22px;border-radius:2px;text-decoration:none;font-weight:800}
.primary{background:var(--gold);color:var(--navy)}
.secondary{border:1px solid var(--silver);color:var(--white)}
.section{padding:82px 0}
.grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}
.card{background:var(--white);padding:34px;border-top:4px solid var(--gold);box-shadow:0 18px 40px rgba(15,23,42,.08)}
.premium-card{background:linear-gradient(145deg,var(--navy),var(--navy-2));color:var(--silver)}
.premium-card h3{color:var(--white)}
.dark{background:var(--navy);color:var(--silver)}
.gold{color:var(--gold)}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:34px}
.services article{background:rgba(255,255,255,.07);border:1px solid rgba(214,217,222,.18);padding:30px;min-height:210px;display:flex;flex-direction:column;justify-content:flex-start}
.services p{margin:0;font-size:16px;line-height:1.6;color:var(--silver)}
.services h3{margin:0 0 18px 0;font-size:21px;line-height:1.25}
.chips{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.chips span{background:var(--white);border:1px solid #d9dde5;padding:14px 18px;font-weight:700;color:var(--navy);box-shadow:0 8px 20px rgba(15,23,42,.05)}
.capabilities ul{columns:2;padding-left:20px;font-weight:700}
.advantages{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:30px}
.advantages div{padding:30px;border-left:3px solid var(--gold);background:rgba(255,255,255,.06)}
.advantages strong{color:var(--gold);font-size:24px}
.contact-box{display:flex;justify-content:space-between;gap:30px;align-items:center;background:var(--white);padding:44px;border-left:5px solid var(--gold);box-shadow:0 16px 36px rgba(15,23,42,.08)}
.contact a{color:var(--navy);font-weight:800}
footer{background:#040d1b;color:var(--silver);padding:28px 0}
.footer{display:flex;justify-content:space-between;gap:20px;font-size:14px}
@media(max-width:860px){
  nav{display:none}
  h1{font-size:38px}
  h2{font-size:28px}
  .grid-2,.services,.advantages{grid-template-columns:1fr}
  .contact-box,.footer{flex-direction:column;align-items:flex-start}
  .hero{min-height:620px}
}