/* ═══════════════════════════════════════
   Dr. Fixit Mobile — Design System
   ═══════════════════════════════════════ */

/* ── TOKENS ── */
:root {
  --primary:          #13B2E4;
  --primary-dark:     #0e94c2;
  --primary-light:    #e0f6fd;
  --secondary:        #F97316;
  --secondary-dark:   #ea6100;
  --accent:           #1AA38C;
  --accent-dark:      #147a6a;

  --bg:               #FFFFFF;
  --bg-muted:         #F1F5F9;
  --bg-card:          #FFFFFF;

  --text:             #111827;
  --text-muted:       #64748B;
  --border:           #E2E8F0;

  --success:          #16A34A;
  --warning:          #EAB308;
  --destructive:      #DC2626;

  --radius:           0.5rem;
  --radius-md:        0.375rem;
  --radius-lg:        0.5rem;
  --radius-xl:        1rem;
  --radius-2xl:       1.25rem;

  --shadow-sm:        0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
  --shadow:           0 4px 16px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.04);
  --shadow-lg:        0 12px 40px rgba(0,0,0,.1), 0 4px 12px rgba(0,0,0,.06);
  --shadow-primary:   0 4px 20px rgba(19,178,228,.25);
  --shadow-secondary: 0 4px 20px rgba(249,115,22,.25);
}


