/* Shared brand styles for the call-focused pages */
:root{
  --brand-accent:#2b75bd;
  --body-bg:#f4f6f8;
  --card-bg:#ffffff;
  --muted:#666;
  --max-width:920px;
}
html,body{height:100%}
body{background:var(--body-bg);font-family:Arial,Helvetica,sans-serif;color:#222;margin:0}
.wrap{display:flex;flex-direction:column;align-items:center;padding:18px 14px}
.wrap .container{width:100%;max-width:var(--max-width);}
.badge-official{display:inline-block;background:var(--brand-accent);color:#fff;padding:6px 12px;border-radius:999px;font-weight:700;font-size:13px;margin-bottom:12px}
h1{font-size:28px;color:var(--brand-accent);margin:6px 0}
p.lead{color:var(--muted);max-width:760px;margin:0 auto 16px;line-height:1.5}
.card{width:100%;max-width:760px;background:var(--card-bg);border-radius:12px;padding:28px;box-shadow:0 10px 30px rgba(0,0,0,0.06);display:flex;align-items:center;gap:18px}
.card img{max-width:120px}
.cta{display:inline-block;background:var(--brand-accent);color:#fff;padding:14px 22px;border-radius:12px;font-weight:800;font-size:18px;text-decoration:none}
.cta:active{transform:translateY(1px)}
.tel{margin-top:14px;color:#333}
.tel a{color:#1aa07a;font-weight:700;text-decoration:none}
.services{background:#fff;padding:18px;border-radius:6px;margin-top:20px;box-shadow:0 6px 20px rgba(0,0,0,0.03)}
.services h3{color:var(--brand-accent);margin:0 0 8px}
.services ul{margin:0;padding-left:18px;color:#444}
.bottom-cta{position:fixed;left:16px;right:16px;bottom:18px;display:flex;justify-content:center}
@media(min-width:769px){
  .wrap{padding:30px 12px}
  .bottom-cta{display:none}
  h1{font-size:32px}
}
/* Modal tweaks */
#call-modal{font-family:inherit}
#call-modal img{display:block;margin:0 auto}
#call-modal h2{margin:8px 0 6px}
#call-modal p{margin:0 0 12px}
#call-modal a{box-shadow:0 6px 18px rgba(0,0,0,0.12)}