/* Minimal, modern styling */
:root{
  --bg:#0b0c0f;
  --panel:#101218;
  --muted:#c6c6c9;
  --text:#e9e9ee;
  --brand:#4f8cff;
  --brand-2:#8ae0ff;
  --card:#141824;
  --alt:#0f1117;
  --border:#222636;
  --ok:#26c281;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:linear-gradient(180deg,#0b0c10,#0a0c12 40%,#0a0b10)}
a{color:var(--brand);text-decoration:none}
.container{max-width:1080px;margin-inline:auto;padding:0 20px}

.site-header{position:sticky;top:0;z-index:10;background:rgba(10,12,16,.75);backdrop-filter:saturate(120%) blur(10px);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:inline-flex;align-items:center;gap:.6rem;color:var(--text);font-weight:700;letter-spacing:.2px}
.brand.small{font-size:.95rem}
.brand-mark{width:28px;height:28px}
.brand-text{line-height:1}
.top-nav{display:flex;gap:22px;align-items:center}
.top-nav a{color:var(--muted)}
.top-nav a.cta{padding:.55rem .9rem;background:var(--brand);color:#04122b;border-radius:12px;font-weight:600}
.nav-toggle{display:none;background:none;border:none;color:var(--text);font-size:1.4rem}

.hero{padding:56px 0 24px;border-bottom:1px solid var(--border);background:radial-gradient(1200px 500px at 10% -10%,rgba(79,140,255,.12),transparent)}
.hero-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:32px;align-items:center}
.hero-copy h1{margin:0 0 10px;font-size:2.2rem;line-height:1.15}
.hero-copy p{color:var(--muted)}
.hero-cta{display:flex;gap:12px;margin-top:14px}
.btn{display:inline-block;border:1px solid var(--border);padding:.6rem 1rem;border-radius:12px;color:var(--text)}
.btn.primary{background:linear-gradient(90deg,var(--brand),var(--brand-2));border:none;color:#04122b;font-weight:700}

.hero-card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:20px;min-height:260px;padding:22px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.25)}
.hero-card .stamp{position:absolute;right:-24px;top:-24px;width:160px;height:160px;border:2px dashed #4f5b7d;border-radius:50%;display:grid;place-items:center;transform:rotate(-12deg);opacity:.35;font-weight:800;letter-spacing:2px;color:#7aa2ff}
.doc-card{position:absolute;left:24px;bottom:24px;width:60%;height:58%;background:#0b0f1a;border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.doc-card .line{height:8px;margin:14px;border-radius:6px;background:#22314f}
.doc-card .line.short{width:60%}
.doc-card .seal{position:absolute;right:12px;bottom:12px;font-size:28px;color:#6fb7ff}

.section{padding:54px 0;border-bottom:1px solid var(--border)}
.section.alt{background:linear-gradient(180deg,#0b0d12,#0b0e14)}
h2{margin:0 0 18px;font-size:1.6rem}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{background:var(--card);border:1px solid var(--border);padding:18px;border-radius:16px}
.card h3{margin:0 0 8px;font-size:1.05rem}
.note{margin-top:14px;color:var(--muted);font-size:.95rem}

.rate-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:start}
.rate-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px}
.rates{list-style:none;padding:0;margin:0}
.rates li{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px dashed #2a324a}
.rates li:last-child{border-bottom:none}
.rates span{color:#cfd7ef}
.rates strong{font-weight:800;color:#eaf1ff}
.fine{color:#99a3c4;font-size:.9rem;margin-top:10px}
.rate-img img{width:100%;height:auto;border-radius:12px;border:1px solid var(--border)}

.coverage-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.map-wrap{border-radius:16px;overflow:hidden;border:1px solid var(--border)}

.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form{display:grid;gap:10px}
.form label{display:grid;gap:6px;font-weight:600}
.form input,.form textarea{background:#0a0e17;color:var(--text);border:1px solid var(--border);border-radius:10px;padding:.7rem .8rem}
.form button{justify-self:start}

.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.badge{background:#0b1222;color:#b8ccff;border:1px solid #223258;padding:.35rem .6rem;border-radius:999px;font-size:.85rem}

.site-footer{background:var(--panel);border-top:1px solid var(--border)}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;padding:26px 0}
.foot-cols{display:flex;gap:28px}
.foot-cols h4{margin:0 0 8px}
.legal{text-align:center;color:#8290b0;border-top:1px solid var(--border);padding:12px 0}

@media (max-width: 960px){
  .hero-grid{grid-template-columns:1fr}
  .cards{grid-template-columns:repeat(2,1fr)}
  .rate-grid{grid-template-columns:1fr}
  .coverage-grid,.contact-grid{grid-template-columns:1fr}
  .top-nav{display:none}
  .nav-toggle{display:block}
}