/* ── RESET ── */
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; font-size:16px; }
body {
  font-family:'Inter', sans-serif;
  background:var(--bg);
  color:var(--text);
  overflow-x:hidden;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img { max-width:100%; display:block; }
a { color:inherit; text-decoration:none; }

h1, h2, h3, h4, h5 {
  font-family:'Montserrat', sans-serif;
  font-weight:700;
  line-height:1.15;
  color:var(--text);
}

/* ══════════════════════════════════════
   NAV
══════════════════════════════════════ */
.nav {
  position:fixed; top:0; width:100%; z-index:1000;
  padding:.85rem 5%;
  display:flex; align-items:center; gap:1.25rem;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(20px);
  border-bottom:1px solid var(--border);
  box-shadow:var(--shadow-sm);
  transition:background .3s;
}

.nav-logo { display:flex; align-items:center; flex-shrink:0; }
.logo-img { height:40px; width:auto; object-fit:contain; display:block; }
.nav.scrolled { box-shadow: 0 4px 24px rgba(0,0,0,.1); }

.nav-phone {
  display:flex; align-items:center; gap:.4rem;
  color:var(--primary); font-size:.8rem; font-weight:600;
  border:1.5px solid var(--primary); padding:.3rem .85rem; border-radius:100px;
  transition:all .25s; white-space:nowrap;
}
.nav-phone:hover { background:var(--primary-light); }

.nav-links { display:flex; align-items:center; gap:.15rem; list-style:none; margin-left:auto; }
.nav-links > li { position:relative; }
.nav-links > li > a {
  color:var(--text-muted); font-size:.875rem; font-weight:500;
  padding:.48rem .85rem; border-radius:var(--radius); display:block; transition:all .25s;
}
.nav-links > li > a:hover,
.nav-links > li > a.active { color:var(--primary); background:var(--primary-light); }

/* Dropdown */
.nav-dropdown > a { display:flex; align-items:center; gap:.3rem; }
.nav-dropdown > a::after { content:'▾'; font-size:.6rem; opacity:.5; }
.dropdown-menu {
  position:absolute; top:calc(100% + .5rem); left:0;
  background:var(--bg-card); border:1px solid var(--border);
  border-radius:var(--radius-xl); padding:.5rem;
  min-width:180px; opacity:0; pointer-events:none;
  transform:translateY(-6px); transition:all .2s;
  box-shadow:var(--shadow-lg);
}
.nav-dropdown:hover .dropdown-menu,
.nav-dropdown.open .dropdown-menu { opacity:1; pointer-events:all; transform:translateY(0); }
.dropdown-menu a {
  display:block; padding:.55rem .9rem; border-radius:var(--radius-md);
  font-size:.875rem; color:var(--text-muted); transition:all .25s;
}
.dropdown-menu a:hover { color:var(--primary); background:var(--primary-light); }

.nav-actions { display:flex; align-items:center; gap:.6rem; }
.btn-book {
  padding:.52rem 1.2rem; border-radius:var(--radius); font-size:.82rem; font-weight:700;
  background:var(--secondary); color:#fff;
  transition:all .25s; white-space:nowrap; box-shadow:var(--shadow-secondary);
}
.btn-book:hover { background:var(--secondary-dark); transform:translateY(-1px); }

.hamburger { display:none; background:none; border:none; color:var(--text); font-size:1.25rem; cursor:pointer; margin-left:auto; }

.mobile-menu {
  display:none; position:fixed; top:62px; left:0; right:0;
  background:var(--bg-card); border-bottom:1px solid var(--border);
  padding:1.25rem 5%; z-index:999; flex-direction:column; gap:.35rem;
  box-shadow:var(--shadow);
}
.mobile-menu.open { display:flex; }

/* Dim overlay behind open menu */
.menu-overlay {
  display:none; position:fixed; inset:0; top:62px;
  background:rgba(0,0,0,.45); z-index:998;
}
.menu-overlay.active { display:block; }
.mobile-menu a {
  color:var(--text-muted); font-size:.95rem; padding:.65rem 0;
  border-bottom:1px solid var(--border); transition:color .25s;
}
.mobile-menu a:last-of-type { border-bottom:none; }
.mobile-menu a:hover { color:var(--primary); }
.mobile-actions { display:flex; gap:.75rem; margin-top:.75rem; flex-wrap:wrap; }
.mobile-actions a { flex:1; text-align:center; justify-content:center; }

/* ══════════════════════════════════════
   BUTTONS
══════════════════════════════════════ */
.btn-primary {
  display:inline-flex; align-items:center; gap:.5rem;
  background:var(--primary); color:#fff;
  padding:.85rem 1.85rem; border-radius:var(--radius-lg); font-weight:700; font-size:.95rem;
  font-family:'Inter',sans-serif;
  transition:all .25s; border:none; cursor:pointer;
  box-shadow:var(--shadow-primary);
}
.btn-primary:hover { background:var(--primary-dark); transform:translateY(-2px); box-shadow:0 8px 28px rgba(19,178,228,.35); }

.btn-cta {
  display:inline-flex; align-items:center; gap:.5rem;
  background:var(--secondary); color:#fff;
  padding:.85rem 1.85rem; border-radius:var(--radius-lg); font-weight:700; font-size:.95rem;
  font-family:'Inter',sans-serif;
  transition:all .25s; border:none; cursor:pointer;
  box-shadow:var(--shadow-secondary);
}
.btn-cta:hover { background:var(--secondary-dark); transform:translateY(-2px); box-shadow:0 8px 28px rgba(249,115,22,.35); }

.btn-secondary {
  display:inline-flex; align-items:center; gap:.5rem;
  background:transparent; color:var(--primary);
  padding:.85rem 1.85rem; border-radius:var(--radius-lg); font-weight:600; font-size:.95rem;
  font-family:'Inter',sans-serif;
  border:2px solid var(--primary); transition:all .25s; cursor:pointer;
}
.btn-secondary:hover { background:var(--primary-light); }

.btn-outline {
  display:inline-flex; align-items:center; gap:.5rem;
  background:transparent; color:var(--text-muted);
  padding:.85rem 1.85rem; border-radius:var(--radius-lg); font-weight:600; font-size:.95rem;
  font-family:'Inter',sans-serif;
  border:1.5px solid var(--border); transition:all .25s; cursor:pointer;
}
.btn-outline:hover { border-color:var(--primary); color:var(--primary); }

.btn-sm { padding:.55rem 1.2rem; font-size:.82rem; }

/* ══════════════════════════════════════
   LAYOUT / SECTIONS
══════════════════════════════════════ */
section { padding:5.5rem 5%; }
.s-label {
  display:inline-flex; align-items:center; gap:.4rem;
  color:var(--primary); font-size:.75rem; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; margin-bottom:.6rem;
  font-family:'Montserrat',sans-serif;
}
.s-title { font-size:clamp(1.8rem,3.2vw,2.8rem); font-weight:800; margin-bottom:.85rem; }
.s-sub { color:var(--text-muted); font-size:1rem; line-height:1.75; max-width:560px; }
.center { text-align:center; }
.center .s-sub { margin:0 auto; }
.bg-muted { background:var(--bg-muted); }

/* ══════════════════════════════════════
   HERO
══════════════════════════════════════ */
.hero {
  min-height:95vh;
  display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center;
  padding:0 5%; position:relative; overflow:hidden;
  background: linear-gradient(145deg, #f0fbff 0%, #e8f8fd 30%, #f5fffe 60%, #fff8f0 100%);
}
.hero-grid {
  position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(19,178,228,.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(19,178,228,.055) 1px, transparent 1px);
  background-size:52px 52px;
  mask-image: radial-gradient(ellipse 80% 80% at 50% 50%, black 40%, transparent 100%);
}
.hero-content { position:relative; z-index:1; }

/* ── Hero right panel ── */
.hero-panel {
  position: relative; z-index: 1;
  display: flex; align-items: center; justify-content: center;
  animation: fadeUp .7s ease .4s both;
}
.panel-card {
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px);
  border: 1.5px solid rgba(19,178,228,.22);
  border-radius: 22px; padding: 1.75rem;
  width: 100%; max-width: 380px;
  box-shadow: 0 24px 64px rgba(19,178,228,.12), 0 4px 20px rgba(0,0,0,.07);
}
.panel-header {
  display: flex; align-items: center; gap: .5rem; margin-bottom: 1.25rem;
  font-size: .72rem; font-weight: 700; text-transform: uppercase;
  letter-spacing: .09em; color: var(--text-muted); font-family: 'Montserrat', sans-serif;
}
.panel-dot { width: 8px; height: 8px; border-radius: 50%; }
.panel-dot-green { background: #16a34a; box-shadow: 0 0 0 3px rgba(22,163,74,.2); animation: pulse 2s infinite; }

.panel-repairs { display: flex; flex-direction: column; gap: .85rem; margin-bottom: 1.4rem; }
.panel-repair-item { display: flex; align-items: center; gap: .7rem; }
.panel-repair-icon { font-size: 1.35rem; width: 34px; text-align: center; flex-shrink: 0; }
.panel-repair-title { font-size: .82rem; font-weight: 700; color: var(--text); line-height: 1.2; }
.panel-repair-sub   { font-size: .72rem; color: var(--text-muted); }
.panel-repair-badge {
  margin-left: auto; font-size: .68rem; font-weight: 700;
  padding: .22rem .65rem; border-radius: 100px; white-space: nowrap; flex-shrink: 0;
}
.panel-repair-badge.done     { background: rgba(22,163,74,.12); color: #16a34a; }
.panel-repair-badge.progress { background: rgba(19,178,228,.12); color: var(--primary); }

.panel-stats-row {
  display: flex; gap: .5rem;
  padding-top: 1.2rem; border-top: 1px solid var(--border);
}
.panel-mini-stat { flex: 1; text-align: center; }
.panel-mini-num {
  display: block; font-size: 1.05rem; font-weight: 900;
  color: var(--text); font-family: 'Montserrat', sans-serif; line-height: 1.2;
}
.panel-mini-lbl { font-size: .64rem; color: var(--text-muted); font-weight: 500; }

.panel-badge-float {
  position: absolute;
  background: rgba(255,255,255,.94); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
  border: 1.5px solid var(--border); border-radius: 100px;
  padding: .45rem 1.05rem; font-size: .74rem; font-weight: 700;
  color: var(--text); white-space: nowrap;
  display: flex; align-items: center; gap: .4rem;
  box-shadow: var(--shadow);
}
.panel-badge-float i { color: var(--primary); }
.panel-badge-1 { top: -18px; left: -28px; animation: floatIcon 6s ease-in-out infinite; }
.panel-badge-2 { bottom: -14px; right: -18px; animation: floatIcon 6s ease-in-out 3s infinite; }
.hero-badge {
  display:inline-flex; align-items:center; gap:.45rem;
  background:var(--primary-light); border:1.5px solid rgba(19,178,228,.35);
  color:var(--primary); padding:.38rem .9rem; border-radius:100px;
  font-size:.78rem; font-weight:700; margin-bottom:1.4rem;
  font-family:'Montserrat',sans-serif;
  animation:fadeUp .5s ease both;
}
.pulse { width:7px; height:7px; background:#16A34A; border-radius:50%; animation:pulse 2s infinite; }
@keyframes pulse { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.4)} }

.hero h1 {
  font-size:clamp(2.8rem,5.2vw,5rem); font-weight:900; line-height:1.05;
  margin-bottom:1.35rem; animation:fadeUp .5s ease .1s both; color:var(--text);
}
.hero h1 .accent-blue  { color:var(--primary); }
.hero h1 .accent-orange { color:var(--secondary); }
.hero-sub { font-size:1.1rem; color:var(--text-muted); line-height:1.75; margin-bottom:2.2rem; animation:fadeUp .5s ease .2s both; }
.hero-btns { display:flex; gap:.85rem; flex-wrap:wrap; animation:fadeUp .5s ease .3s both; }

/* Page heroes (inner pages) */
.page-hero {
  padding:calc(62px + 4rem) 5% 4rem;
  background:linear-gradient(160deg, var(--primary-light) 0%, var(--bg-muted) 100%);
  border-bottom:1px solid var(--border); text-align:center;
  position:relative; overflow:hidden;
}
.page-hero h1 { font-size:clamp(2rem,4vw,3.2rem); }
.page-hero p { color:var(--text-muted); font-size:1.05rem; margin-top:.7rem; }

/* ══════════════════════════════════════
   STATS BAR
══════════════════════════════════════ */
.stats-bar {
  background: linear-gradient(135deg, var(--primary) 0%, #0e94c2 50%, var(--accent) 100%);
  padding:2rem 5%;
  position: relative; overflow: hidden;
}
.stats-bar::before {
  content: ''; position: absolute; inset: 0;
  background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  pointer-events: none;
}
.stats-inner { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; }
.stat-item {
  flex:1; min-width:140px; text-align:center; padding:.9rem 1.5rem;
  border-right:1px solid rgba(255,255,255,.2);
}
.stat-item:last-child { border-right:none; }
.stat-num { font-size:2.1rem; font-weight:900; color:#fff; display:block; line-height:1; font-family:'Montserrat',sans-serif; }
.stat-lbl { color:rgba(255,255,255,.8); font-size:.8rem; font-weight:500; margin-top:.25rem; }

/* ══════════════════════════════════════
   DOORSTEP BANNER
══════════════════════════════════════ */
.doorstep-banner {
  background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
  border-radius:var(--radius-2xl); padding:3rem; margin:0 5%;
  position:relative; overflow:hidden; color:#fff;
}
.doorstep-banner::before {
  content:''; position:absolute; top:-40px; right:-40px;
  width:260px; height:260px; border-radius:50%;
  background:rgba(255,255,255,.08); pointer-events:none;
}
.doorstep-inner { display:grid; grid-template-columns:1fr auto; gap:2rem; align-items:center; }
.doorstep-new {
  display:inline-flex; align-items:center;
  background:#fff; color:var(--secondary); padding:.22rem .7rem;
  border-radius:100px; font-size:.7rem; font-weight:800;
  letter-spacing:.06em; margin-bottom:.85rem; font-family:'Montserrat',sans-serif;
}
.doorstep-banner h2 { font-size:clamp(1.6rem,2.5vw,2.2rem); color:#fff; margin-bottom:.75rem; }
.doorstep-banner p { color:rgba(255,255,255,.88); line-height:1.75; margin-bottom:1.25rem; max-width:520px; }
.pills { display:flex; flex-wrap:wrap; gap:.55rem; margin-bottom:1.5rem; }
.pill {
  background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.3);
  color:#fff; padding:.28rem .8rem; border-radius:100px; font-size:.8rem; font-weight:600;
}
.doorstep-img { font-size:6rem; }
.doorstep-banner .btn-doorstep {
  background:#fff; color:var(--primary); font-weight:700;
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.82rem 1.75rem; border-radius:var(--radius-lg); font-size:.9rem;
  transition:all .25s; box-shadow:0 4px 16px rgba(0,0,0,.15);
}
.doorstep-banner .btn-doorstep:hover { transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,.2); }

/* ══════════════════════════════════════
   SERVICE CARDS
══════════════════════════════════════ */
.services-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:1.5rem; margin-top:3rem; }
.srv-card {
  background:var(--bg-card); border:1.5px solid var(--border);
  border-radius:var(--radius-2xl); padding:1.85rem; transition:all .28s;
  display:flex; flex-direction:column; gap:.6rem;
  box-shadow:var(--shadow-sm);
}
.srv-card:hover {
  border-color:var(--primary); transform:translateY(-5px);
  box-shadow:var(--shadow-lg), 0 0 0 3px var(--primary-light);
}
.srv-icon {
  width:52px; height:52px; border-radius:var(--radius-xl);
  background:var(--primary-light); display:flex; align-items:center; justify-content:center;
  font-size:1.35rem; color:var(--primary);
}
.srv-card h3 { font-size:1.05rem; font-weight:700; color:var(--text); }
.srv-card p { color:var(--text-muted); font-size:.875rem; line-height:1.65; flex:1; }
.srv-card a { color:var(--primary); font-size:.82rem; font-weight:600; transition:opacity .2s; margin-top:.25rem; }
.srv-card a:hover { opacity:.7; }

/* Service detail pages */
.srv-detail { display:grid; grid-template-columns:1fr 1fr; gap:4.5rem; align-items:center; }
.srv-detail.reverse { direction:rtl; }
.srv-detail.reverse > * { direction:ltr; }
.srv-check-list { list-style:none; display:flex; flex-direction:column; gap:.65rem; margin:1.5rem 0 2rem; }
.srv-check-list li { display:flex; align-items:center; gap:.75rem; color:var(--text-muted); font-size:.925rem; }
.srv-check-list li::before { content:'✓'; color:var(--success); font-weight:800; font-size:.9rem; flex-shrink:0; }
.srv-visual {
  background:linear-gradient(135deg, var(--primary-light) 0%, rgba(26,163,140,.1) 100%);
  border:1.5px solid var(--border); border-radius:var(--radius-2xl); padding:3rem;
  text-align:center; font-size:7rem; display:flex; align-items:center; justify-content:center;
  aspect-ratio:1; box-shadow:var(--shadow);
}

/* ══════════════════════════════════════
   WHY CARDS
══════════════════════════════════════ */
.why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:3rem; }
.why-card {
  background:var(--bg-card); border:1.5px solid var(--border);
  border-radius:var(--radius-2xl); padding:2rem; transition:all .28s; box-shadow:var(--shadow-sm);
}
.why-card:hover { border-color:var(--primary); transform:translateY(-4px); box-shadow:var(--shadow); }
.why-icon {
  width:50px; height:50px; border-radius:var(--radius-xl);
  background:var(--primary-light); display:flex; align-items:center; justify-content:center;
  font-size:1.25rem; color:var(--primary); margin-bottom:1.1rem;
}
.why-card h3 { font-size:1rem; font-weight:700; margin-bottom:.4rem; }
.why-card p { color:var(--text-muted); font-size:.875rem; line-height:1.65; }

/* ══════════════════════════════════════
   LOCATION CARDS
══════════════════════════════════════ */
.loc-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.75rem; margin-top:3rem; }
.loc-card {
  background:var(--bg-card); border:1.5px solid var(--border);
  border-radius:var(--radius-2xl); padding:2.25rem; transition:all .28s; box-shadow:var(--shadow-sm);
}
.loc-card:hover { border-color:var(--primary); transform:translateY(-3px); box-shadow:var(--shadow-lg); }
.loc-icon {
  width:56px; height:56px; border-radius:var(--radius-xl);
  background:linear-gradient(135deg, var(--primary), var(--accent));
  display:flex; align-items:center; justify-content:center;
  font-size:1.5rem; margin-bottom:1.2rem; box-shadow:var(--shadow-primary);
}
.loc-card h3 { font-size:1.2rem; font-weight:800; margin-bottom:.35rem; }
.loc-card p { color:var(--text-muted); font-size:.875rem; line-height:1.8; }
.loc-card a { display:inline-flex; align-items:center; gap:.4rem; color:var(--primary); font-weight:600; margin-top:.9rem; font-size:.875rem; transition:opacity .2s; }
.loc-card a:hover { opacity:.75; }
.loc-note { font-size:.78rem; color:var(--text-muted); margin-top:.5rem; font-style:italic; }

