:root{
  --navy:#0053a5;
  --navy-deep:#0053a5;
  --teal:#00aafa;
  --teal-deep:#00aafa;
  --coral:#FF6B4A;
  --bg:#FFFFFF;
  --bg-soft:#F5F8FA;
  --ink:#16222F;
  --ink-soft:#5B6B79;
  --line:#E4E9ED;
  --star:#FFB020;
  --radius:12px;
  --radius-sm:8px;
  --shadow: 0 4px 18px rgba(15,42,74,0.08);
  --shadow-lg: 0 18px 45px rgba(15,42,74,0.16);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:'Inter', sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{ font-family:'Poppins', sans-serif; margin:0; color:var(--navy); line-height:1.25; }
p{ margin:0; }
a{ color:inherit; text-decoration:none; }
img{ max-width:100%; display:block; }
ul{ margin:0; padding:0; list-style:none; }
button{ font-family:inherit; cursor:pointer; }
:focus-visible{ outline:2px solid var(--teal-deep); outline-offset:2px; }
.wrap{ max-width:1440px; margin:0 auto; padding:0 24px; }

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.5em;
  padding:.9em 1.7em; border-radius:999px; font-weight:600; font-size:.95rem;
  border:1px solid transparent; transition:filter .15s ease, transform .1s ease, background .15s ease;
  white-space:nowrap;
}
.btn:active{ transform:scale(.97); }
.btn-coral{ background:var(--coral); color:#fff; box-shadow:0 8px 20px rgba(255,107,74,.35); }
.btn-coral:hover{ filter:brightness(1.06); }
.btn-outline{ border-color:#fff; color:#fff; }
.btn-outline:hover{ background:rgba(255,255,255,.12); }
.btn-navy-outline{ border-color:var(--navy); color:var(--navy); }
.btn-navy-outline:hover{ background:var(--navy); color:#fff; }
.btn-sm{ padding:.6em 1.2em; font-size:.85rem; }

.stars{ color:var(--star); font-size:.9rem; letter-spacing:1px; }
.eyebrow{
  display:inline-flex; align-items:center; gap:.5em;
  color:var(--teal-deep); font-weight:700; font-size:.78rem;
  text-transform:uppercase; letter-spacing:.06em; margin-bottom:.7rem;
}
.eyebrow::before{ content:""; width:18px; height:2px; background:var(--coral); display:inline-block; }
.section-head{ max-width:640px; margin-bottom:2.6rem; }
.section-head.center{ margin-left:auto; margin-right:auto; text-align:center; }
.section-head h2{ font-size:clamp(1.6rem,3vw,2.2rem); }
.section-head p{ color:var(--ink-soft); margin-top:.7rem; font-size:1rem; }
section{ padding:4.5rem 0; }
.soft{ background:var(--bg-soft); }

/* ===== breadcrumb / page header ===== */
.page-hero{
  background:linear-gradient(180deg, #F0FBFB 0%, #fff 85%);
  padding:2.6rem 0 3rem;
  border-bottom:1px solid var(--line);
}
.breadcrumb{ font-size:.82rem; color:var(--ink-soft); margin-bottom:.9rem; }
.breadcrumb a{ color:var(--teal-deep); }
.page-hero h1{ font-size:clamp(1.9rem,3.6vw,2.7rem); text-align:center; }
.page-hero .sub{ margin:.7rem auto; color:var(--ink-soft); max-width:42em; font-size:1.02rem; text-align:center; }

/* ===== top promo bar ===== */
.promo-bar{ background:var(--navy-deep); color:#fff; font-size:.82rem; padding:.5rem 0; text-align:center; }
.promo-bar b{ color:#FFD9A8; }
.promo-bar .wrap{ display:flex; justify-content:center; align-items:center; gap:1.5rem; flex-wrap:wrap; }
.promo-bar a{ text-decoration:underline; text-underline-offset:2px; }

/* ===== header ===== */
header{ position:sticky; top:0; z-index:150; background:#fff; border-bottom:1px solid var(--line); }
.header-row{ display:flex; align-items:center; justify-content:space-between; padding:.9rem 0; gap:1.5rem; }
.logo{ display:flex; align-items:center; gap:.5rem; font-family:'Poppins',sans-serif; font-weight:800; font-size:1.4rem; color:var(--navy); flex-shrink:0; }
.logo img { width:250px;}
nav.main-nav{ display:flex; align-items:center; gap:1.9rem; }
nav.main-nav > ul{ display:flex; gap:1.9rem; }
nav.main-nav a{ font-size:.92rem; font-weight:500; color:var(--ink); padding: 15px 0px;}
nav.main-nav a:hover, nav.main-nav a.current{ color:var(--teal-deep); }
.has-drop{ position:relative; }
.has-drop:hover .drop-menu{ display:block; }
.drop-menu{
  display:none; position:absolute; top:100%; left:0; background:#fff; border:1px solid var(--line);
  border-radius:var(--radius-sm); box-shadow:var(--shadow-lg); padding:.5rem; min-width:200px; margin-top:.6rem;
}
.drop-menu a{ display:block; padding:.55rem .8rem; border-radius:6px; font-size:.88rem;  padding: 10px;}
.drop-menu a:hover{ background:var(--bg-soft); }
.drop-toggle{
  display:none; background:none; border:none; padding:.4rem; position:absolute; right:0; top:.3rem;
  cursor:pointer;
}
.drop-toggle .chev{
  display:block; width:9px; height:9px; border-right:2px solid var(--ink); border-bottom:2px solid var(--ink);
  transform:rotate(45deg); transition:transform .2s ease; margin:.3rem;
}
.has-drop.drop-open .drop-toggle .chev{ transform:rotate(-135deg); }
.header-actions{ display:flex; align-items:center; gap:1rem; flex-shrink:0; }
.header-phone{ display:flex; flex-direction:column; font-size:.82rem; color:var(--ink-soft); }
.header-phone a{ font-family:'Poppins',sans-serif; font-weight:700; font-size:1rem; color:var(--navy); }
.burger{ display:none; background:none; border:none; font-size:1.7rem; line-height:1; color:var(--navy); position:relative; z-index:161; padding:.2rem; }

/* ===== hero (home) ===== */
.hero{ background:linear-gradient(180deg, #F0FBFB 0%, #fff 65%); padding:3.5rem 0 4rem; overflow:hidden; }
.hero .wrap{ display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center; }
.rating-pill{
  display:inline-flex; align-items:center; gap:.5rem; background:#fff; border:1px solid var(--line);
  border-radius:999px; padding:.4rem .9rem .4rem .4rem; font-size:.82rem; box-shadow:var(--shadow); margin-bottom:1.3rem;
}
.rating-pill .avatars{ display:flex; }
.rating-pill .avatars img{ width:24px; height:24px; border-radius:50%; border:2px solid #fff; margin-left:-8px; object-fit:cover; }
.rating-pill .avatars img:first-child{ margin-left:0; }
.hero h1{ font-size:clamp(2.1rem,4vw,3rem); font-weight:800; }
.hero h1 em{ font-style:normal; color:var(--teal-deep); }
.hero-sub{ margin-top:1.1rem; font-size:1.08rem; color:var(--ink-soft); max-width:32em; }
.hero-actions{ display:flex; gap:1rem; margin-top:1.8rem; flex-wrap:wrap; }
.hero-trust{ display:flex; gap:1.8rem; margin-top:2.2rem; flex-wrap:wrap; }
.hero-trust .item{ text-align:left; }
.hero-trust .num{ font-family:'Poppins',sans-serif; font-weight:800; font-size:1.4rem; color:var(--navy); }
.hero-trust .lbl{ font-size:.78rem; color:var(--ink-soft); }
.hero-visual{ position:relative; }
.hero-photo{ border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow-lg); aspect-ratio:1/1; background:var(--bg-soft); }
.hero-photo img{ width:100%; object-fit:cover; }
.float-card{
  position:absolute; background:#fff; border-radius:var(--radius-sm); box-shadow:var(--shadow-lg);
  padding:.9rem 1.1rem; display:flex; align-items:center; gap:.7rem; font-size:.82rem;
}
.float-card.offer{ top:-18px; left:-18px; }
.float-card.offer .pct{ font-family:'Poppins',sans-serif; font-weight:800; color:var(--coral); font-size:1.3rem; }
.float-card.pickup{ bottom:-20px; right:-16px; }
.float-card .ico{ width:34px; height:34px; border-radius:50%; background:var(--teal); color:#fff; display:flex; align-items:center; justify-content:center; font-size:1rem; flex-shrink:0; }

/* ===== store finder strip ===== */
.store-strip{ background:var(--navy); color:#fff; padding:1.5rem 0; }
.store-strip .wrap{ display:flex; align-items:center; gap:1.5rem; flex-wrap:wrap; justify-content:space-between; }
.store-strip h4{ color:#fff; font-size:1rem; }
.store-strip .cities{ display:flex; gap:.6rem; flex-wrap:wrap; }
.store-strip .cities a{ background:rgba(255,255,255,.08); padding:.5rem 1rem; border-radius:999px; font-size:.85rem; display:flex; align-items:center; gap:.4rem; }
.store-strip .cities a:hover{ background:rgba(255,255,255,.18); }
.store-strip .cities img{ width:16px; height:16px; border-radius:50%; object-fit:cover; }

/* ===== service cards ===== */
.svc-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.6rem; }
.svc-card{ background:#fff; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); transition:transform .18s ease, box-shadow .18s ease; }
.svc-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-lg); }
.svc-thumb{ background:var(--bg-soft); padding:1.8rem; display:flex; align-items:center; justify-content:center; height:120px; }
.svc-thumb img{ height:100px; width:100px; object-fit:contain; }
.svc-body{ padding:1.3rem 1.4rem 1.5rem; }
.svc-body h3{ font-size:1.08rem; margin-bottom:.4rem; }
.svc-body p{ font-size:.86rem; color:var(--ink-soft); }
.svc-body .link{ display:inline-flex; align-items:center; gap:.35rem; margin-top:.9rem; font-size:.85rem; font-weight:600; color:var(--teal-deep); }

/* ===== stepper ===== */
.stepper{ position:relative; display:grid; grid-template-columns:repeat(6,1fr); gap:1.4rem; margin-top:1rem; }
.stepper::before{ content:""; position:absolute; top:26px; left:8%; right:8%; height:2px; background:repeating-linear-gradient(90deg,var(--line) 0 8px, transparent 8px 14px); z-index:0; }
.step{ position:relative; z-index:1; text-align:left; }
.step .badge{ width:100px; height:100px; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center; margin-bottom:1rem; box-shadow: 0px 0px 4px 0px #ccc;}
.step .badge img{ width:100px; height:100px; object-fit:contain; }
.step h4{ font-size:.98rem; margin-bottom:.35rem; }
.step p{ font-size:.82rem; color:var(--ink-soft); }

/* ===== delivery / two-column feature ===== */
.delivery-grid{ display:grid; grid-template-columns:1fr 1fr; gap:3rem; align-items:center; }
.delivery-grid.reverse{ direction:rtl; }
.delivery-grid.reverse > *{ direction:ltr; }
.delivery-photo{ border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); }
.delivery-list{ margin-top:1.4rem; display:flex; flex-direction:column; gap:.85rem; }
.delivery-list .row{ display:flex; gap:.9rem; align-items:flex-start; }
.delivery-list .tick{ width:22px; height:22px; border-radius:50%; background:var(--teal); color:#fff; font-size:.75rem; display:flex; align-items:center; justify-content:center; flex-shrink:0; margin-top:.15rem; }
.delivery-list .row p{ font-size:.95rem; }

/* ===== tabs ===== */
.tab-nav{ display:inline-flex; background:var(--bg-soft); padding:.35rem; border-radius:999px; margin-bottom:2.4rem; flex-wrap:wrap; }
.tab-nav button{ background:none; border:none; padding:.7rem 1.6rem; border-radius:999px; font-size:.88rem; font-weight:600; color:var(--ink-soft); }
.tab-nav button.active{ background:var(--navy); color:#fff; }
.tab-grid{ display:none; grid-template-columns:repeat(3,1fr); gap:1.2rem; }
.tab-grid.active{ display:grid; }
.tab-card{ background:#fff; border:1px solid var(--line); border-radius:var(--radius-sm); padding:1.2rem 1.3rem; }
.tab-card .n{ font-family:'Poppins',sans-serif; font-weight:700; color:var(--teal-deep); font-size:.78rem; margin-bottom:.5rem; }
.tab-card h4{ font-size:.96rem; margin-bottom:.4rem; }
.tab-card p{ font-size:.83rem; color:var(--ink-soft); }
.tab-card img { width:50px; border-radius:var(--radius-sm); margin-bottom:.7rem; }


/* ===== stats ===== */
.stats-band{ background:var(--navy); color:#fff; }
.stats-band .wrap{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.5rem; text-align:center; }
.stats-band .num{ font-family:'Poppins',sans-serif; font-weight:800; font-size:2.4rem; }
.stats-band .num .plus{ color:var(--coral); }
.stats-band .lbl{ font-size:.85rem; opacity:.75; margin-top:.3rem; }

/* ===== testimonials ===== */
.testi-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.4rem; }
.testi-card{ background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:1.5rem; box-shadow:var(--shadow); }
.testi-card .stars{ margin-bottom:.7rem; }
.testi-card .q{ font-size:.9rem; color:var(--ink); }
.testi-card .who{ display:flex; align-items:center; gap:.7rem; margin-top:1.2rem; }
.testi-card .who img{ width:38px; height:38px; border-radius:50%; object-fit:cover; }
.testi-card .who .n{ font-weight:600; font-size:.88rem; }
.testi-card .who .r{ font-size:.76rem; color:var(--ink-soft); }

/* ===== app band ===== */
.app-band{ background:linear-gradient(120deg, var(--teal-deep), var(--navy)); color:#fff; overflow:hidden; }
.app-band .wrap{ display:grid; grid-template-columns:1.1fr .9fr; gap:2.5rem; align-items:center; }
.app-band h2{ color:#fff; }
.app-band p{ color:rgba(255,255,255,.82); margin-top:.8rem; }
.store-badges{ display:flex; gap:.9rem; margin-top:1.6rem; flex-wrap:wrap; }
.store-badges img{ height:48px; border-radius:8px; }
.app-photo img{ border-radius:var(--radius); box-shadow:var(--shadow-lg); }

/* ===== FAQ ===== */
.faq-wrap{ max-width:800px; margin:0 auto; }
.faq-wrap.wide{ max-width:none; }
.faq-item{ border:1px solid var(--line); border-radius:var(--radius-sm); margin-bottom:.8rem; overflow:hidden; }
.faq-q{ width:100%; text-align:left; background:#fff; border:none; padding:1.1rem 1.3rem; display:flex; justify-content:space-between; align-items:center; gap:1rem; font-weight:600; font-size:.95rem; }
.faq-item.open .faq-q{ background:var(--bg-soft); }
.faq-q .ic{ width:26px; height:26px; border-radius:50%; background:var(--bg-soft); color:var(--teal-deep); flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:1rem; transition:transform .2s ease; }
.faq-item.open .faq-q .ic{ transform:rotate(45deg); background:var(--coral); color:#fff; }
.faq-a{ max-height:0; overflow:hidden; transition:max-height .25s ease; }
.faq-a p{ padding:0 1.3rem 1.2rem; font-size:.88rem; color:var(--ink-soft); }
.faq-item.open .faq-a{ max-height:400px; }
.faq-more{ text-align:center; margin-top:1.5rem; }

/* ===== city pills ===== */
.city-pills{ display:flex; flex-wrap:wrap; gap:.6rem; }
.city-pills a{ border:1px solid var(--line); padding:.5rem 1.1rem; border-radius:999px; font-size:.85rem; color:var(--ink); }
.city-pills a:hover{ background:var(--navy); color:#fff; border-color:var(--navy); }

/* ===== bottom cta ===== */
.bottom-cta{ background:var(--bg); text-align:center; }
.bottom-cta h2{ max-width:16em; margin:0 auto; font-size:clamp(1.7rem,3.4vw,2.4rem); }
.bottom-cta .hero-actions{ justify-content:center; margin-top:1.8rem; }

/* ===== footer ===== */
footer{ background:var(--navy-deep); color:rgba(255,255,255,.72); padding-top:3.5rem; }
.foot-grid{ display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:2.5rem; padding-bottom:2.5rem; border-bottom:1px solid rgba(255,255,255,.1); }
.foot-grid .logo{ color:#fff; }
.foot-grid h4{ color:#fff; font-size:.9rem; margin-bottom:1rem; }
.foot-grid li{ padding:.32rem 0; font-size:.86rem; }
.foot-grid a:hover{ color:#fff; }
.foot-social{ display:flex; gap:.7rem; margin-top:1.2rem; }
.foot-social a{ width:34px; height:34px; border-radius:50%; background:rgba(255,255,255,.08); display:flex; align-items:center; justify-content:center; }
.foot-social a:hover{ background:var(--teal); }
.foot-bottom{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:.8rem; padding:1.5rem 0; font-size:.78rem; }
.foot-bottom a{ margin-left:1rem; }

/* ===== floating widgets ===== */
.whatsapp-fab{ position:fixed; bottom:22px; right:22px; z-index:180; width:56px; height:56px; border-radius:50%; background:#25D366; display:flex; align-items:center; justify-content:center; box-shadow:0 10px 26px rgba(0,0,0,.25); }
.whatsapp-fab svg{ width:28px; height:28px; }
.mobile-cta-bar{ display:none; }

/* ===== modal ===== */
.modal-overlay{ position:fixed; inset:0; background:rgba(10,20,35,.55); display:none; align-items:center; justify-content:center; z-index:220; padding:1.2rem; }
.modal-overlay.open{ display:flex; }
.modal{ background:#fff; border-radius:var(--radius); max-width:420px; width:100%; padding:2rem; position:relative; max-height:90vh; overflow-y:auto; }
.modal h3{ font-size:1.25rem; }
.modal p.sub{ font-size:.85rem; color:var(--ink-soft); margin:.3rem 0 1.3rem; }
.modal-close{ position:absolute; top:.9rem; right:1.1rem; font-size:1.3rem; background:none; border:none; color:var(--ink-soft); }
.field{ margin-bottom:.85rem; }
.field label{ display:block; font-size:.76rem; color:var(--ink-soft); margin-bottom:.3rem; }
.field input, .field textarea{ width:100%; padding:.65rem .8rem; border:1px solid var(--line); border-radius:var(--radius-sm); font-family:inherit; font-size:.88rem; }
.otp-row{ display:flex; gap:.6rem; }
.otp-row button{ flex-shrink:0; padding:0 1rem; border-radius:var(--radius-sm); border:1px solid var(--navy); background:none; font-size:.8rem; font-weight:600; color:var(--navy); }
.form-success{ background:#EAFBF3; border:1px solid #BEEBD7; color:#146C43; border-radius:var(--radius-sm); padding:1.4rem; font-size:.92rem; text-align:center; }
.form-error{ color:#C0392B; font-size:.82rem; margin-top:.8rem; text-align:center; }

/* ===== original icon / avatar / illustration treatment ===== */
.icon{ display:block; }
.svc-icon-svg{ color:var(--teal-deep); }
.step-icon-svg{ color:var(--teal-deep); }
.pin-icon-svg{ color:#fff; flex-shrink:0; }
.avatar-dot{ width:24px; height:24px; border-radius:50%; border:2px solid #fff; margin-left:-8px; display:inline-block; }
.avatar-dot:first-child{ margin-left:0; }
.avatar-initials{
  width:38px; height:38px; border-radius:50%; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  background:var(--teal); color:#fff; font-family:'Poppins',sans-serif; font-weight:700; font-size:.85rem;
}
.store-btn{
  display:flex; flex-direction:column; align-items:flex-start; justify-content:center;
  background:var(--navy); color:#fff; border-radius:8px; padding:.5rem 1rem; min-width:150px; line-height:1.2;
}
.store-btn-sub{ font-size:.65rem; opacity:.8; }
.store-btn-main{ font-size:.95rem; font-weight:700; font-family:'Poppins',sans-serif; }

/* ===== generic content blocks (about / franchise / pricing) ===== */
.feature-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:1.4rem; }
.feature-card{ background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:1.6rem; box-shadow:var(--shadow); }
.feature-card h3{ font-size:1.05rem; margin-bottom:.5rem; display:flex; align-items:center; gap:.6rem; }
.feature-card h3 .dot{ width:8px; height:8px; border-radius:50%; background:var(--coral); flex-shrink:0; }
.feature-card p{ font-size:.9rem; color:var(--ink-soft); }

.compare-table{ width:100%; border-collapse:collapse; background:#fff; border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); }
.compare-table th, .compare-table td{ padding:1rem 1.2rem; text-align:left; font-size:.88rem; border-bottom:1px solid var(--line); }
.compare-table th{ background:var(--navy); color:#fff; font-family:'Poppins',sans-serif; font-weight:600; }
.compare-table tr:last-child td{ border-bottom:none; }

.plan-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:1.6rem; }
.plan-card{ background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:1.8rem; text-align:center; box-shadow:var(--shadow); }
.plan-card .amt{ font-family:'Poppins',sans-serif; font-weight:800; font-size:2rem; color:var(--navy); margin:.6rem 0; }
.plan-card .save{ display:inline-block; background:var(--bg-soft); color:var(--teal-deep); font-size:.8rem; font-weight:600; padding:.3rem .9rem; border-radius:999px; }

.steps-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.4rem; }
.step-tile{ text-align:center; }
.step-tile .n{ width:44px; height:44px; border-radius:50%; background:var(--navy); color:#fff; display:flex; align-items:center; justify-content:center; font-family:'Poppins',sans-serif; font-weight:700; margin:0 auto .8rem; }
.step-tile h4{ font-size:.95rem; margin-bottom:.3rem; }
.step-tile p{ font-size:.82rem; color:var(--ink-soft); }

.locator-form{ background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:1.6rem; box-shadow:var(--shadow); max-width:420px; }
.locator-form select{ width:100%; padding:.7rem .8rem; border:1px solid var(--line); border-radius:var(--radius-sm); font-family:inherit; font-size:.9rem; margin-top:.4rem; }

.map--grid {grid-template-columns:1fr 0fr;}
.map-embed{ border-radius:var(--radius); overflow:hidden; box-shadow:var(--shadow); aspect-ratio:16/10; }
.map-embed iframe{ width:100%; height:100%; border:0; }

.terms-condition h2 {font-size:24px; font-weight: 600; margin-bottom:10px;}
.terms-condition p {font-size:18px; margin-bottom:1rem;}
.terms-condition ul {padding-left: 2rem;}
.terms-condition li {font-size:18px; list-style-type: disc;}

.contact-grid{ display:grid; grid-template-columns:.9fr 1.1fr; gap:3rem; }
.contact-info .row{ display:flex; gap:1rem; align-items:flex-start; margin-bottom:1.4rem; }
.contact-info .ico{ width:40px; height:40px; border-radius:50%; background:var(--bg-soft); color:var(--teal-deep); display:flex; align-items:center; justify-content:center; flex-shrink:0; font-size:1.1rem; }
.contact-info h4{ font-size:.95rem; margin-bottom:.2rem; }
.contact-info p, .contact-info a{ font-size:.9rem; color:var(--ink-soft); }
.contact-form{ background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:1.8rem; box-shadow:var(--shadow); }

@media (max-width:1024px){
  nav.main-nav, .header-phone{ display:none; }
  .burger{ display:block; }
  nav.main-nav.mobile-open{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    position:fixed;
    inset:0;
    background:#fff;
    padding:5.5rem 1.6rem 2rem;
    z-index:145;
    overflow-y:auto;
    gap:0;
  }
  nav.main-nav.mobile-open > ul{
    flex-direction:column;
    gap:0;
    width:100%;
  }
  nav.main-nav.mobile-open > ul > li{
    border-bottom:1px solid var(--line);
    position:relative;
  }
  nav.main-nav.mobile-open > ul > li > a{
    display:block;
    padding:1.05rem 0;
    font-size:1.08rem;
  }
  nav.main-nav.mobile-open .has-drop > a{
    padding-right:2.4rem;
  }
  nav.main-nav.mobile-open .drop-toggle{
    display:block;
  }
  nav.main-nav.mobile-open .drop-menu{
    display:none;
    position:static;
    box-shadow:none;
    border:none;
    background:none;
    margin:0 0 .6rem;
    padding:0 0 0 1rem;
    min-width:0;
  }
  nav.main-nav.mobile-open .has-drop.drop-open .drop-menu{
    display:block;
  }
  nav.main-nav.mobile-open .drop-menu a{
    padding:.6rem 0;
    font-size:.92rem;
    color:var(--ink-soft);
  }
  nav.main-nav.mobile-open .header-phone-mobile{
    display:flex;
    flex-direction:column;
    margin-top:1.5rem;
    font-size:.85rem;
    color:var(--ink-soft);
  }
  nav.main-nav.mobile-open .header-phone-mobile a{
    font-family:'Poppins',sans-serif; font-weight:700; font-size:1.15rem; color:var(--navy);
  }
  body.menu-open{ overflow:hidden; }
  .hero .wrap{ grid-template-columns:1fr; }
  .hero-visual{ max-width:420px; margin:0 auto; }
  .svc-grid{ grid-template-columns:repeat(2,1fr); }
  .stepper{ grid-template-columns:repeat(3,1fr); row-gap:2rem; }
  .stepper::before{ display:none; }
  .delivery-grid{ grid-template-columns:1fr; }
  .delivery-grid.reverse{ direction:ltr; }
  .tab-grid.active{ grid-template-columns:1fr 1fr; }
  .stats-band .wrap{ grid-template-columns:1fr 1fr; }
  .testi-grid{ grid-template-columns:1fr 1fr; }
  .app-band .wrap{ grid-template-columns:1fr; }
  .foot-grid{ grid-template-columns:1fr 1fr; }
  .feature-grid{ grid-template-columns:1fr; }
  .plan-grid{ grid-template-columns:1fr; }
  .steps-row{ grid-template-columns:1fr 1fr; }
  .contact-grid{ grid-template-columns:1fr; }
  body{ padding-bottom:64px; }
  .mobile-cta-bar{ display:flex; position:fixed; bottom:0; left:0; right:0; z-index:170; background:#fff; border-top:1px solid var(--line); padding:.7rem 1rem; gap:.7rem; box-shadow:0 -6px 20px rgba(0,0,0,.08); }
  .mobile-cta-bar .btn{ flex:1; }
}
@media (max-width:640px){
  .svc-grid{ grid-template-columns:1fr; }
  .stepper{ grid-template-columns:1fr 1fr; }
  .tab-grid.active{ grid-template-columns:1fr; }
  .testi-grid{ grid-template-columns:1fr; }
  .foot-grid{ grid-template-columns:1fr; }
  .store-strip .wrap{ flex-direction:column; align-items:flex-start; }
  .compare-table{ font-size:.8rem; }
  .steps-row{ grid-template-columns:1fr; }
  .logo img {
  width: 150px;
  margin: 0px 10px;}
}
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; } *{ transition:none !important; }
}