:root{
  --navy:#0b2638;
  --navy2:#0d3044;
  --gold:#c58a27;
  --gold2:#dfb15a;
  --cream:#f6f3ee;
  --ink:#102131;
  --muted:#66727c;
  --line:#e1e5e7;
  --white:#fff;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#d9dddd}
a{text-decoration:none;color:inherit}
img{display:block;width:100%}
.site{width:min(1180px,96%);margin:18px auto;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.13)}
.container{width:min(1080px,91%);margin:auto}

header{background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #eceff0}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.logo{font-size:23px;font-weight:900;color:var(--navy)}
.logo b{color:var(--gold)}
.logo small{display:block;font-size:8px;letter-spacing:.14em;color:#87929b}
.links{display:flex;gap:26px;font-size:11px;font-weight:800}
.links a:hover,.links a.active{color:var(--gold)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 21px;background:var(--gold);color:#fff;border:1px solid var(--gold);font-size:10px;font-weight:900;border-radius:3px;cursor:pointer}
.btn.dark{background:var(--navy);border-color:var(--navy)}
.btn.outline{background:transparent;color:var(--navy);border-color:#9cacb6}
.menu{display:none;border:0;background:none;color:var(--navy);font-size:25px}

.hero{
  min-height:520px;
  background:
    linear-gradient(90deg,rgba(8,30,45,.90) 0%,rgba(8,30,45,.70) 44%,rgba(8,30,45,.16) 70%),
    url("../images/agent.webp") center right/cover;
  color:#fff;display:flex;align-items:center;
}
.hero-copy{max-width:590px}
.hero h1,.pagehero h1{font-size:51px;line-height:1.03;margin:0 0 16px}
.hero p{max-width:540px;color:#d7e0e5;font-size:12px;line-height:1.7}
.searchbox{display:flex;max-width:470px;margin-top:20px}
.searchbox input{flex:1;padding:14px;border:0;outline:0}
.searchbox button{border:0;background:var(--gold);color:#fff;padding:0 20px;font-weight:900}
.checkline{margin-top:10px;font-size:9px;color:#dce3e7}

.section{padding:65px 0}
.section-head{text-align:center;margin-bottom:34px}
.section-head h2{font-size:36px;margin:0 0 10px}
.section-head p{max-width:680px;margin:auto;color:var(--muted);font-size:11px;line-height:1.7}

.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.benefit{text-align:left;padding:8px}
.benefit h3{font-size:14px;margin:0 0 8px}
.benefit p{font-size:10px;color:var(--muted);line-height:1.65}

.split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.split img{height:390px;object-fit:cover}
.split h2{font-size:38px;line-height:1.06;margin:0 0 15px}
.split p{font-size:12px;color:var(--muted);line-height:1.75}
.checks{list-style:none;padding:0;margin:18px 0}
.checks li{font-size:10px;margin:9px 0}
.checks li:before{content:"✓";color:var(--gold);font-weight:900;margin-right:8px}

.stats{background:var(--navy);color:#fff}
.statgrid{display:grid;grid-template-columns:repeat(4,1fr)}
.stat{text-align:center;padding:26px;border-right:1px solid rgba(255,255,255,.15)}
.stat:last-child{border-right:0}
.stat b{display:block;font-size:27px;color:var(--gold2)}
.stat span{font-size:9px;color:#ced8de}

.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{border:1px solid var(--line);background:#fff}
.card img{height:220px;object-fit:cover}
.card .body{padding:18px}
.card h3{font-size:16px;margin:0 0 8px}
.card p{font-size:10px;color:var(--muted);line-height:1.65}

.pagehero{padding:82px 0;background:linear-gradient(135deg,#f2f3f1,#fff)}
.pagehero p{max-width:680px;color:var(--muted);line-height:1.7}

.contact{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px}
.contact-card{background:var(--navy);color:#fff;padding:28px}
.contact-card p{font-size:11px;color:#d5e1e7;line-height:1.8}
.form{border:1px solid var(--line);padding:28px}
.field{margin-bottom:12px}
.field label{display:block;font-size:10px;font-weight:800;margin-bottom:6px}
.field input,.field textarea,.field select{width:100%;padding:13px;border:1px solid #d8dfe4;font:inherit}
.field textarea{height:120px}

footer{background:var(--navy);color:#fff;padding:42px 0 18px}
.foot{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px}
.foot h4{font-size:10px}.foot p,.foot a{font-size:9px;color:#c5d2d8;line-height:1.9}
.copy{border-top:1px solid rgba(255,255,255,.15);margin-top:24px;padding-top:13px;font-size:9px;color:#97aab3}

@media(max-width:900px){
  .site{width:100%;margin:0}
  .links{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:25px;flex-direction:column}
  .links.open{display:flex}
  .menu{display:block}
  .nav>.btn{display:none}
  .benefits,.cards3{grid-template-columns:repeat(2,1fr)}
  .split,.contact{grid-template-columns:1fr}
  .statgrid{grid-template-columns:repeat(2,1fr)}
  .foot{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .hero h1,.pagehero h1{font-size:38px}
  .benefits,.cards3,.statgrid,.foot{grid-template-columns:1fr}
  .section{padding:50px 0}
  .searchbox{flex-direction:column;gap:8px}
  .searchbox button{padding:13px}
}