/* ══════════════════════════════════════
   PAY IN 4
══════════════════════════════════════ */
.pay4-wrap {
  display:grid; grid-template-columns:1fr 1fr; gap:4rem; align-items:center;
  background:var(--bg-card); border:1.5px solid var(--border);
  border-radius:var(--radius-2xl); padding:3.5rem; box-shadow:var(--shadow);
}
.pay4-list { list-style:none; display:flex; flex-direction:column; gap:.65rem; margin:1.5rem 0 2rem; }
.pay4-list li { display:flex; align-items:center; gap:.75rem; color:var(--text-muted); font-size:.925rem; }
.pay4-list li::before { content:'✓'; color:var(--success); font-weight:800; }
.pay4-steps { display:flex; align-items:center; gap:.4rem; margin-top:1rem; }
.pay4-step {
  flex:1; background:var(--primary-light); border:1.5px solid rgba(19,178,228,.25);
  border-radius:var(--radius-lg); padding:.7rem .5rem; text-align:center; font-size:.72rem; color:var(--text-muted);
}
.pay4-step strong { display:block; color:var(--primary); font-size:1rem; font-weight:800; font-family:'Montserrat',sans-serif; }
.pay4-arrow { color:var(--text-muted); font-size:.9rem; flex-shrink:0; }
.pay4-note { font-size:.78rem; color:var(--text-muted); margin-top:.75rem; }

