/* ===== Design v2 — homepage preview (loads after styles.css, homepage only) ===== */
body{font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
h1,h2,h3{font-family:'Archivo','Inter',sans-serif;letter-spacing:-.015em}
header{box-shadow:0 2px 16px rgba(13,36,56,.10)}
section{padding:64px 0}
h2{font-size:2.05rem;line-height:1.16;margin-bottom:16px}
.eyebrow{display:block;font-family:'Archivo',sans-serif;font-weight:800;font-size:.78rem;letter-spacing:.17em;text-transform:uppercase;color:#c07f16;margin-bottom:10px}
.eyebrow.light{color:var(--amber)}

/* Hero */
.hero{padding:0}
.herogrid{display:grid;grid-template-columns:1.45fr .95fr;gap:46px;align-items:center;padding:88px 18px 80px}
.hero h1{font-size:3.15rem;line-height:1.05;font-weight:900;max-width:650px;margin-bottom:18px}
.hero p{font-size:1.13rem;line-height:1.6;max-width:570px;color:#e8eff5}
.hero .cta,.hero .cta2{font-weight:700;padding:15px 26px;font-size:1.05rem}
.hero .sub{margin-top:18px}

/* Call card */
.callcard{background:#fff;color:var(--ink);border-radius:16px;padding:28px 26px;box-shadow:0 26px 55px rgba(3,18,32,.38)}
.cc-top{font-family:'Archivo',sans-serif;font-weight:800;font-size:1.3rem;color:var(--navy)}
.cc-p{color:var(--mut);margin:7px 0 14px;font-size:.99rem;line-height:1.5}
.cc-phone{display:block;font-family:'Archivo',sans-serif;font-size:2.05rem;font-weight:900;color:var(--navy);text-decoration:none;letter-spacing:-.01em}
.cc-row{display:flex;gap:16px;flex-wrap:wrap;margin:12px 0 18px;font-weight:600;font-size:.92rem;color:#2e7d32}
.cc-dot::before{content:"●";margin-right:6px;font-size:.72rem;vertical-align:2px}
.cc-btn{display:block;text-align:center;background:var(--amber);color:#23180a;font-weight:800;padding:15px;border-radius:11px;text-decoration:none;font-size:1.06rem;transition:transform .18s ease,box-shadow .18s ease}
.cc-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(35,24,10,.28)}
.cc-small{text-align:center;color:var(--mut);font-size:.86rem;margin-top:11px}

/* Trust strip */
.trust{padding:24px 0}
.titem{font-weight:600;font-size:1rem}

/* Split (About) */
.split{display:grid;grid-template-columns:1fr 1.12fr;gap:46px;align-items:center}
.split .photo{margin:0}
.split .pageimg{border-radius:14px;box-shadow:0 18px 38px rgba(13,36,56,.20)}
.split-text p{margin-bottom:12px}

/* Service cards: full-bleed photos + zoom */
#services .card{padding:0 0 18px;overflow:hidden}
#services .cardimg{height:175px;border-radius:0;margin-bottom:14px;transition:transform .4s ease}
#services .card:hover .cardimg{transform:scale(1.06)}
#services .card h3,#services .card p{padding-left:18px;padding-right:18px}

/* Why cards with icons */
.whycard{padding:22px}
.wic{display:inline-flex;width:47px;height:47px;border-radius:12px;background:#fdf1da;color:#b97a14;align-items:center;justify-content:center;margin-bottom:13px}
.wic svg{width:25px;height:25px}

/* Process steps */
.step{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}
.step p b{font-family:'Archivo',sans-serif;color:var(--navy);font-size:1.06rem}

/* Mid-page CTA band */
.band h2{font-size:1.9rem}
.band .btn,.band a{font-weight:700}

@media (max-width:920px){
  .herogrid{grid-template-columns:1fr;gap:30px;padding:58px 18px 52px}
  .hero h1{font-size:2.35rem}
  .split{grid-template-columns:1fr;gap:26px}
  section{padding:48px 0}
  h2{font-size:1.75rem}
}