/* RapidMoto.in — Premium Design System */
:root{
  --primary:#CC0000; --primary-dark:#990000; --primary-light:#FF3333;
  --primary-glow:rgba(204,0,0,.15);
  --black:#080808; --dark-1:#111; --dark-2:#1A1A1A; --dark-3:#242424; --dark-4:#2E2E2E;
  --white:#fff; --off-white:#F8F8F2; --cream:#F5F5F0;
  --green-live:#16A34A; --green-light:#22C55E;
  --yellow-star:#FFC107; --yellow-gold:#F59E0B;
  --text-primary:#111; --text-secondary:#444; --text-muted:#777;
  --border-light:#E8E8E8; --border-dark:#333;
  --shadow-sm:0 2px 8px rgba(0,0,0,.06);
  --shadow-md:0 8px 24px rgba(0,0,0,.10);
  --shadow-lg:0 20px 60px rgba(0,0,0,.15);
  --shadow-red:0 8px 32px rgba(204,0,0,.25);
  --radius-sm:8px; --radius-md:14px; --radius-lg:20px; --radius-xl:28px;
  --transition:all .3s cubic-bezier(.4,0,.2,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Inter',system-ui,sans-serif;font-weight:400;line-height:1.7;color:var(--text-primary);background:var(--white);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none;transition:var(--transition)}
button{font-family:inherit;cursor:pointer;border:none;background:none}
h1,h2,h3,h4{font-family:'Poppins',sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--text-primary)}
h1{font-size:clamp(2.2rem,5.4vw,4.4rem);font-weight:900}
h2{font-size:clamp(1.8rem,3.6vw,2.8rem)}
h3{font-size:1.35rem}
.red{color:var(--primary)}
.container{width:100%;max-width:1240px;margin:0 auto;padding:0 20px}
.section{padding:90px 0}
.section-sm{padding:60px 0}
.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1.5px solid var(--primary);color:var(--primary);background:rgba(204,0,0,.05)}
.pill.light{border-color:rgba(255,255,255,.3);color:#fff;background:rgba(255,255,255,.04)}
.section-sub{color:var(--text-secondary);font-size:1.05rem;max-width:720px;margin:14px auto 0}
.center{text-align:center}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:var(--radius-md);font-weight:700;font-size:.96rem;transition:var(--transition);cursor:pointer;border:2px solid transparent;white-space:nowrap}
.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-red)}
.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 12px 36px rgba(204,0,0,.4)}
.btn-dark{background:var(--dark-2);color:#fff}
.btn-dark:hover{background:var(--black);transform:translateY(-2px)}
.btn-wa{background:#25D366;color:#fff}
.btn-wa:hover{background:#1DA851;transform:translateY(-2px)}
.btn-outline{border-color:var(--primary);color:var(--primary);background:transparent}
.btn-outline:hover{background:var(--primary);color:#fff}
.btn-outline-light{border-color:#fff;color:#fff;background:transparent}
.btn-outline-light:hover{background:#fff;color:var(--black)}
.btn-gold{background:var(--yellow-gold);color:#111}
.btn-gold:hover{background:#D97706;transform:translateY(-2px)}
.btn-white{background:#fff;color:var(--black)}
.btn-white:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.btn-lg{padding:18px 34px;font-size:1.05rem}
.btn-block{width:100%}
/* site-logo utility */
.site-logo{height:48px;width:auto;object-fit:contain}
/* announce bar — legacy kept for compatibility */
.announce{background:var(--primary-dark);color:#fff;font-size:.82rem;font-weight:500;padding:10px 0}
.announce .container{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.pulse-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green-light);box-shadow:0 0 0 0 rgba(34,197,94,.7);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.7)}70%{box-shadow:0 0 0 12px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}
/* navbar */
.nav{position:sticky;top:0;z-index:900;background:rgba(255,255,255,.7);backdrop-filter:blur(0);transition:var(--transition)}
.nav.scrolled{background:rgba(255,255,255,.92);backdrop-filter:blur(20px);box-shadow:var(--shadow-sm)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:70px}
.logo{font-family:'Poppins';font-weight:900;font-size:1.5rem;display:flex;align-items:center;gap:8px}
.logo span:nth-child(1){color:#111}
.logo .red{color:var(--primary)}
.logo .green{color:var(--green-live)}
.logo svg{width:28px;height:28px;fill:var(--primary)}
.nav-links{display:flex;gap:30px;align-items:center;list-style:none}
.nav-links a{font-weight:500;font-size:.94rem;color:var(--text-secondary);position:relative;padding:6px 0}
.nav-links a:hover,.nav-links a.active{color:var(--primary)}
.nav-links a.active::after{content:"";position:absolute;left:50%;bottom:-4px;width:5px;height:5px;border-radius:50%;background:var(--primary);transform:translateX(-50%)}
.nav-cta{display:flex;align-items:center;gap:14px}
.nav-cta .phone{font-weight:700;color:#111;font-size:.9rem}
.hamburger{display:none;font-size:1.6rem;color:#111}
.mobile-menu{position:fixed;inset:0 0 0 auto;width:min(340px,85%);background:var(--black);color:#fff;padding:80px 30px 30px;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:950}
.mobile-menu.open{transform:translateX(0)}
.mobile-menu a{display:block;padding:16px 0;font-size:1.15rem;border-bottom:1px solid rgba(255,255,255,.08);color:#fff}
.mobile-menu .btn{margin-top:24px}
.mobile-close{position:absolute;top:20px;right:24px;color:#fff;font-size:2rem;background:none;border:none}
@media(max-width:1024px){.nav-links{display:none}.hamburger{display:block}.nav-cta .phone{display:none}}
/* No body offset needed — navbar is transparent and overlays hero */
body { padding-top: 0; }
/* Non-hero pages: give breathing room for fixed 78px navbar */
.page-offset { padding-top: 96px; }

/* ===== HERO — NEW DESIGN ===== */
.hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
}
.hero-bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.hero-bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
}
.hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,0.82) 0%,
    rgba(0,0,0,0.62) 35%,
    rgba(0,0,0,0.22) 65%,
    transparent 100%
  );
}
.hero-speed-lines { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.hero-speed-lines::before,
.hero-speed-lines::after {
  content: '';
  position: absolute;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(204,0,0,0.6), transparent);
  animation: speedLine 3s infinite;
  border-radius: 2px;
}
.hero-speed-lines::before { width: 40%; top: 35%; left: -40%; animation-delay: 0s; }
.hero-speed-lines::after { width: 30%; top: 55%; left: -30%; animation-delay: 1.5s; }
@keyframes speedLine {
  0% { left: -50%; opacity: 0; }
  30% { opacity: 1; }
  70% { opacity: 1; }
  100% { left: 110%; opacity: 0; }
}
.hero-content {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 110px 24px 0;
}
.hero-left { max-width: 620px; }
.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border-radius: 999px;
  border: 1.5px solid rgba(34,197,94,.5);
  background: rgba(34,197,94,.08);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .06em;
  color: #86efac;
  backdrop-filter: blur(10px);
  text-transform: uppercase;
}
.hero-badge .pulse-dot { width:8px; height:8px; background:#22C55E; border-radius:50%; display:inline-block; }
.hero h1 { color:#fff; font-family:'Poppins',sans-serif; font-weight:900; font-size:clamp(2.4rem,5.5vw,4.4rem); line-height:1.08; letter-spacing:-0.02em; margin:18px 0 0; }
.hero-sub { font-family:'Inter',sans-serif; font-weight:400; color:#CCCCCC; font-size:18px; margin-top:16px; line-height:1.6; max-width:560px; }
.hero-stars { margin-top:14px; color:#eee; font-size:.95rem; }
.hero-tagline { color:#888; font-style:italic; font-family:'Inter',sans-serif; font-weight:300; font-size:16px; margin-top:10px; }
.hero-ctas { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.hero-ctas .btn-hero-book {
  display:inline-flex; align-items:center; padding:14px 32px;
  background:#CC0000; color:#fff; border-radius:8px; font-family:'Inter',sans-serif;
  font-size:15px; font-weight:600; text-decoration:none;
  box-shadow:0 4px 24px rgba(204,0,0,0.45); transition:all .3s ease;
}
.hero-ctas .btn-hero-book:hover { transform:translateY(-2px); box-shadow:0 8px 32px rgba(204,0,0,0.6); }
.hero-ctas .btn-hero-call {
  display:inline-flex; align-items:center; padding:14px 32px;
  background:#1A1A1A; color:#fff; border-radius:8px; font-family:'Inter',sans-serif;
  font-size:15px; font-weight:600; text-decoration:none; transition:all .3s ease;
}
.hero-ctas .btn-hero-call:hover { background:#CC0000; }
.hero-ctas .btn-hero-wa {
  display:inline-flex; align-items:center; padding:14px 32px;
  background:#25D366; color:#fff; border-radius:8px; font-family:'Inter',sans-serif;
  font-size:15px; font-weight:600; text-decoration:none; transition:all .3s ease;
}
.hero-ctas .btn-hero-wa:hover { background:#1DA851; transform:translateY(-2px); }
.hero-trust {
  display:flex; flex-wrap:wrap; gap:20px 28px;
  margin-top:40px;
  border-top:1px solid rgba(255,255,255,0.1);
  padding-top:24px;
  color:#fff;
  font-family:'Inter',sans-serif;
  font-size:13px;
  font-weight:500;
}
.hero-trust span { display:inline-flex; align-items:center; gap:6px; opacity:0.9; }
@media(max-width:768px) {
  .hero { min-height: 85vh; padding-bottom: 20px; }
  .hero-content { padding-top: 100px; }
  .hero-left { max-width: 100%; text-align: left; }
  .hero h1 { font-size: clamp(2rem, 8vw, 3rem); }
  .hero-sub { font-size: 16px; }
  .hero-ctas { justify-content: flex-start; }
  .hero-ctas .btn-hero-book, .hero-ctas .btn-hero-call { width: 100%; justify-content: center; }
  .hero-trust { justify-content: flex-start; }
}

/* ===== QUOTE FORM SECTION (below hero) ===== */
.quote-section {
  background: #F5F5F0;
  padding: 70px 0;
}
.quote-section h2 { font-size:clamp(1.6rem,3vw,2.2rem); }
.quote-card {
  background: #fff;
  border-radius: 20px;
  padding: 40px;
  box-shadow: 0 8px 40px rgba(0,0,0,0.10);
  max-width: 900px;
  margin: 0 auto;
}
.quote-card h3 { color: #111; margin-bottom: 6px; }
.quote-card .sm { color: #888; font-size: .9rem; margin-bottom: 24px; }
.quote-card-grid { display:grid; grid-template-columns:1fr 1fr 1fr auto; gap:14px; align-items:end; }
@media(max-width:700px) { .quote-card-grid { grid-template-columns:1fr; } }
.quote-card .field label { display:block; font-size:.8rem; font-weight:600; color:#555; margin-bottom:6px; text-transform:uppercase; letter-spacing:.04em; }
.quote-card .field input, .quote-card .field select {
  width:100%; padding:14px 16px; border:1.5px solid #E8E8E8;
  border-radius:10px; font-family:'Inter',sans-serif; font-size:.95rem;
  transition:all .3s; background:#fff; color:#111;
}
.quote-card .field input:focus, .quote-card .field select:focus {
  outline:none; border-color:#CC0000; box-shadow:0 0 0 3px rgba(204,0,0,.1);
}

/* section 2 how it works */
.bg-cream{background:var(--cream)}
.bg-white{background:#fff}
.bg-dark{background:var(--dark-1);color:#fff}
.bg-dark h2{color:#fff}
.bg-dark .section-sub{color:#aaa}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:50px}
@media(max-width:900px){.steps{grid-template-columns:1fr}}
.step{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition)}
.step:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.step-head{background:#166534;color:#fff;padding:18px 24px;display:flex;align-items:center;gap:12px;font-weight:700}
.step-head .num{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.18);display:grid;place-items:center;font-family:'Poppins';font-size:.9rem}
.step-body{padding:24px;color:var(--text-secondary)}

/* ===== SERVICE CARDS (Firestore dynamic) ===== */
.services-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 48px;
}
@media(max-width:991px){.services-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.services-grid{grid-template-columns:1fr}}
.service-card {
  background: #FFFFFF;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  transition: all 0.3s cubic-bezier(0.4,0,0.2,1);
  cursor: pointer;
  position: relative;
}
.service-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 40px rgba(0,0,0,0.15);
  border-bottom: 3px solid #CC0000;
}
.service-card-image { width:100%; height:200px; object-fit:cover; }
.service-card-body { padding: 20px; }
.service-name { font-weight:700; font-size:17px; color:#111; margin-bottom:8px; font-family:'Poppins',sans-serif; }
.service-desc { color:#666; font-size:14px; line-height:1.6; margin-bottom:14px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.service-price-original { text-decoration:line-through; color:#999; font-size:14px; }
.service-price-discounted { color:#CC0000; font-size:22px; font-weight:800; font-family:'Poppins',sans-serif; }
.service-price-single { color:#111; font-size:22px; font-weight:800; font-family:'Poppins',sans-serif; }
.service-book-btn { display:block; width:100%; text-align:center; padding:12px; border:2px solid #CC0000; color:#CC0000; border-radius:8px; font-weight:600; font-family:'Inter',sans-serif; margin-top:16px; transition:all .3s; text-decoration:none; }
.service-book-btn:hover { background:#CC0000; color:white; }
.service-badge {
  position:absolute; top:12px; left:12px;
  padding:4px 12px; border-radius:20px;
  font-size:11px; font-weight:700; letter-spacing:0.5px; text-transform:uppercase;
}
.service-badge-popular { background:#CC0000; color:white; }
.service-badge-new { background:#22C55E; color:white; }
.service-badge-offer { background:#F59E0B; color:black; }

/* service cards old grid */
.svc-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:22px;margin-top:48px}
@media(max-width:991px){.svc-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:580px){.svc-grid{grid-template-columns:1fr}}
.svc{background:#fff;border-radius:var(--radius-md);padding:26px;box-shadow:var(--shadow-sm);border-left:4px solid transparent;transition:var(--transition);position:relative}
.svc:hover{transform:translateY(-6px);border-left-color:var(--primary);box-shadow:var(--shadow-lg)}
.svc-ico{width:48px;height:48px;background:var(--primary);border-radius:12px;display:grid;place-items:center;color:#fff;font-size:1.4rem;margin-bottom:16px;box-shadow:var(--shadow-red)}
.svc h3{font-size:1.1rem;margin-bottom:8px}
.svc p{color:var(--text-secondary);font-size:.9rem;line-height:1.6}
/* marquee */
.marquee{overflow:hidden;background:var(--dark-1);color:#fff;padding:18px 0;margin-top:50px;border-radius:var(--radius-md)}
.marquee-track{display:flex;gap:60px;white-space:nowrap;animation:marquee 30s linear infinite;font-weight:600;color:#eee}
.marquee:hover .marquee-track{animation-play-state:paused}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* why */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:50px}
@media(max-width:900px){.why-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.why-grid{grid-template-columns:1fr}}
.why{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:28px;backdrop-filter:blur(20px);transition:var(--transition)}
.why:hover{transform:translateY(-6px);border-color:var(--primary);background:rgba(204,0,0,.06)}
.why-ico{font-size:1.6rem;margin-bottom:14px}
.why h3{color:#fff;font-size:1.1rem;margin-bottom:8px}
.why p{color:#aaa;font-size:.9rem;line-height:1.6}
/* pricing table */
.price-table{margin-top:40px;background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}
.price-table table{width:100%;border-collapse:collapse}
.price-table th{background:var(--primary);color:#fff;padding:18px;text-align:left;font-family:'Poppins';font-weight:700;font-size:.9rem}
.price-table td{padding:18px;border-bottom:1px solid var(--border-light);font-size:.95rem}
.price-table td:last-child{color:var(--primary);font-weight:800;font-family:'Poppins';font-size:1.1rem}
.price-table tr:last-child td{border-bottom:none}
.info-banner{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#166534;padding:16px 22px;border-radius:var(--radius-md);margin-top:20px;font-weight:600}
/* areas */
.areas-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:40px}
@media(max-width:900px){.areas-grid{grid-template-columns:1fr}}
.areas-card{background:#166534;color:#fff;padding:32px;border-radius:var(--radius-lg)}
.areas-card h3{color:#fff;margin-bottom:20px}
.area-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.area-tags span{background:rgba(255,255,255,.12);padding:6px 14px;border-radius:999px;font-size:.82rem;font-weight:500}
.timing-badge{display:inline-block;background:rgba(255,255,255,.14);padding:10px 16px;border-radius:var(--radius-sm);font-size:.85rem;margin-bottom:18px}
.pin-check{display:flex;gap:8px}
@media(max-width:480px){.pin-check{flex-direction:column}}
.pin-check input{flex:1;padding:12px 14px;border-radius:var(--radius-sm);border:none;color:#111}
.roadmap-card{padding:22px 24px;border-radius:var(--radius-md);margin-bottom:14px;font-weight:600}
.roadmap-card.live{background:var(--primary);color:#fff}
.roadmap-card.q2{background:#FEF3C7;color:#92400E}
.roadmap-card.later{background:#E5E7EB;color:#374151}
.waitlist-box{border:2px dashed var(--border-light);padding:22px;border-radius:var(--radius-md);margin-top:14px}
.waitlist-box h4{margin-bottom:6px}
.waitlist-box p{color:var(--text-secondary);font-size:.9rem;margin-bottom:14px}
.waitlist-box .row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px}
@media(max-width:600px){.waitlist-box .row{grid-template-columns:1fr}}
.waitlist-box input{padding:12px 14px;border:1.5px solid var(--border-light);border-radius:var(--radius-sm);font-family:inherit}
/* testimonials */
.testis{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
@media(max-width:900px){.testis{grid-template-columns:1fr}}
.testi{background:#fff;padding:32px;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:relative}
.testi::before{content:"\201C";position:absolute;top:10px;right:20px;font-family:'Poppins';font-size:5rem;color:var(--primary);opacity:.15;line-height:1}
.testi p{color:var(--text-secondary);font-size:.98rem;line-height:1.7;margin-bottom:16px}
.testi .who{font-weight:700;color:#111}
.testi .stars{color:var(--yellow-star);margin-top:4px;font-size:.9rem}
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:50px;text-align:center}
@media(max-width:700px){.stats-row{grid-template-columns:repeat(2,1fr)}}
.stat b{display:block;font-family:'Poppins';font-weight:900;font-size:2.4rem;color:var(--primary)}
.stat span{color:var(--text-secondary);font-size:.88rem}
/* partners */
.partners-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:40px}
@media(max-width:700px){.partners-grid{grid-template-columns:1fr}}
.p-card{background:#166534;color:#fff;padding:32px;border-radius:var(--radius-lg);transition:var(--transition)}
.p-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.p-card h3{color:#fff;margin-bottom:8px}
.p-card p{color:rgba(255,255,255,.85);font-size:.94rem}
/* final cta */
.final-cta{background:linear-gradient(135deg,var(--primary),var(--black));color:#fff;padding:100px 0;text-align:center;position:relative;overflow:hidden}
.final-cta h2{color:#fff;font-size:clamp(2rem,4vw,3.4rem)}
.final-cta .sub{color:rgba(255,255,255,.85);max-width:640px;margin:16px auto 30px}
.final-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
/* footer */
.footer{background:var(--dark-1);color:#ddd}
.footer-top{background:linear-gradient(90deg,var(--primary),var(--primary-dark));padding:32px 0;text-align:center;color:#fff}
.footer-top h3{color:#fff;margin-bottom:14px;font-size:1.6rem}
.footer-main{padding:60px 0 30px}
.footer-cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
@media(max-width:900px){.footer-cols{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.footer-cols{grid-template-columns:1fr}}
.footer h4{color:#fff;font-size:1rem;margin-bottom:16px;font-family:'Poppins'}
.footer ul{list-style:none}
.footer li{margin-bottom:8px}
.footer li a{color:#bbb;font-size:.9rem}
.footer li a:hover{color:var(--primary-light)}
.social{display:flex;gap:10px;margin-top:16px}
.social a{width:36px;height:36px;background:rgba(255,255,255,.06);border-radius:50%;display:grid;place-items:center;transition:var(--transition)}
.social a:hover{background:var(--primary);transform:translateY(-2px)}
.contact-bar{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);padding:18px 0;font-size:.88rem;color:#bbb;text-align:center;margin-top:40px}
.contact-bar span{margin:0 12px}
.footer-bot{padding:20px 0;font-size:.82rem;color:#888;text-align:center}
/* floating action buttons */
.fab{position:fixed;right:20px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:1.4rem;z-index:600;box-shadow:var(--shadow-lg);transition:var(--transition);color:#fff}
.fab:hover{transform:scale(1.08)}
.fab-wa{bottom:20px;background:#25D366;animation:pulse 2.4s infinite}
.fab-call{bottom:84px;background:var(--primary)}
.fab-top{bottom:148px;background:#333;opacity:0;pointer-events:none;border:none;font-family:inherit}
.fab-top.show{opacity:1;pointer-events:auto}
/* forms generic */
.form-card{background:#fff;border-radius:var(--radius-lg);padding:36px;box-shadow:var(--shadow-md)}
.form-card h3{margin-bottom:20px}
.field{margin-bottom:16px}
.field label{display:block;font-weight:600;font-size:.85rem;margin-bottom:6px;color:#333}
.field input,.field select,.field textarea{width:100%;padding:12px 14px;border:1.5px solid var(--border-light);border-radius:var(--radius-sm);font-family:inherit;font-size:.95rem;transition:var(--transition);background:#fff;color:#111}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}
.field textarea{min-height:100px;resize:vertical}
/* booking steps */
.stepper{display:flex;justify-content:space-between;max-width:640px;margin:0 auto 40px;position:relative}
.stepper::before{content:"";position:absolute;top:22px;left:10%;right:10%;height:3px;background:var(--border-light);z-index:0}
.stepper-fill{position:absolute;top:22px;left:10%;height:3px;background:var(--primary);z-index:1;transition:width .4s}
.step-dot{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px}
.step-dot .circle{width:44px;height:44px;border-radius:50%;background:#fff;border:3px solid var(--border-light);display:grid;place-items:center;font-weight:800;font-family:'Poppins';transition:var(--transition)}
.step-dot.active .circle,.step-dot.done .circle{background:var(--primary);border-color:var(--primary);color:#fff}
.step-dot small{font-size:.78rem;color:#666;font-weight:600}
.booking-step{display:none;animation:fade .4s}
.booking-step.active{display:block}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.radio-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media(max-width:700px){.radio-cards{grid-template-columns:repeat(2,1fr)}}
.radio-cards label{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;border:2px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-align:center;font-size:.82rem}
.radio-cards label:hover{border-color:var(--primary)}
.radio-cards input{display:none}
.radio-cards input:checked + span{color:var(--primary);font-weight:700}
.radio-cards label:has(input:checked){border-color:var(--primary);background:var(--primary-glow)}
.chk-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
@media(max-width:560px){.chk-grid{grid-template-columns:1fr}}
.chk-grid label{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1.5px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem}
.chk-grid label:has(input:checked){border-color:var(--primary);background:var(--primary-glow)}
.step-nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px}
.success-screen{text-align:center;padding:40px 20px}
.check-anim{width:100px;height:100px;border-radius:50%;background:var(--green-light);margin:0 auto 20px;display:grid;place-items:center;font-size:3rem;color:#fff;animation:pop .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes pop{from{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}
/* toast */
.toast{position:fixed;top:20px;right:20px;background:#fff;padding:16px 22px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border-left:4px solid var(--green-light);z-index:2000;transform:translateX(120%);transition:transform .35s cubic-bezier(.4,0,.2,1)}
.toast.show{transform:translateX(0)}
.toast.error{border-left-color:var(--primary)}
/* Old vs New */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:40px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}
@media(max-width:760px){.compare{grid-template-columns:1fr}}
.compare > div{padding:40px}
.compare .old{background:#f0f0f0;color:#666;filter:grayscale(.5)}
.compare .new{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}
.compare h3{color:inherit;margin-bottom:12px}
/* track booking */
.timeline{display:flex;justify-content:space-between;position:relative;margin-top:30px;padding:0 20px}
.timeline::before{content:"";position:absolute;top:22px;left:40px;right:40px;height:3px;background:var(--border-light)}
.tl-step{position:relative;z-index:1;text-align:center;flex:1}
.tl-step .dot{width:44px;height:44px;border-radius:50%;background:#fff;border:3px solid var(--border-light);margin:0 auto 8px;display:grid;place-items:center}
.tl-step.done .dot{background:var(--green-light);border-color:var(--green-light);color:#fff}
.tl-step.active .dot{background:var(--primary);border-color:var(--primary);color:#fff}
.tl-step small{font-size:.78rem;color:#666}
.status-badge{display:inline-block;padding:6px 14px;border-radius:999px;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}
.st-pending{background:#FEF3C7;color:#92400E}
.st-confirmed{background:#DBEAFE;color:#1E40AF}
.st-assigned{background:#EDE9FE;color:#5B21B6}
.st-inprogress{background:#FED7AA;color:#9A3412}
.st-completed{background:#D1FAE5;color:#065F46}
.st-cancelled{background:#FEE2E2;color:#991B1B}
/* emergency band */
.emergency-band{background:linear-gradient(90deg,var(--primary),var(--primary-dark));color:#fff;padding:22px;border-radius:var(--radius-md);margin:30px 0;text-align:center;font-weight:600}
.emergency-band h3{color:#fff;margin-bottom:6px}
/* lead form kept for book-service page */
.lead-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:32px;backdrop-filter:blur(20px);position:relative;overflow:hidden}
.lead-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-light),var(--primary));box-shadow:0 0 20px var(--primary)}
.lead-card h3{color:#fff;font-size:1.4rem}
.lead-card .sm{color:#aaa;font-size:.88rem;margin-top:4px;margin-bottom:22px}
.lead-card .field{margin-bottom:14px}
.lead-card label{display:block;font-size:.78rem;color:#aaa;margin-bottom:6px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}
.lead-card input,.lead-card select,.lead-card textarea{width:100%;padding:14px 16px;background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.12);color:#fff;border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit;transition:var(--transition)}
.lead-card input:focus,.lead-card select:focus,.lead-card textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}
.lead-card select option{background:var(--dark-2)}
.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px;color:#fff;text-align:center;font-size:.78rem}
.hero-stats b{display:block;font-family:'Poppins';font-size:1.05rem;color:#fff}
/* btn-sm */
.btn-sm{padding:8px 18px;font-size:.85rem}

/* ===== MOBILE RESPONSIVENESS OVERRIDES & IMPROVEMENTS ===== */
.price-table {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.price-table table {
  min-width: 600px;
}

@media (max-width: 600px) {
  /* Stack timeline vertically on mobile */
  .timeline {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 36px;
    gap: 20px;
  }
  .timeline::before {
    left: 20px;
    top: 22px;
    bottom: 22px;
    width: 3px;
    height: calc(100% - 44px);
  }
  .tl-step {
    display: flex;
    align-items: center;
    gap: 16px;
    text-align: left;
    width: 100%;
  }
  .tl-step .dot {
    margin: 0;
    flex-shrink: 0;
  }
  .tl-step small {
    font-size: 0.9rem;
    font-weight: 500;
  }
}

@media (max-width: 480px) {
  /* Stats row - single column on very small mobile screens */
  .stats-row {
    grid-template-columns: 1fr !important;
    gap: 16px;
  }
  
  /* Scale down Floating Action Buttons (FABs) on mobile */
  .fab {
    width: 46px;
    height: 46px;
    font-size: 1.2rem;
    right: 16px;
  }
  .fab-wa { bottom: 16px; }
  .fab-call { bottom: 72px; }
  .fab-top { bottom: 128px; }
}

@media (max-width: 560px) {
  /* Center footer top content when stacked */
  .footer-top .container {
    flex-direction: column !important;
    text-align: center !important;
    justify-content: center !important;
  }
}

@media (max-width: 600px) {
  /* Wrap contact bar spans vertically on mobile */
  .contact-bar {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    align-items: center !important;
    padding: 14px 0 !important;
  }
  .contact-bar span {
    margin: 0 !important;
  }
}

/* 6-column stats layout for about page */
.stats-row.six-cols {
  grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 1024px) {
  .stats-row.six-cols {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 700px) {
  .stats-row.six-cols {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 400px) {
  .stats-row.six-cols {
    grid-template-columns: 1fr;
  }
}

/* 3-column grid layout for pricing page */
.svc-grid.three-cols {
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 900px) {
  .svc-grid.three-cols {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 560px) {
  .svc-grid.three-cols {
    grid-template-columns: 1fr;
  }
}




/* ============================================================
   COMPREHENSIVE MOBILE RESPONSIVENESS PASS
   ============================================================ */
html {
  overflow-x: hidden;
  max-width: 100%;
}
@media (max-width: 768px) {
  html { -webkit-text-size-adjust: 100%; }
  body { overflow-x: hidden; max-width: 100%; }
  .container { padding: 0 16px; }
  h1 { font-size: clamp(1.75rem, 6vw, 2.4rem); line-height: 1.15; }
  h2 { font-size: clamp(1.35rem, 5vw, 1.9rem); line-height: 1.2; }
  h3 { font-size: 1.1rem; }
  .section { padding: 48px 0; }
  .section-title { font-size: 1.6rem; }
  .section-sub { font-size: .95rem; }
  .hero { padding: 90px 0 40px !important; min-height: auto !important; }
  .form-card { padding: 22px 18px; }
  .lead-card { padding: 20px 18px; }
  .quote-card { padding: 24px 16px !important; }
  .btn-lg { padding: 12px 20px; font-size: 1rem; }
  .btn { padding: 10px 18px; font-size: .9rem; white-space: normal !important; text-align: center; }
  .hero-stats { grid-template-columns: repeat(2, 1fr) !important; gap: 10px; }
  .marquee { font-size: .85rem; }
  .compare > div { padding: 24px 20px; }
  .emergency-band { padding: 18px 16px; font-size: .95rem; }
  .emergency-band h3 { font-size: 1.05rem; }
  table { font-size: .85rem; }
  /* let horizontally-scroll wrappers work anywhere */
  .card, .price-table, .table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
  /* admin sidebar: hide on mobile, stack main */
  .admin-shell { display: block !important; }
  .admin-side { position: static !important; width: 100% !important; height: auto !important; padding: 12px 16px !important; }
  .admin-side nav { display: flex; flex-wrap: wrap; gap: 6px; }
  .admin-side nav a { padding: 8px 12px !important; font-size: .82rem; }
  .admin-side .logo, .admin-side .u { display: none; }
  .admin-main { padding: 20px 16px !important; margin-left: 0 !important; }
  .admin-top { flex-direction: column; align-items: flex-start !important; gap: 12px; }
  .admin-top h1 { font-size: 1.4rem; }
  .modal-card { width: 92% !important; max-width: 92% !important; padding: 22px 18px !important; max-height: 90vh; overflow-y: auto; }
  .stepper { gap: 4px; }
  .step-dot .circle { width: 36px; height: 36px; font-size: .9rem; }
  .step-dot small { font-size: .68rem; }
  .services-grid { gap: 16px; }
  .service-card-body { padding: 14px !important; }
  .footer { padding-top: 40px; }
  .footer-cols { gap: 24px; }
  .fab { width: 48px; height: 48px; }
  #trackForm { flex-direction: column !important; }
  #trackForm button { width: 100%; }
}

@media (max-width: 480px) {
  .container { padding: 0 14px; }
  h1 { font-size: 1.6rem; }
  .btn-block { width: 100%; }
  .rm-nav-inner { padding: 0 14px !important; }
  .rm-nav-call { display: none !important; }
  .rm-nav-book { padding: 8px 14px !important; font-size: .82rem !important; }
  .rm-nav-logo img { height: 40px !important; }
  .rm-nav { height: 64px !important; }
  .svc { padding: 20px 16px; }
  .svc-ico { font-size: 1.8rem; }
  .field input, .field select, .field textarea { font-size: 16px; } /* prevents iOS zoom */
  .hero-stats { grid-template-columns: repeat(2, 1fr) !important; }
  .toast { left: 12px; right: 12px; top: 12px; width: auto; }
  .step-nav { flex-direction: column-reverse; }
  .step-nav .btn { width: 100%; }
  .pin-check { flex-direction: column !important; }
  .pin-check button { width: 100%; }
}

/* ===== MEET THE FOUNDER SECTION STYLES ===== */
.founder-grid {
  display: grid;
  grid-template-columns: 1fr 1.3fr;
  gap: 60px;
  align-items: start;
  margin-bottom: 70px;
}
.founder-photo-col {
  position: sticky;
  top: 100px;
}
.founder-card {
  background: var(--white);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-lg);
  border: 1px solid var(--border-light);
  transition: var(--transition);
}
.founder-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
}
.founder-img-wrapper {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  background: #f0f0f0;
}
.founder-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.founder-badge {
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: var(--primary);
  color: var(--white);
  padding: 8px 18px;
  border-radius: 99px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 0.85rem;
  box-shadow: var(--shadow-red);
}
.founder-info {
  padding: 30px;
  text-align: center;
}
.founder-info h2 {
  font-size: 1.8rem;
  margin-bottom: 6px;
  color: var(--black);
}
.founder-title {
  color: var(--text-muted);
  font-size: 0.95rem;
  font-weight: 500;
  margin-bottom: 18px;
}
.founder-tags {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}
.founder-tags span {
  background: var(--cream);
  color: var(--text-secondary);
  font-size: 0.78rem;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 99px;
  border: 1px solid rgba(0,0,0,0.05);
}
.story-lead {
  font-size: 1.2rem;
  line-height: 1.7;
  color: var(--text-primary);
  font-weight: 500;
  margin-bottom: 24px;
  text-align: left;
}
.founder-quote-box {
  position: relative;
  background: var(--cream);
  border-radius: var(--radius-md);
  padding: 30px 40px;
  margin: 30px 0;
  border-left: 5px solid var(--primary);
  overflow: hidden;
  text-align: left;
}
.quote-icon-large {
  position: absolute;
  top: -10px;
  left: 10px;
  font-family: 'Poppins', sans-serif;
  font-size: 8rem;
  color: var(--primary);
  opacity: 0.08;
  line-height: 1;
  pointer-events: none;
}
.quote-text {
  font-family: 'Poppins', sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--primary-dark);
  line-height: 1.45;
  margin: 0;
  position: relative;
  z-index: 1;
}
.founder-milestones {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin: 32px 0;
}
.milestone-item {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  text-align: left;
}
.milestone-icon-wrap {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: var(--cream);
  border: 1.5px solid var(--border-light);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: var(--shadow-sm);
  transition: var(--transition);
}
.milestone-item:hover .milestone-icon-wrap {
  background: var(--primary-glow);
  border-color: var(--primary);
  transform: scale(1.05);
}
.m-icon {
  font-size: 1.4rem;
}
.milestone-content h4 {
  font-size: 1.15rem;
  color: var(--black);
  margin-bottom: 6px;
  font-weight: 700;
}
.milestone-content p {
  font-size: 0.98rem;
  line-height: 1.65;
  color: var(--text-secondary);
  margin: 0;
}
.founder-conclusion {
  background: rgba(204,0,0,0.03);
  border: 1px dashed rgba(204,0,0,0.2);
  border-radius: var(--radius-md);
  padding: 20px 24px;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--text-secondary);
  text-align: left;
  position: relative;
}

/* Vision & Mission Styles */
.vision-mission-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin-bottom: 60px;
}
.vm-card {
  background: var(--cream);
  border-radius: var(--radius-lg);
  padding: 40px;
  border: 1px solid rgba(0,0,0,0.03);
  text-align: left;
}
.vm-icon {
  font-size: 2.5rem;
  margin-bottom: 20px;
  line-height: 1;
}
.vm-card h3 {
  font-size: 1.5rem;
  margin-bottom: 16px;
  color: var(--black);
}
.vm-card p {
  color: var(--text-secondary);
  font-size: 1rem;
  line-height: 1.7;
}
.vm-card ul {
  padding-left: 20px;
  color: var(--text-secondary);
  font-size: 0.98rem;
}
.vm-card li {
  margin-bottom: 10px;
  line-height: 1.6;
}

/* Message & Promise Styles */
.founder-message-section {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  gap: 30px;
}
.message-card {
  background: var(--white);
  border: 2.5px solid var(--border-light);
  border-radius: var(--radius-lg);
  padding: 40px;
  text-align: left;
}
.message-card h3 {
  font-size: 1.4rem;
  margin-bottom: 20px;
  color: var(--black);
  position: relative;
  display: inline-block;
}
.message-card h3::after {
  content: '';
  position: absolute;
  bottom: -6px;
  left: 0;
  width: 40px;
  height: 3px;
  background: var(--primary);
}
.message-quote {
  font-size: 1.05rem;
  line-height: 1.75;
  color: var(--text-secondary);
  font-style: italic;
  margin-bottom: 20px;
}
.message-author {
  font-weight: 700;
  color: var(--black);
}
.message-author span {
  font-weight: 400;
  color: var(--text-muted);
}
.promise-card {
  background: linear-gradient(135deg, var(--primary), var(--primary-dark));
  color: var(--white);
  border-radius: var(--radius-lg);
  padding: 45px 40px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: var(--shadow-red);
}
.promise-tag {
  background: rgba(255,255,255,0.15);
  color: var(--white);
  font-size: 0.78rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 6px 16px;
  border-radius: 99px;
  margin-bottom: 18px;
}
.promise-card h2 {
  color: var(--white);
  font-size: 2.2rem;
  margin-bottom: 30px;
  font-style: italic;
}
.promise-pillars {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 24px;
  width: 100%;
}
.pillar-item {
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: var(--radius-md);
  padding: 16px 12px;
}
.pillar-item strong {
  display: block;
  font-size: 0.95rem;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 2px;
}
.pillar-item span {
  font-size: 0.8rem;
  opacity: 0.85;
}

/* Responsiveness for Meet the Founder section */
@media (max-width: 991px) {
  .founder-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
  .founder-photo-col {
    position: static;
    max-width: 480px;
    margin: 0 auto;
  }
  .vision-mission-grid {
    grid-template-columns: 1fr;
  }
  .founder-message-section {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 480px) {
  .vm-card {
    padding: 24px 20px;
  }
  .message-card {
    padding: 24px 20px;
  }
  .promise-card {
    padding: 30px 20px;
  }
  .promise-pillars {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

/* ===== EMERGENCY BAND ===== */
.emergency-band {
  background: linear-gradient(135deg, var(--primary), var(--primary-dark));
  color: #fff;
  padding: 30px 28px;
  border-radius: var(--radius-lg);
  margin-bottom: 40px;
  text-align: center;
}
.emergency-band h3 {
  color: #fff;
  margin-bottom: 8px;
}
.emergency-band p {
  color: rgba(255,255,255,0.88);
  font-size: 0.95rem;
}

/* ===== MODERN SERVICE SELECTION GRID FOR BOOKING FORM ===== */
.service-cards-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)) !important;
  gap: 12px !important;
  margin-top: 10px !important;
}

.service-card-option {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px 14px !important;
  background: var(--white) !important;
  border: 2px solid var(--border-light) !important;
  border-radius: var(--radius-lg) !important;
  cursor: pointer;
  transition: var(--transition) !important;
  text-align: center;
  min-height: 125px !important;
  user-select: none;
  box-shadow: var(--shadow-sm);
}

.service-card-option input[type="checkbox"] {
  display: none !important;
}

.service-card-option .card-icon {
  font-size: 2.3rem;
  margin-bottom: 8px;
  transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.service-card-option .card-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  font-size: 0.9rem;
  color: var(--text-secondary);
  line-height: 1.3;
  transition: var(--transition);
}

/* Hover effects */
.service-card-option:hover {
  border-color: var(--primary-light) !important;
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
}

.service-card-option:hover .card-icon {
  transform: scale(1.15) rotate(5deg);
}

/* Checked state styles */
.service-card-option:has(input:checked) {
  border-color: var(--primary) !important;
  background: rgba(204, 0, 0, 0.04) !important;
  box-shadow: 0 8px 24px rgba(204, 0, 0, 0.12) !important;
  transform: translateY(-2px);
}

.service-card-option:has(input:checked) .card-icon {
  transform: scale(1.2);
}

.service-card-option:has(input:checked) .card-title {
  color: var(--primary) !important;
  font-weight: 800;
}

/* Checkmark indicator badge */
.service-card-option::after {
  content: "✓";
  position: absolute;
  top: 8px;
  right: 8px;
  width: 22px;
  height: 22px;
  background: var(--primary);
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 900;
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  box-shadow: 0 2px 6px rgba(204, 0, 0, 0.3);
}

.service-card-option:has(input:checked)::after {
  opacity: 1;
  transform: scale(1);
}

@media(max-width: 480px) {
  .service-cards-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  .service-card-option {
    min-height: 110px !important;
    padding: 16px 8px !important;
  }
  .service-card-option .card-icon {
    font-size: 1.8rem;
  }
  .service-card-option .card-title {
    font-size: 0.82rem;
  }
}

/* ===== FOUNDER STORY CARD HIGHLIGHTS ===== */
.founder-highlights {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 24px;
}

.highlight-item {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  background: var(--white);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
  padding: 24px;
  transition: var(--transition);
  box-shadow: var(--shadow-sm);
  text-align: left;
}

.highlight-item:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
  border-color: var(--primary-light);
}

.highlight-item .highlight-icon {
  font-size: 2.2rem;
  background: var(--cream);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.highlight-item:hover .highlight-icon {
  transform: scale(1.15) rotate(10deg);
  background: var(--primary-glow);
}

.highlight-item .highlight-text {
  flex: 1;
}

.highlight-item .highlight-text h3 {
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-size: 1.15rem;
  margin-bottom: 6px;
  color: var(--text-primary);
  line-height: 1.2;
}

.highlight-item .highlight-text p {
  font-size: 0.92rem;
  color: var(--text-secondary);
  line-height: 1.5;
  margin: 0;
}

@media (max-width: 560px) {
  .highlight-item {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 20px;
  }
  .highlight-item .highlight-icon {
    margin-bottom: 12px;
  }
}

/* ===== WHY RAPIDMOTO / WHAT WE STAND FOR GRID ===== */
.why-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  margin-top: 40px !important;
}

@media(max-width: 900px) {
  .why-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media(max-width: 600px) {
  .why-grid {
    grid-template-columns: 1fr !important;
  }
}

.why {
  background: var(--white) !important;
  border: 1px solid var(--border-light) !important;
  border-radius: var(--radius-lg) !important;
  padding: 36px 24px !important;
  text-align: center;
  transition: var(--transition) !important;
  box-shadow: var(--shadow-sm);
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.why:hover {
  transform: translateY(-6px) !important;
  box-shadow: var(--shadow-lg) !important;
  border-color: var(--primary-light) !important;
}

.why-ico {
  font-size: 2.8rem;
  margin-bottom: 16px;
  background: var(--cream);
  width: 64px;
  height: 64px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}

.why:hover .why-ico {
  transform: scale(1.1) rotate(5deg);
  background: var(--primary-glow);
}

.why h3 {
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-size: 1.25rem;
  margin-bottom: 10px;
  color: var(--text-primary);
  line-height: 1.2;
}

.why p {
  font-size: 0.92rem;
  color: var(--text-secondary);
  line-height: 1.6;
  margin: 0;
}

/* ===== BLOGS SECTION STYLING ===== */
.blogs-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 28px !important;
}

@media(max-width: 900px) {
  .blogs-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

@media(max-width: 600px) {
  .blogs-grid {
    grid-template-columns: 1fr !important;
  }
}

.blog-card {
  background: var(--white);
  border-radius: var(--radius-lg);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--border-light);
  transition: var(--transition);
  display: flex;
  flex-direction: column;
  text-align: left;
}

.blog-card:hover {
  transform: translateY(-6px);
  box-shadow: var(--shadow-lg);
  border-color: var(--primary-light);
}

.blog-image-wrapper {
  position: relative;
  overflow: hidden;
  height: 200px;
}

.blog-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}

.blog-card:hover .blog-image {
  transform: scale(1.08);
}

.blog-category {
  position: absolute;
  bottom: 12px;
  left: 12px;
  background: var(--primary);
  color: #fff;
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 0.72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  z-index: 2;
}

.blog-content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.blog-meta {
  font-size: 0.8rem;
  color: var(--text-muted);
  margin-bottom: 8px;
}

.blog-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-size: 1.15rem;
  line-height: 1.35;
  margin-bottom: 10px;
}

.blog-title a {
  color: var(--text-primary);
  transition: color 0.2s;
}

.blog-title a:hover {
  color: var(--primary);
}

.blog-excerpt {
  font-size: 0.9rem;
  color: var(--text-secondary);
  line-height: 1.55;
  margin-bottom: 20px;
  flex: 1;
}

.blog-more-btn {
  font-size: 0.92rem;
  font-weight: 700;
  color: var(--primary);
  transition: var(--transition);
  align-self: flex-start;
  text-decoration: none;
}

.blog-more-btn:hover {
  color: var(--primary-dark);
  padding-left: 4px;
}

/* Glass Card Promo Animation */
.glass-promo-card {
  width: 100%;
  max-width: 460px;
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.15);
  border-radius: 24px;
  padding: 42px 32px 36px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4), 
              inset 0 1px 0 rgba(255, 255, 255, 0.15);
  position: relative;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.glass-promo-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(255,255,255,0.06) 0%, transparent 100%);
  pointer-events: none;
  z-index: 1;
}
.glass-promo-card::after {
  content: '';
  position: absolute;
  top: -50%; left: -60%;
  width: 30%; height: 200%;
  background: linear-gradient(
    to right,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.13) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: rotate(25deg);
  transition: none;
  z-index: 2;
}
.glass-promo-card:hover::after {
  left: 130%;
  transition: all 0.85s cubic-bezier(0.16, 1, 0.3, 1);
}
.glass-promo-card:hover {
  transform: translateY(-6px) scale(1.01);
  border-color: rgba(255, 255, 255, 0.25);
  background: rgba(255, 255, 255, 0.05);
  box-shadow: 0 30px 60px rgba(204, 0, 0, 0.15), 
              0 0 40px rgba(255, 255, 255, 0.05);
}
.glass-live-badge {
  position: absolute;
  top: 14px;
  right: 18px;
  display: flex;
  align-items: center;
  gap: 6px;
  background: rgba(239, 68, 68, 0.12);
  border: 1px solid rgba(239, 68, 68, 0.25);
  padding: 4px 10px;
  border-radius: 99px;
  font-size: 0.65rem;
  font-weight: 700;
  color: #F87171;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  z-index: 3;
}
.glass-live-badge::before {
  content: '';
  width: 6px;
  height: 6px;
  background: #EF4444;
  border-radius: 50%;
  display: inline-block;
  box-shadow: 0 0 8px #EF4444;
  animation: pulseGlow 1.8s infinite;
}
@keyframes pulseGlow {
  0% { transform: scale(0.9); opacity: 0.6; }
  50% { transform: scale(1.25); opacity: 1; box-shadow: 0 0 12px #EF4444; }
  100% { transform: scale(0.9); opacity: 0.6; }
}
.glass-question-wrap {
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 3;
}
.glass-quote {
  font-family: 'Poppins', sans-serif;
  font-size: 3.2rem;
  background: linear-gradient(135deg, #FF3B30 0%, #CC0000 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.7;
  position: absolute;
  left: -5px;
  top: -15px;
  animation: floatQuote 4s ease-in-out infinite;
}
.glass-quote-end {
  font-family: 'Poppins', sans-serif;
  font-size: 3.2rem;
  background: linear-gradient(135deg, #FF3B30 0%, #CC0000 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0.7;
  position: absolute;
  right: -5px;
  bottom: -25px;
  animation: floatQuote 4s ease-in-out infinite alternate;
}
@keyframes floatQuote {
  0% { transform: translateY(0px) rotate(0deg); }
  50% { transform: translateY(-4px) rotate(3deg); }
  100% { transform: translateY(0px) rotate(0deg); }
}
.glass-question {
  color: #fff;
  font-family: 'Poppins', sans-serif;
  font-size: 1.7rem;
  font-weight: 800;
  text-align: center;
  margin: 0;
  padding: 0 35px;
  letter-spacing: -0.01em;
  transition: opacity 0.4s cubic-bezier(0.16, 1, 0.3, 1), 
              transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  text-shadow: 0 2px 15px rgba(0,0,0,0.3);
}
.glass-question.fade-out {
  opacity: 0;
  transform: translateY(-12px) scale(0.96);
}
.glass-divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  margin: 24px 0;
  position: relative;
  z-index: 3;
}
.glass-answer {
  color: #FFFFFF;
  font-family: 'Poppins', sans-serif;
  font-size: 1.2rem;
  line-height: 1.6;
  font-weight: 600;
  text-align: center;
  margin: 0;
  letter-spacing: -0.019em;
  text-shadow: 0 2px 10px rgba(0,0,0,0.2);
  position: relative;
  z-index: 3;
}
.glass-highlight {
  background: linear-gradient(135deg, #FF3B30 0%, #CC0000 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 800;
  display: inline-block;
  position: relative;
}
.glass-highlight::after {
  content: '';
  position: absolute;
  bottom: 1px;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #CC0000, transparent);
  opacity: 0.6;
}