/* ══════════════════════════════════════
   REVIEWS
══════════════════════════════════════ */
.reviews-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.5rem; margin-top:2.5rem; }
.review-card {
  background:var(--bg-card); border:1.5px solid var(--border);
  border-radius:var(--radius-2xl); padding:1.75rem; transition:all .28s;
  display:flex; flex-direction:column; gap:.85rem; box-shadow:var(--shadow-sm);
}
.review-card:hover { border-color:var(--primary); transform:translateY(-3px); box-shadow:var(--shadow); }
.review-stars { color:var(--warning); font-size:.9rem; letter-spacing:.05rem; }
.review-text { color:var(--text-muted); font-size:.875rem; line-height:1.7; flex:1; }
.review-text::before { content:'"'; color:var(--primary); font-size:1.2rem; font-weight:700; }
.review-text::after  { content:'"'; color:var(--primary); font-size:1.2rem; font-weight:700; }
.review-author { font-weight:700; font-size:.88rem; color:var(--text); font-family:'Montserrat',sans-serif; }
.reviews-cta { text-align:center; margin-top:2rem; }
.reviews-cta a { color:var(--primary); font-weight:700; font-size:.9rem; transition:opacity .2s; }
.reviews-cta a:hover { opacity:.7; }

/* ══════════════════════════════════════
   CTA BANNER
══════════════════════════════════════ */
.cta-banner {
  background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
  border-radius:var(--radius-2xl); padding:4.5rem 5%;
  margin:0 5%; text-align:center; position:relative; overflow:hidden; color:#fff;
}
.cta-banner::before {
  content:''; position:absolute; top:-60px; right:-60px; width:300px; height:300px;
  border-radius:50%; background:rgba(255,255,255,.07); pointer-events:none;
}
.cta-banner::after {
  content:''; position:absolute; bottom:-80px; left:-40px; width:260px; height:260px;
  border-radius:50%; background:rgba(255,255,255,.05); pointer-events:none;
}
.cta-banner h2 { font-size:clamp(1.8rem,3vw,2.6rem); color:#fff; margin-bottom:.9rem; }
.cta-banner p { color:rgba(255,255,255,.88); font-size:1rem; max-width:480px; margin:0 auto 2rem; line-height:1.75; }
.cta-banner .btn-group { display:flex; justify-content:center; gap:1rem; flex-wrap:wrap; position:relative; z-index:1; }
.cta-banner .btn-white {
  background:#fff; color:var(--primary); font-weight:700;
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.85rem 1.85rem; border-radius:var(--radius-lg); font-size:.95rem;
  transition:all .25s; box-shadow:0 4px 18px rgba(0,0,0,.15);
}
.cta-banner .btn-white:hover { transform:translateY(-2px); box-shadow:0 8px 28px rgba(0,0,0,.2); }
.cta-banner .btn-ghost {
  background:rgba(255,255,255,.15); color:#fff; border:1.5px solid rgba(255,255,255,.4);
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.85rem 1.85rem; border-radius:var(--radius-lg); font-size:.95rem; font-weight:600;
  transition:all .25s;
}
.cta-banner .btn-ghost:hover { background:rgba(255,255,255,.25); }

/* Secondary button inside CTA banners needs white text, not blue */
.cta-banner .btn-secondary,
.doorstep-banner .btn-secondary {
  color:#fff; border-color:rgba(255,255,255,.55);
  background:rgba(255,255,255,.12);
}
.cta-banner .btn-secondary:hover,
.doorstep-banner .btn-secondary:hover {
  background:rgba(255,255,255,.25); border-color:#fff;
}

/* ══════════════════════════════════════
   STAFF BAR
══════════════════════════════════════ */
.staff-bar {
  background:var(--bg-muted); border-top:1px solid var(--border);
  padding:.85rem 5%; text-align:center; font-size:.82rem; color:var(--text-muted);
}
.staff-bar a { color:var(--primary); font-weight:600; }

/* ══════════════════════════════════════
   VALUES GRID (About)
══════════════════════════════════════ */
.values-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem; margin-top:3rem; }
.val-card {
  background:var(--bg-card); border:1.5px solid var(--border);
  border-radius:var(--radius-2xl); padding:2rem; transition:all .28s; box-shadow:var(--shadow-sm);
}
.val-card:hover { border-color:var(--primary); transform:translateY(-4px); box-shadow:var(--shadow); }
.val-num { font-size:2.5rem; font-weight:900; color:var(--primary-light); line-height:1; margin-bottom:.75rem; font-family:'Montserrat',sans-serif; }
.val-card h3 { font-size:1rem; font-weight:700; margin-bottom:.4rem; }
.val-card p { color:var(--text-muted); font-size:.875rem; line-height:1.65; }

