:root{
  --brand:#0b4f6c;
  --brand-2:#0e7c86;
  --ink:#0f172a;
  --muted:#64748b;
  --bg:#ffffff;
  --bg-alt:#f8fafc;
  --border:#e2e8f0;
  --shadow:0 10px 30px rgba(2,6,23,0.08);
}

html,body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);}

.topbar{background:var(--brand);color:white;}
.topbar .topbar-link{color:rgba(255,255,255,0.92);text-decoration:none;}
.topbar .topbar-link:hover{text-decoration:underline;}

.site-header .navbar{padding:0.9rem 0;}
.brand-text{font-weight:700;letter-spacing:-0.01em;}

.btn-primary{background:var(--brand);border-color:var(--brand);}
.btn-primary:hover{background:var(--brand-2);border-color:var(--brand-2);}

.hero{background:linear-gradient(180deg,var(--bg-alt),var(--bg));border-bottom:1px solid var(--border);}
.kicker{font-weight:600;color:var(--brand);letter-spacing:0.08em;text-transform:uppercase;font-size:0.8rem;margin-bottom:0.5rem;}
.trustline{color:var(--muted);font-size:0.95rem;}

.section{background:var(--bg);}
.section-alt{background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}

.page-hero{background:linear-gradient(180deg,var(--bg-alt),var(--bg));border-bottom:1px solid var(--border);}

.hero-card{position:relative;}
.hero-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:1.25rem;background:rgba(248,250,252,0.75);border:1px dashed var(--border);border-radius:1rem;}
.hero-placeholder-inner{text-align:center;}

.service-card{border:1px solid var(--border);border-radius:1rem;box-shadow:none;transition:transform 120ms ease, box-shadow 120ms ease;}
.service-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);}

.placeholder-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-start;padding:0.75rem;}

.callout{border:1px solid var(--border);border-radius:1rem;padding:1rem;background:var(--bg-alt);}

.footer{background:#fff;}
.footer-link{color:var(--muted);text-decoration:none;}
.footer-link:hover{color:var(--ink);text-decoration:underline;}

.service-card {
    transition: transform .12s ease, box-shadow .12s ease;
}

    .service-card:hover {
        transform: translateY(-2px);
        box-shadow: 0 .75rem 1.5rem rgba(0,0,0,.08);
    }