/* ══════════════════════════════════════
   CONTACT
══════════════════════════════════════ */
.contact-grid { display:grid; grid-template-columns:1fr 1.4fr; gap:3.5rem; }
.contact-info { display:flex; flex-direction:column; gap:1.75rem; }
.contact-block h3 { font-size:.95rem; font-weight:700; margin-bottom:.5rem; color:var(--text); }
.contact-block p,
.contact-block a { color:var(--text-muted); font-size:.875rem; line-height:1.85; display:block; }
.contact-block a:hover { color:var(--primary); }
.contact-icon-row { display:flex; align-items:flex-start; gap:.85rem; }
.c-icon {
  width:42px; height:42px; min-width:42px; border-radius:var(--radius-lg);
  background:var(--primary-light); display:flex; align-items:center; justify-content:center;
  color:var(--primary); font-size:.95rem;
}
.form-wrap {
  background:var(--bg-card); border:1.5px solid var(--border);
  border-radius:var(--radius-2xl); padding:2.5rem; box-shadow:var(--shadow);
}
.form-wrap h2 { font-size:1.5rem; margin-bottom:1.5rem; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.form-group { display:flex; flex-direction:column; gap:.45rem; margin-bottom:1rem; }
.form-group label { font-size:.8rem; font-weight:600; color:var(--text-muted); font-family:'Montserrat',sans-serif; letter-spacing:.03em; }
.form-group input,
.form-group select,
.form-group textarea {
  background:var(--bg-muted); border:1.5px solid var(--border);
  border-radius:var(--radius-lg); padding:.7rem 1rem; color:var(--text);
  font-size:.9rem; font-family:'Inter',sans-serif; outline:none; transition:border-color .25s, box-shadow .25s; resize:vertical;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
  border-color:var(--primary);
  box-shadow:0 0 0 3px var(--primary-light);
}
.form-group input::placeholder,
.form-group textarea::placeholder { color:var(--text-muted); opacity:.6; }

/* ══════════════════════════════════════
   BRAND TAGS
══════════════════════════════════════ */
.brand-tags { display:flex; flex-wrap:wrap; gap:.65rem; margin-top:2rem; justify-content:center; }
.brand-tag {
  background:var(--bg-muted); border:1.5px solid var(--border);
  color:var(--text-muted); padding:.45rem 1rem; border-radius:100px;
  font-size:.82rem; font-weight:500; transition:all .25s;
}
.brand-tag:hover { color:var(--primary); border-color:var(--primary); background:var(--primary-light); }

/* ══════════════════════════════════════
   FOOTER
══════════════════════════════════════ */
footer {
  background:var(--text);
  color:#fff;
  padding:4rem 5% 2rem;
}
.footer-top { display:grid; grid-template-columns:2fr 1fr 1fr 1.5fr; gap:3rem; margin-bottom:3rem; }
footer .nav-logo {
  display: inline-flex;
  background: #fff;
  border-radius: 10px;
  padding: 5px 10px;
}
footer .logo-img { height: 36px; filter: none; }
.footer-brand p { color:rgba(255,255,255,.55); font-size:.85rem; line-height:1.75; margin-top:1rem; max-width:300px; }
.footer-socials { display:flex; gap:.6rem; margin-top:1.25rem; }
.social {
  width:34px; height:34px; border-radius:var(--radius); border:1px solid rgba(255,255,255,.15);
  display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,.5);
  font-size:.85rem; transition:all .25s;
}
.social:hover { border-color:var(--primary); color:var(--primary); }
.footer-col h4 { font-size:.72rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.4); margin-bottom:1rem; font-family:'Montserrat',sans-serif; }
.footer-col ul { list-style:none; display:flex; flex-direction:column; gap:.55rem; }
.footer-col ul a { color:rgba(255,255,255,.55); font-size:.85rem; transition:color .25s; }
.footer-col ul a:hover { color:var(--primary); }
.footer-contact-list { list-style:none; display:flex; flex-direction:column; gap:.75rem; }
.footer-contact-list li { display:flex; gap:.6rem; align-items:flex-start; color:rgba(255,255,255,.55); font-size:.82rem; line-height:1.6; }
.footer-contact-list li i { color:var(--primary); flex-shrink:0; margin-top:.18rem; }
.footer-contact-list li a { color:rgba(255,255,255,.55); transition:color .25s; }
.footer-contact-list li a:hover { color:var(--primary); }
.footer-bottom { border-top:1px solid rgba(255,255,255,.1); padding-top:1.5rem; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:1rem; }
.footer-bottom p { color:rgba(255,255,255,.35); font-size:.78rem; }
.footer-legal { display:flex; gap:1.5rem; }
.footer-legal a { color:rgba(255,255,255,.35); font-size:.78rem; transition:color .25s; }
.footer-legal a:hover { color:var(--primary); }

/* ══════════════════════════════════════
   HOW IT WORKS
══════════════════════════════════════ */
.how-grid {
  display: grid; grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: center; gap: 0; margin-top: 3.5rem;
  max-width: 920px; margin-left: auto; margin-right: auto;
}
.how-step {
  text-align: center; padding: 2.25rem 1.75rem;
  background: var(--bg-card); border: 1.5px solid var(--border);
  border-radius: var(--radius-2xl); position: relative;
  transition: all .3s ease; box-shadow: var(--shadow-sm);
}
.how-step:hover { border-color: var(--primary); transform: translateY(-5px); box-shadow: 0 20px 50px rgba(19,178,228,.14), 0 4px 14px rgba(0,0,0,.07); }
.how-num {
  position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
  background: var(--primary); color: #fff;
  font-size: .68rem; font-weight: 900; font-family: 'Montserrat', sans-serif;
  padding: .18rem .62rem; border-radius: 100px; letter-spacing: .1em;
}
.how-icon {
  width: 62px; height: 62px; border-radius: 50%;
  background: var(--primary-light); border: 2px solid rgba(19,178,228,.22);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.45rem; color: var(--primary);
  margin: 0 auto 1.2rem; transition: all .3s ease;
}
.how-step:hover .how-icon { background: var(--primary); color: #fff; transform: scale(1.12) rotate(-6deg); }
.how-step h3 { font-size: 1.05rem; font-weight: 700; margin-bottom: .45rem; }
.how-step p { color: var(--text-muted); font-size: .875rem; line-height: 1.65; }
.how-conn {
  flex-shrink: 0; color: var(--primary); font-size: 1.1rem;
  opacity: .35; padding: 0 1.25rem; margin-bottom: .5rem;
}

/* ══════════════════════════════════════
   MARQUEE TICKER
══════════════════════════════════════ */
.marquee-section {
  background: var(--text);
  padding: .85rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(255,255,255,.06);
  border-bottom: 1px solid rgba(255,255,255,.06);
  position: relative;
}
/* Edge fade masks */
.marquee-section::before,
.marquee-section::after {
  content: ''; position: absolute; top: 0; bottom: 0; width: 80px; z-index: 2; pointer-events: none;
}
.marquee-section::before { left: 0; background: linear-gradient(to right, var(--text), transparent); }
.marquee-section::after  { right: 0; background: linear-gradient(to left,  var(--text), transparent); }
.marquee-track { display: flex; flex-direction: column; gap: .55rem; }
.marquee-row { overflow: hidden; white-space: nowrap; }
.marquee-inner {
  display: inline-flex; align-items: center; gap: 1.25rem;
  white-space: nowrap;
}
.marquee-left  .marquee-inner { animation: scrollLeft  28s linear infinite; }
.marquee-right .marquee-inner { animation: scrollRight 32s linear infinite; }

@keyframes scrollLeft  { from { transform: translateX(0); }   to { transform: translateX(-50%); } }
@keyframes scrollRight { from { transform: translateX(-50%); } to { transform: translateX(0); } }

.marquee-section:hover .marquee-inner { animation-play-state: paused; }

.marquee-item {
  display: inline-flex; align-items: center; gap: .45rem;
  font-family: 'Montserrat', sans-serif; font-size: .78rem; font-weight: 700;
  letter-spacing: .07em; text-transform: uppercase;
  color: rgba(255,255,255,.75);
  background: rgba(255,255,255,.06);
  padding: .38rem .9rem; border-radius: 100px;
  border: 1px solid rgba(255,255,255,.1);
  transition: color .2s, background .2s;
  flex-shrink: 0;
}
.marquee-item i { color: var(--primary); font-size: .75rem; }
.marquee-item.marquee-orange { color: var(--secondary); border-color: rgba(249,115,22,.3); background: rgba(249,115,22,.08); }
.marquee-item.marquee-orange i { color: var(--secondary); }
.marquee-sep { color: var(--primary); font-size: .65rem; opacity: .5; flex-shrink: 0; }

/* ══════════════════════════════════════
   GRADIENT TEXT
══════════════════════════════════════ */
.gradient-text {
  background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 50%, var(--secondary) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  background-size: 200% auto;
  animation: gradientShift 4s ease infinite;
}
@keyframes gradientShift {
  0%   { background-position: 0% center; }
  50%  { background-position: 100% center; }
  100% { background-position: 0% center; }
}

/* ══════════════════════════════════════
   HERO BLOBS & FLOATS
══════════════════════════════════════ */
.blob {
  position: absolute; border-radius: 50%;
  filter: blur(60px); pointer-events: none; opacity: .45;
  animation: blobDrift 8s ease-in-out infinite;
}
.blob-1 {
  width: 420px; height: 420px; top: -80px; right: 5%;
  background: radial-gradient(circle, rgba(19,178,228,.55), rgba(26,163,140,.2));
  animation-delay: 0s;
}
.blob-2 {
  width: 320px; height: 320px; bottom: 0; left: -60px;
  background: radial-gradient(circle, rgba(249,115,22,.35), rgba(19,178,228,.15));
  animation-delay: 2.5s;
}
.blob-3 {
  width: 260px; height: 260px; top: 40%; right: 20%;
  background: radial-gradient(circle, rgba(26,163,140,.4), transparent);
  animation-delay: 5s;
}
@keyframes blobDrift {
  0%,100% { transform: translateY(0) scale(1); }
  33%      { transform: translateY(-30px) scale(1.05); }
  66%      { transform: translateY(20px) scale(.96); }
}

.hero-float {
  position: absolute; font-size: 2rem;
  animation: floatIcon 5s ease-in-out infinite;
  pointer-events: none; opacity: .55;
  filter: drop-shadow(0 4px 12px rgba(19,178,228,.3));
}
@keyframes floatIcon {
  0%,100% { transform: translateY(0) rotate(-5deg); }
  50%      { transform: translateY(-18px) rotate(5deg); }
}

/* Trust row under hero buttons */
.hero-trust {
  display: flex; align-items: center; gap: 1.5rem;
  margin-top: 1.75rem; flex-wrap: wrap;
  animation: fadeUp .6s ease .5s both;
}
.trust-item {
  display: flex; align-items: center; gap: .45rem;
  font-size: .82rem; font-weight: 600; color: var(--text-muted);
}
.trust-item i { color: var(--primary); }

/* ══════════════════════════════════════
   WAVE DIVIDERS
══════════════════════════════════════ */
.wave-divider { line-height: 0; overflow: hidden; margin-top: -1px; }
.wave-divider svg { display: block; width: 100%; height: 60px; }
.wave-light { transform: rotate(180deg); margin-top: 0; margin-bottom: -1px; }

/* ══════════════════════════════════════
   RIPPLE BUTTON
══════════════════════════════════════ */
.ripple { position: relative; overflow: hidden; }
.ripple-circle {
  position: absolute; border-radius: 50%;
  background: rgba(255,255,255,.35);
  transform: scale(0); animation: rippleOut .55s linear;
  pointer-events: none;
}
@keyframes rippleOut {
  to { transform: scale(4); opacity: 0; }
}

/* ══════════════════════════════════════
   SHIMMER ON BUTTONS
══════════════════════════════════════ */
.btn-primary::after, .btn-cta::after {
  content: '';
  position: absolute; top: 0; left: -100%; width: 60%; height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
  transform: skewX(-20deg);
  transition: left .55s ease;
  pointer-events: none;
}
.btn-primary { position: relative; overflow: hidden; }
.btn-cta     { position: relative; overflow: hidden; }
.btn-primary:hover::after,
.btn-cta:hover::after     { left: 160%; }

/* ══════════════════════════════════════
   CARD UPGRADES
══════════════════════════════════════ */
/* Glow border on card hover */
.srv-card, .why-card, .loc-card, .review-card, .val-card {
  transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.srv-card:hover  { box-shadow: 0 20px 50px rgba(19,178,228,.15), 0 4px 16px rgba(0,0,0,.08); }
.why-card:hover  { box-shadow: 0 20px 50px rgba(19,178,228,.12), 0 4px 16px rgba(0,0,0,.06); }
.loc-card:hover  { box-shadow: 0 20px 50px rgba(19,178,228,.18), 0 4px 16px rgba(0,0,0,.1); }
.review-card:hover { box-shadow: 0 16px 40px rgba(19,178,228,.1), 0 4px 12px rgba(0,0,0,.06); }

/* Icon pop on card hover */
.srv-card:hover .srv-icon,
.why-card:hover .why-icon { transform: scale(1.15) rotate(-5deg); transition: transform .3s ease; }
.srv-icon, .why-icon { transition: transform .3s ease; }

/* Animated gradient border on service cards */
.srv-card { background: var(--bg-card); }
.srv-card::before {
  content: '';
  position: absolute; inset: 0; border-radius: inherit;
  padding: 1.5px;
  background: linear-gradient(135deg, var(--primary), var(--accent), var(--secondary));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  opacity: 0; transition: opacity .35s ease;
  pointer-events: none;
}
.srv-card:hover::before { opacity: 1; }

/* ══════════════════════════════════════
   STAT COUNTER HIGHLIGHT
══════════════════════════════════════ */
.stat-num { display: block; font-variant-numeric: tabular-nums; }

/* ══════════════════════════════════════
   SECTION ACCENT LINES
══════════════════════════════════════ */
.s-label::before {
  content: '';
  display: inline-block; width: 20px; height: 2px;
  background: var(--primary); border-radius: 2px; margin-right: .35rem; vertical-align: middle;
}

/* ══════════════════════════════════════
   PAGE HERO UPGRADE
══════════════════════════════════════ */
.page-hero { position: relative; overflow: hidden; }

/* ══════════════════════════════════════
   ANIMATIONS
══════════════════════════════════════ */
@keyframes fadeUp   { from{opacity:0;transform:translateY(18px)} to{opacity:1;transform:translateY(0)} }
@keyframes fadeDown { from{opacity:0;transform:translateY(-18px)} to{opacity:1;transform:translateY(0)} }

/* Directional reveals */
.reveal          { opacity:0; transform:translateY(28px);   transition:opacity .6s ease, transform .6s ease; }
.reveal-left     { opacity:0; transform:translateX(-40px);  transition:opacity .6s ease, transform .6s ease; }
.reveal-right    { opacity:0; transform:translateX(40px);   transition:opacity .6s ease, transform .6s ease; }
.reveal-scale    { opacity:0; transform:scale(.9);          transition:opacity .6s ease, transform .6s ease; }
.reveal.visible,
.reveal-left.visible,
.reveal-right.visible,
.reveal-scale.visible { opacity:1; transform:none; }

/* Stagger children */
.stagger > * { opacity:0; transform:translateY(24px); transition:opacity .5s ease, transform .5s ease; }
.stagger.visible > *:nth-child(1) { opacity:1; transform:none; transition-delay:.05s; }
.stagger.visible > *:nth-child(2) { opacity:1; transform:none; transition-delay:.15s; }
.stagger.visible > *:nth-child(3) { opacity:1; transform:none; transition-delay:.25s; }
.stagger.visible > *:nth-child(4) { opacity:1; transform:none; transition-delay:.35s; }
.stagger.visible > *:nth-child(5) { opacity:1; transform:none; transition-delay:.45s; }
.stagger.visible > *:nth-child(6) { opacity:1; transform:none; transition-delay:.55s; }

/* ══════════════════════════════════════
   RESPONSIVE
══════════════════════════════════════ */

/* ── Tablet landscape 1024px ── */
@media(max-width:1024px) {
  section { padding:4.5rem 5%; }
  .footer-top { grid-template-columns:1fr 1fr; gap:2rem; }
  .srv-detail { grid-template-columns:1fr; gap:2.5rem; }
  .srv-detail.reverse { direction:ltr; }
  .srv-visual { aspect-ratio:auto; padding:2.5rem; font-size:5rem; min-height:180px; }
  .why-grid { grid-template-columns:1fr 1fr; }
  .pay4-wrap { grid-template-columns:1fr; gap:2.5rem; }
  .reviews-grid { grid-template-columns:1fr 1fr; }
  .contact-grid { grid-template-columns:1fr; }
  .hero { grid-template-columns:1fr; }
  .hero-panel { display: none; }
  .hero h1 { font-size:clamp(2.4rem,4.5vw,4rem); }
  .how-grid { grid-template-columns:1fr; gap:2rem; }
  .how-conn { display: none; }
  /* About story inline grid */
  div[style*="grid-template-columns:1fr 1fr"] { grid-template-columns:1fr !important; gap:2.5rem !important; }
}

/* ── Tablet portrait 768px ── */
@media(max-width:768px) {
  section { padding:4rem 4%; }
  .nav { padding:.8rem 4%; }
  .nav-links, .nav-phone, .nav-actions { display:none; }
  .hamburger { display:block; }

  .hero { min-height:80vh; padding:0 4%; }
  .hero h1 { font-size:clamp(2.2rem,7vw,3.2rem); }
  .hero-sub { font-size:1rem; }
  .hero-btns { flex-direction:column; align-items:flex-start; gap:.75rem; }
  .hero-btns a { width:100%; justify-content:center; }

  .page-hero { padding:calc(62px + 2.5rem) 4% 2.5rem; }
  .page-hero h1 { font-size:clamp(1.8rem,6vw,2.5rem); }

  .doorstep-banner { margin:0; border-radius:0; padding:2rem 4%; }
  .doorstep-inner { grid-template-columns:1fr; }
  .doorstep-img { display:none; }

  .services-grid { grid-template-columns:1fr 1fr; gap:1rem; }

  .loc-grid { grid-template-columns:1fr; }
  .why-grid { grid-template-columns:1fr; }
  .values-grid { grid-template-columns:1fr; }
  .reviews-grid { grid-template-columns:1fr 1fr; gap:1rem; }
  .form-row { grid-template-columns:1fr; }

  .stats-inner { flex-wrap:wrap; }
  .stat-item { flex:1 1 50%; border-right:none; border-bottom:1px solid rgba(255,255,255,.2); }
  .stat-item:nth-child(odd) { border-right:1px solid rgba(255,255,255,.2); }
  .stat-item:nth-last-child(-n+2) { border-bottom:none; }

  .pay4-steps { flex-wrap:wrap; }
  .pay4-step { flex:1 1 40%; }
  .pay4-arrow { display:none; }

  .footer-top { grid-template-columns:1fr 1fr; gap:2rem; }
  .footer-bottom { flex-direction:column; text-align:center; gap:.75rem; }
  .footer-legal { justify-content:center; }

  .cta-banner { padding:3rem 4%; margin:0; border-radius:0; }
  .cta-banner .btn-group { flex-direction:column; align-items:center; }
  .cta-banner .btn-group a { width:100%; max-width:340px; justify-content:center; }
}

/* ── Mobile 480px ── */
@media(max-width:480px) {
  section { padding:3.5rem 4%; }
  .s-title { font-size:1.65rem; }
  .services-grid { grid-template-columns:1fr; }
  .reviews-grid { grid-template-columns:1fr; }
  .stat-item { flex:1 1 100%; border-right:none; border-bottom:1px solid rgba(255,255,255,.2); }
  .stat-item:nth-child(odd) { border-right:none; }
  .stat-item:last-child { border-bottom:none; }
  .footer-top { grid-template-columns:1fr; }
  .hero-badge { font-size:.72rem; }
  .doorstep-banner { padding:1.75rem 4%; }
  .pills { gap:.4rem; }
  .pill { font-size:.75rem; padding:.22rem .65rem; }
  .btn-primary, .btn-cta, .btn-secondary, .btn-outline { padding:.78rem 1.4rem; font-size:.9rem; }
  .nav-logo-text { font-size:.95rem; }
  .form-wrap { padding:1.5rem; }
  .pay4-wrap { padding:2rem 1.5rem; }
  .contact-grid { gap:2rem; }
}

/* ── QuickFixCRM widget always on top ── */
[data-slug="mirza-akbar-baig-mnp59nxa"],
iframe[src*="quickfixcrm"],
div[id*="qfcrm"], div[class*="qfcrm"],
div[id*="quickfix"], div[class*="quickfix"] {
  z-index: 99999 !important;
}