/* Header and navigation */
.site-header{
  position:fixed;
  inset:52px 0 auto 0;
  z-index:60;
  padding:12px 0;
  background:linear-gradient(180deg, rgba(0,0,0,0.24), rgba(0,0,0,0));
  backdrop-filter:saturate(120%) blur(10px);
  transition:background .25s ease, box-shadow .25s ease, transform .25s ease;
}
.site-header.sticky{background:linear-gradient(180deg, rgba(8,8,8,0.96), rgba(16,16,16,0.9));box-shadow:0 10px 30px rgba(0,0,0,0.45)}
.nav-wrap{position:relative}
.nav-container{display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{flex:0 0 auto}
.logo{text-decoration:none;display:inline-flex;align-items:center;gap:10px}
.logo-avg{
  width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;
  font-family:'Rajdhani',sans-serif;font-weight:700;letter-spacing:.08em;color:#000;font-size:1.05rem;
  background:linear-gradient(90deg,var(--green),#8dffb5);border-radius:14px;box-shadow:0 0 24px rgba(57,255,20,.18)
}
/* Logo image when provided in /img/logo.png */
.site-logo{height:44px;width:auto;display:block;border-radius:10px}
.logo-copy{display:none;flex-direction:column;line-height:1}
.logo-copy strong{font-family:'Rajdhani',sans-serif;font-size:1rem;letter-spacing:.04em}
.logo-copy span{font-size:.77rem;color:var(--text-secondary)}
.nav-actions{display:flex;align-items:center;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:999px;text-decoration:none;font-weight:600;transition:transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease, color .2s ease}
.btn:hover{transform:translateY(-1px)}
.btn-ghost{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);color:var(--text)}
.btn-primary{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-strong));color:#000;box-shadow:0 10px 24px rgba(57,255,20,.18)}
.btn-green{background:linear-gradient(90deg,var(--green),#00d65b);color:#000;box-shadow:0 10px 24px rgba(57,255,20,.18)}
.request-assist{display:none}
.nav-toggle{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:14px;color:var(--text);cursor:pointer}
.hamburger,.hamburger::before,.hamburger::after{content:'';display:block;width:18px;height:2px;border-radius:999px;background:currentColor;transition:transform .2s ease, opacity .2s ease}
.hamburger{position:relative}
.hamburger::before{position:absolute;transform:translateY(-6px)}
.hamburger::after{position:absolute;transform:translateY(6px)}
.site-header.is-menu-open .hamburger{background:transparent}
.site-header.is-menu-open .hamburger::before{transform:rotate(45deg)}
.site-header.is-menu-open .hamburger::after{transform:rotate(-45deg)}
.main-navigation{position:fixed;inset:72px 16px auto 16px;padding:16px;border-radius:20px;background:rgba(9,9,9,0.92);border:1px solid rgba(255,255,255,0.08);box-shadow:0 24px 60px rgba(0,0,0,0.45);opacity:0;transform:translateY(-12px);pointer-events:none;transition:opacity .22s ease, transform .22s ease}
.site-header.is-menu-open .main-navigation{opacity:1;transform:translateY(0);pointer-events:auto}
.main-navigation ul{list-style:none;margin:0;padding:0}
.primary-menu{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}
.primary-menu li a{display:flex;align-items:center;min-height:44px;padding:10px 12px;color:var(--text-secondary);text-decoration:none;border-radius:12px;transition:background .18s ease, color .18s ease}
.primary-menu li a:hover{background:rgba(255,255,255,0.05);color:var(--text)}

/* Main spacing */
.frontpage{padding-top:138px}
section[id]{scroll-margin-top:120px}
.hero,.services,.how-it-works,.stats,.cta-final{padding-block:var(--section-space)}
.hero{padding-top:104px}
.hero-grid{display:grid;grid-template-columns:1fr;gap:28px;align-items:center}
.hero-left{order:1}
.hero-right{order:0}
.tag{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-weight:700;font-size:.78rem;letter-spacing:.08em;margin-bottom:14px}
.hero-left h1{font-family:'Rajdhani',sans-serif;font-size:clamp(2.2rem, 10vw, 4.8rem);line-height:.92;margin:0 0 14px;letter-spacing:-.03em}
.hero-left .highlight{color:var(--green)}
.lead,.section-copy,.cta-box p{color:var(--text-secondary);max-width:620px;font-size:clamp(.98rem, 2.8vw, 1.06rem);line-height:1.7;margin:0}
.hero-ctas{margin-top:24px;display:flex;flex-direction:column;gap:12px}
.hero-ctas .btn{width:100%}
.hero-ctas--center{justify-content:center}
.hero-panel{position:relative;padding:18px;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.015));border:1px solid rgba(255,255,255,0.08);box-shadow:0 18px 70px rgba(0,0,0,0.45)}
.hero-panel::before{content:'';position:absolute;inset:auto auto -30% -15%;width:75%;aspect-ratio:1;background:radial-gradient(circle, rgba(57,255,20,.26), transparent 66%);filter:blur(10px);pointer-events:none}
.hero-panel__top{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.hero-panel__top strong{font-family:'Rajdhani',sans-serif;font-size:1.05rem}
.hero-panel__grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hero-panel__card{padding:16px;border-radius:18px;background:rgba(0,0,0,0.32);border:1px solid rgba(255,255,255,0.07)}
.hero-panel__card span,.hero-panel__list{color:var(--text-secondary);font-size:.9rem}
.hero-panel__card strong{display:block;margin-top:8px;font-family:'Rajdhani',sans-serif;font-size:1.2rem;line-height:1.1}
.hero-panel__card--wide{grid-column:1 / -1}
.hero-panel__list{position:relative;z-index:1;display:grid;gap:10px;margin-top:16px}
.hero-panel__list div{display:flex;align-items:flex-start;gap:10px}
.hero-panel__list span{flex:0 0 auto;width:10px;height:10px;margin-top:5px;border-radius:999px;background:var(--green);box-shadow:0 0 18px rgba(57,255,20,.4)}

.service-grid,.steps,.stat-grid,.footer-columns{display:grid;grid-template-columns:1fr;gap:14px}
.service-card,.step,.stat,.post-card{background:linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02));border:1px solid rgba(255,255,255,0.06);border-radius:var(--radius);box-shadow:var(--card-shadow)}
.service-card,.step{padding:20px}
.service-card h3,.step h3,.stat strong,.post-card .page-title{font-family:'Rajdhani',sans-serif;letter-spacing:-.02em;margin:0 0 10px}
.post-card .page-title{color:var(--text)}
.service-card p,.step p,.stat span,.post-card{margin:0;color:var(--text-secondary);line-height:1.7}
.service-card{min-height:160px;display:flex;flex-direction:column;justify-content:flex-end}
.step{min-height:160px}
.stat{padding:22px;text-align:center;display:grid;gap:6px;align-content:center}
.stat strong{font-size:clamp(1.8rem, 5vw, 3rem);color:var(--text)}
.stat span{text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}

.section-title{font-family:'Rajdhani',sans-serif;color:var(--text);margin:0 0 12px;font-size:clamp(1.6rem, 5vw, 2.4rem);letter-spacing:-.02em}
.cta-box{background:linear-gradient(180deg, rgba(0,0,0,0.48), rgba(26,26,26,0.82));padding:24px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,0.06);text-align:center;box-shadow:0 20px 60px rgba(0,0,0,0.5)}
.cta-box h2{font-family:'Rajdhani',sans-serif;font-size:clamp(1.6rem, 6vw, 2.6rem);margin:14px 0 12px}

/* Generic content fallback */
.content-area{padding-block:130px 64px}
.post-card{padding:24px}
.page-title{font-size:clamp(2rem, 5vw, 3.2rem)}

/* Footer */
.footer-top{display:flex;flex-direction:column;gap:16px;align-items:flex-start;justify-content:space-between;padding:24px 0;border-bottom:1px solid rgba(255,255,255,0.06)}
.footer-brand h2{font-family:'Rajdhani',sans-serif;font-size:clamp(2rem, 4vw, 3rem);margin:6px 0 10px}
.footer-kicker{display:inline-flex;color:var(--green);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
.footer-brand p{margin:0;max-width:60ch;line-height:1.7;color:var(--text-secondary)}
.footer-cta{white-space:nowrap}
.site-footer{background:#0d0d0d;color:var(--text-secondary);padding:44px 0 28px;margin-top:var(--section-space)}
.footer-container{display:grid;gap:22px}
.footer-columns .col h3{color:var(--text);margin:0 0 10px;font-family:'Rajdhani',sans-serif}
.footer-columns .col p{margin:0;line-height:1.7}
.footer-columns ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.footer-columns a{text-decoration:none;color:var(--text-secondary)}
.footer-columns a:hover{color:var(--green)}
.social-icons{display:flex;flex-wrap:wrap;gap:10px}
.social-icons a{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08)}
.footer-bottom{padding-top:14px;border-top:1px solid rgba(255,255,255,0.06);text-align:center}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;will-change:opacity, transform}
.reveal.is-visible{opacity:1;transform:none}

@media (min-width: 768px){
  .frontpage{padding-top:144px}
  .hero-ctas{flex-direction:row;flex-wrap:wrap}
  .hero-ctas .btn{width:auto}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(3,1fr)}
  .stat-grid{grid-template-columns:repeat(2,1fr)}
  .footer-columns{grid-template-columns:repeat(3,1fr)}
  .cta-box{padding:32px}
  .footer-top{flex-direction:row;align-items:center}

  .woocommerce ul.products,
  .woocommerce-page ul.products{grid-template-columns:repeat(2,1fr)}
  .woocommerce-cart .cart-collaterals,
  .woocommerce-checkout .col2-set,
  .woocommerce-checkout .woocommerce-checkout-review-order{padding:22px}
  .woocommerce-account .woocommerce-MyAccount-content{padding:22px}
}

@media (min-width: 992px){
  .theme-active-banner{
    justify-content:flex-start;
    padding-inline:28px;
  }
  .logo-copy{display:flex}
  .site-logo{height:56px}
  .request-assist{display:inline-flex}
  .nav-toggle{display:none}
  .site-header{inset:52px 0 auto 0}
  .main-navigation,
  .site-header.is-menu-open .main-navigation{position:static;inset:auto;display:flex;align-items:center;justify-content:center;flex:1 1 auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:1;transform:none;pointer-events:auto}
  .main-navigation ul,
  .site-header.is-menu-open .main-navigation ul{list-style:none;margin:0;padding:0}
  .primary-menu,
  .site-header.is-menu-open .primary-menu{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;margin:0;padding:0}
  .primary-menu li,
  .site-header.is-menu-open .primary-menu li{list-style:none}
  .primary-menu li a{padding:10px 14px;white-space:nowrap}
  .hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:48px}
  .hero-left,.hero-right{order:0}
  .hero-ctas{margin-top:28px}
  .service-grid{grid-template-columns:repeat(4,1fr)}
  .steps{grid-template-columns:repeat(3,1fr)}
  .stat-grid{grid-template-columns:repeat(4,1fr)}
  .footer-container{gap:26px}

  .woocommerce ul.products,
  .woocommerce-page ul.products{grid-template-columns:repeat(3,1fr)}
  .woocommerce-account .woocommerce{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;align-items:start}
  .woocommerce-account .woocommerce-MyAccount-navigation{margin-bottom:0}
}

@media (min-width: 1200px){
  .hero-left h1{max-width:9ch}
  .lead,.section-copy{max-width:560px}
  .woocommerce ul.products,
  .woocommerce-page ul.products{grid-template-columns:repeat(4,1fr)}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
  .reveal{opacity:1;transform:none}
}

/* Hero: portada como fondo detrás del celular */
.hero-home{position:relative;overflow:hidden}
.hero-home::before{content:'';position:absolute;inset:-10% -10% -10% -10%;background-image:var(--hero-bg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.58;transform:scale(1.04);filter:saturate(1.05) contrast(1.08);z-index:0;pointer-events:none}
.hero-home::after{content:'';position:absolute;inset:0;background:
  radial-gradient(circle at 78% 30%, rgba(57,255,20,.16), transparent 55%),
  linear-gradient(90deg, rgba(0,0,0,.86) 0%, rgba(0,0,0,.62) 46%, rgba(0,0,0,.84) 100%);
  z-index:0;pointer-events:none}
.hero-shell{position:relative;z-index:1}


body{
  background:
    radial-gradient(circle at top left, rgba(57,255,20,.08), transparent 26%),
    radial-gradient(circle at 80% 0%, rgba(57,255,20,.04), transparent 20%),
    var(--bg);
}
.frontpage{padding-top:110px}

.site-header{
  position:fixed;
  inset:0 0 auto 0;
  z-index:1000;
  padding:14px 0;
  background:rgba(0,0,0,.75);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(57,255,20,.08);
}
.site-header.sticky{background:rgba(0,0,0,.86);box-shadow:0 12px 30px rgba(0,0,0,.45)}
.nav-container{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}
.logo{text-decoration:none;display:inline-flex;align-items:center;gap:12px;min-height:54px}
.logo-avg{width:54px;height:54px;display:grid;place-items:center;overflow:hidden;border-radius:18px;background:rgba(15,15,15,.75);border:1px solid rgba(57,255,20,.22);box-shadow:0 0 34px rgba(57,255,20,.14)}
.logo-avg img{width:100%;height:100%;object-fit:contain}
.logo-copy{display:none;flex-direction:column;line-height:1}
.logo-copy strong{font-family:'Rajdhani',sans-serif;font-size:1rem;letter-spacing:.04em}
.logo-copy span{font-size:.74rem;color:var(--muted)}
.nav-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:700;transition:transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease, color .22s ease}
.btn:hover{transform:translateY(-2px)}
.btn-green{background:linear-gradient(135deg,var(--green),#baff63);color:#000;box-shadow:0 16px 34px rgba(57,255,20,.2)}
.btn-ghost{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:var(--text)}
.btn-dark{background:#0a0a0a;border:1px solid rgba(255,255,255,.08);color:var(--text)}
.request-assist{display:none}
.nav-toggle{width:46px;height:46px;display:inline-grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--text);cursor:pointer}
.hamburger,.hamburger::before,.hamburger::after{content:'';display:block;width:18px;height:2px;border-radius:999px;background:currentColor;transition:transform .22s ease, opacity .22s ease}
.hamburger{position:relative}
.hamburger::before{position:absolute;transform:translateY(-6px)}
.hamburger::after{position:absolute;transform:translateY(6px)}
.site-header.is-menu-open .hamburger{background:transparent}
.site-header.is-menu-open .hamburger::before{transform:rotate(45deg)}
.site-header.is-menu-open .hamburger::after{transform:rotate(-45deg)}
.main-navigation{position:fixed;top:78px;left:16px;right:16px;padding:18px;border-radius:24px;background:rgba(8,8,8,.96);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(0,0,0,.52);opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .22s ease, transform .22s ease}
.site-header.is-menu-open .main-navigation{opacity:1;transform:translateY(0);pointer-events:auto}
.primary-menu{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}
.primary-menu li{list-style:none}
.primary-menu a{display:flex;align-items:center;min-height:44px;padding:10px 14px;border-radius:14px;color:var(--muted);text-decoration:none;transition:background .18s ease, color .18s ease, box-shadow .18s ease}
.primary-menu a:hover,.primary-menu a.is-active{background:rgba(57,255,20,.08);color:var(--text);box-shadow:inset 0 0 0 1px rgba(57,255,20,.12)}

.hero-home{padding-top:28px;padding-bottom:32px}
.hero-shell{display:grid;grid-template-columns:1fr;gap:28px;align-items:center}
.hero-copy{display:grid;gap:18px}
.hero-badge,.section-kicker,.cta-panel__badge,.coverage-card > span,.section-title span{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.hero-home h1{margin:0;font-family:'Rajdhani',sans-serif;font-size:clamp(2.65rem, 11vw, 5.9rem);line-height:.9;letter-spacing:-.04em}
.hero-home h1 span{color:var(--green)}
.hero-intro{margin:0;max-width:30ch;color:var(--muted);font-size:clamp(1rem, 2.7vw, 1.08rem);line-height:1.7}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-actions .btn{min-width:168px}
.hero-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.feature-box{padding:16px;border-radius:20px;background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));border:1px solid rgba(57,255,20,.08);box-shadow:0 18px 48px rgba(0,0,0,.35)}
.feature-box h3{margin:0 0 4px;font-family:'Rajdhani',sans-serif;font-size:1rem;letter-spacing:-.02em}
.feature-box p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.45}
.hero-visual{position:relative}
.hero-visual::before{content:'';position:absolute;inset:8% -6% 10% 14%;background:radial-gradient(circle at 45% 50%, rgba(57,255,20,.28), rgba(57,255,20,.08) 26%, transparent 58%);filter:blur(38px);pointer-events:none;z-index:0}
.hero-visual::after{content:'';position:absolute;inset:auto -8% 10% 0;height:22%;background:linear-gradient(90deg, transparent 0%, rgba(57,255,20,.25) 42%, transparent 72%);filter:blur(26px);transform:skewX(-14deg);pointer-events:none;z-index:0}
.hero-visual__stage{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:flex-end;min-height:430px;overflow:visible}
.hero-visual__image{position:relative;z-index:2;width:min(118%, 720px);max-width:none;transform:translateX(6%);filter:drop-shadow(0 36px 60px rgba(0,0,0,.65));transition:transform .35s ease, filter .35s ease}
.hero-visual:hover .hero-visual__image{transform:translateX(6%) scale(1.02) translateY(-4px)}
.hero-visual__glow{position:absolute;inset:auto 22% 6% 8%;height:48%;background:radial-gradient(circle, rgba(57,255,20,.36) 0%, rgba(57,255,20,.18) 24%, transparent 64%);filter:blur(34px);z-index:1;pointer-events:none}
.hero-visual--phone .hero-visual__stage{align-items:flex-end;justify-content:center;min-height:520px}
.hero-visual__phone{position:relative;z-index:2;width:min(88%, 380px);max-width:none;transform:none;filter:drop-shadow(0 42px 70px rgba(0,0,0,.72))}
.hero-visual__fallback{position:relative;z-index:1;min-height:430px;display:grid;place-items:center;gap:8px;text-align:center;padding:24px}
.hero-visual__fallback span{font-family:'Rajdhani',sans-serif;font-size:clamp(4rem,16vw,7rem);font-weight:700;line-height:1;color:var(--green)}
.hero-visual__fallback small{max-width:18ch;color:var(--muted);line-height:1.5}

.section-title{text-align:center}
.section-title h2{margin:0;font-family:'Rajdhani',sans-serif;font-size:clamp(1.9rem, 5vw, 2.8rem);line-height:1.05;letter-spacing:-.03em}
.section-stack{display:grid;gap:18px}
.service-grid--preview{display:grid;grid-template-columns:1fr;gap:14px}
.service-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;min-height:190px;padding:20px;border-radius:24px;overflow:hidden;background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));border:1px solid rgba(57,255,20,.1);box-shadow:0 20px 46px rgba(0,0,0,.4), 0 0 0 1px rgba(0,0,0,.18) inset;transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}
.service-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top left, rgba(57,255,20,.1), transparent 36%), linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.46));pointer-events:none}
.service-card::after{content:'';position:absolute;right:18px;bottom:18px;width:34px;height:34px;border-radius:999px;border:1px solid rgba(57,255,20,.24);background:rgba(57,255,20,.08);box-shadow:0 0 20px rgba(57,255,20,.12);pointer-events:none}
.service-card:hover{transform:translateY(-6px);box-shadow:0 24px 56px rgba(0,0,0,.5), 0 0 28px rgba(57,255,20,.12);border-color:rgba(57,255,20,.18)}
.service-card > *{position:relative;z-index:1}
.service-card__icon{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;border:1px solid rgba(57,255,20,.24);background:rgba(57,255,20,.1);box-shadow:0 0 24px rgba(57,255,20,.14);color:var(--green);font-size:1.05rem}
.service-card h3{margin:0 0 8px;font-family:'Rajdhani',sans-serif;font-size:1.12rem;letter-spacing:-.02em}
.service-card p{margin:0;color:var(--muted);line-height:1.65}
.service-card__action{align-self:end;justify-self:end;font-size:1.2rem;color:var(--green)}

.how-grid{display:grid;grid-template-columns:1fr;gap:18px}
.timeline-card,.map-card,.coverage-card,.coverage-visual,.stat-card,.cta-panel{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 56px rgba(0,0,0,.46)}
.timeline-card{padding:22px}
.timeline-card h2,.coverage-card h2,.cta-panel h2{margin:0 0 18px;font-size:clamp(1.8rem, 4.8vw, 2.6rem);line-height:1.05}
.timeline{display:grid;gap:14px;position:relative}
.timeline::before{content:'';position:absolute;left:16px;top:46px;bottom:12px;width:2px;background:linear-gradient(180deg, rgba(57,255,20,.95), rgba(57,255,20,.1))}
.timeline-step{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:flex-start;padding:8px 0;position:relative}
.timeline-step__index{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:rgba(57,255,20,.08);border:1px solid rgba(57,255,20,.4);color:var(--green);font-family:'Rajdhani',sans-serif;font-weight:700;z-index:1}
.timeline-step h3{margin:0 0 4px;font-family:'Rajdhani',sans-serif;font-size:1.04rem;letter-spacing:-.02em}
.timeline-step p{margin:0;color:var(--muted);line-height:1.6}
.map-card{min-height:100%;display:grid;place-items:center;padding:22px;background:
  radial-gradient(circle at 20% 20%, rgba(57,255,20,.14), transparent 18%),
  radial-gradient(circle at 80% 70%, rgba(57,255,20,.1), transparent 22%),
  linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015))}
.map-card__route{position:relative;width:min(100%, 520px);height:320px;border-radius:24px;background:
  radial-gradient(circle at 65% 38%, rgba(57,255,20,.08), transparent 28%),
  linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.46));
  border:1px solid rgba(255,255,255,.06);overflow:hidden}
.map-card__route::before{content:'';position:absolute;inset:0;background:
  linear-gradient(90deg, transparent 0%, transparent 25%, rgba(57,255,20,.08) 25%, rgba(57,255,20,.08) 26%, transparent 26%, transparent 100%),
  linear-gradient(180deg, transparent 0%, transparent 28%, rgba(57,255,20,.06) 28%, rgba(57,255,20,.06) 29%, transparent 29%, transparent 100%);opacity:.28}
.map-card__dot{position:absolute;width:16px;height:16px;border-radius:999px;background:var(--green);box-shadow:0 0 0 8px rgba(57,255,20,.1), 0 0 28px rgba(57,255,20,.5)}
.map-card__dot--start{left:22%;top:60%}
.map-card__dot--end{right:18%;top:28%}
.map-card__line{position:absolute;left:22.5%;top:59%;width:58%;height:2px;background:linear-gradient(90deg, var(--green), rgba(57,255,20,.3));transform:rotate(-20deg);transform-origin:left center;box-shadow:0 0 18px rgba(57,255,20,.45)}
.map-card__timer{position:absolute;right:22px;bottom:20px;display:grid;gap:4px;padding:14px 16px;border-radius:18px;background:rgba(0,0,0,.58);border:1px solid rgba(57,255,20,.14);backdrop-filter:blur(10px)}
.map-card__timer-label{font-size:.75rem;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
.map-card__timer strong{font-family:'Rajdhani',sans-serif;font-size:clamp(1.9rem, 6vw, 3rem);line-height:1;color:var(--green)}

.coverage-shell{display:grid;grid-template-columns:1fr;gap:18px}
.coverage-card{padding:22px;display:grid;align-content:start;gap:12px}
.coverage-card span{font-weight:700}
.coverage-card h2 span{color:var(--green)}
.coverage-card p{margin:0;color:var(--muted);line-height:1.7;max-width:34ch}
.coverage-visual{min-height:260px;display:grid;align-items:end;justify-items:center;padding:12px 18px 0;background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.012))}
.coverage-visual__image{width:100%;max-width:440px;object-fit:contain;filter:drop-shadow(0 34px 50px rgba(0,0,0,.58))}

.stats-grid{display:grid;grid-template-columns:1fr;gap:12px}
.stat-card{padding:20px 18px;display:grid;gap:6px;align-content:center;text-align:center;background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));border:1px solid rgba(57,255,20,.08)}
.stat-card strong{font-family:'Rajdhani',sans-serif;font-size:clamp(1.8rem, 5vw, 2.9rem);line-height:1;color:var(--green)}
.stat-card span{color:var(--muted);line-height:1.5}

.cta-panel{display:flex;flex-direction:column;gap:18px;align-items:flex-start;justify-content:space-between;padding:22px;background:linear-gradient(135deg, #39FF14 0%, #77e400 55%, #39FF14 100%);color:#000;box-shadow:0 28px 70px rgba(57,255,20,.18)}
.cta-panel::before{content:'';position:absolute;inset:auto -12% -30% auto;width:240px;height:240px;border-radius:999px;background:rgba(255,255,255,.18);filter:blur(32px);opacity:.45;animation:glowPulse 6s ease-in-out infinite}
.cta-panel h2,.cta-panel p{color:#000}
.cta-panel p{margin:0;opacity:.86;line-height:1.6}
.cta-panel__phone-wrap{display:grid;gap:14px;min-width:min(100%, 340px)}
.cta-panel__phone{display:inline-flex;align-items:center;justify-content:center;min-height:70px;padding:16px 22px;border-radius:22px;background:#000;color:var(--green);font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(1.25rem, 3.4vw, 1.9rem);letter-spacing:.02em;box-shadow:0 18px 36px rgba(0,0,0,.18)}
.cta-panel__actions{display:flex;flex-wrap:wrap;gap:12px}
.cta-panel__actions .btn{min-width:138px}
.cta-panel__actions .btn-dark{background:#000;border-color:#000;color:var(--green)}
.cta-panel__actions .btn-ghost{background:rgba(255,255,255,.12);border-color:rgba(0,0,0,.14);color:#000}

.section-anchor{display:block;height:1px;margin-top:-1px;visibility:hidden}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;will-change:opacity, transform}
.reveal.is-visible{opacity:1;transform:none}

@keyframes glowPulse{0%,100%{opacity:.62;transform:scale(1)}50%{opacity:1;transform:scale(1.03)}}

@media (min-width: 768px){
  .container{padding-inline:24px}
  .hero-features{grid-template-columns:repeat(4,minmax(0,1fr))}
  .service-grid--preview{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .coverage-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
  .cta-panel{flex-direction:row;align-items:center}
}

@media (min-width: 992px){
  .container{padding-inline:28px}
  .frontpage{padding-top:124px}
  .logo-copy{display:flex}
  .request-assist{display:inline-flex}
  .nav-toggle{display:none}
  .main-navigation{position:static;inset:auto;display:flex;align-items:center;justify-content:center;flex:1 1 auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:1;transform:none;pointer-events:auto}
  .primary-menu{flex-direction:row;justify-content:center;gap:8px}
  .primary-menu a{padding:10px 14px;white-space:nowrap}
  .hero-shell{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px}
  .hero-home{padding-top:34px;padding-bottom:24px}
  .hero-visual__stage{min-height:820px}
  .hero-visual__image{width:min(128%, 920px);transform:translateX(10%);}
  .hero-visual:hover .hero-visual__image{transform:translateX(10%) scale(1.02) translateY(-4px)}
  .hero-visual--phone .hero-visual__stage{justify-content:flex-end}
  .hero-visual__phone{width:min(92%, 420px);transform:translateX(10%)}
  .hero-visual::before{inset:8% -12% 12% 10%;filter:blur(48px)}
  .hero-visual::after{inset:auto -10% 10% 0;height:24%}
  .service-grid--preview,.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .how-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:stretch}
  .coverage-visual{min-height:100%}
  .coverage-visual__image{max-width:520px}
}

@media (max-width: 991.98px){
  .hero-visual__stage{min-height:440px}
  .hero-visual__image{width:min(118%, 720px)}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
  .reveal{opacity:1;transform:none}
}

/* MotoAVG home preview aligned with the provided reference */
.frontpage{padding-top:120px}
.hero-home{padding-top:28px;padding-bottom:28px}
.hero-shell{display:grid;grid-template-columns:1fr;gap:28px;align-items:center}
.hero-copy{display:grid;gap:18px}
.hero-badge,.cta-panel__badge,.section-title--center span,.coverage-card > span{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.hero-home h1{margin:0;font-family:var(--font-display);font-size:clamp(2.55rem, 11vw, 5.65rem);line-height:.9;letter-spacing:-.04em}
.hero-home h1 span{color:var(--green)}
.hero-intro{margin:0;max-width:28ch;color:var(--text-secondary);font-size:clamp(1rem, 2.6vw, 1.1rem);line-height:1.65}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px}
.hero-actions .btn{min-width:168px}
.hero-features{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:12px}
.feature-box{padding:16px 16px 14px;border-radius:20px;background:linear-gradient(180deg, rgba(255,255,255,0.05), rgba(255,255,255,0.02));border:1px solid rgba(255,255,255,0.06);box-shadow:var(--card-shadow)}
.feature-box h3,.service-card h3,.process-step h3,.coverage-card h2,.cta-panel h2{font-family:var(--font-display);margin:0 0 8px;letter-spacing:-.02em}
.feature-box h3{font-size:1rem}
.feature-box p{margin:0;color:var(--text-secondary);font-size:.88rem;line-height:1.5}
.hero-visual{position:relative}
.hero-visual__frame{position:relative;min-height:380px;border-radius:32px;overflow:hidden;background:
  radial-gradient(circle at 50% 16%, rgba(57,255,20,.22), transparent 34%),
  radial-gradient(circle at 70% 42%, rgba(57,255,20,.1), transparent 22%),
  linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));
  border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 90px rgba(0,0,0,.55)}
.hero-visual__frame::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 55%, rgba(57,255,20,.12), transparent 26%)}
.hero-visual__frame::after{content:'';position:absolute;inset:auto -10% 8% -10%;height:30%;background:linear-gradient(90deg, transparent, rgba(57,255,20,.3), transparent);filter:blur(24px);transform:skewX(-14deg)}
.hero-visual__image{position:relative;z-index:1;width:100%;height:100%;min-height:380px;object-fit:contain;object-position:center bottom;padding:18px}
.hero-visual__fallback{position:relative;z-index:1;min-height:380px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--green);text-align:center}
.hero-visual__fallback span{font-family:var(--font-display);font-size:clamp(4rem, 16vw, 7rem);font-weight:700;line-height:1;letter-spacing:-.04em}
.hero-visual__fallback small{color:var(--text-secondary);max-width:18ch;line-height:1.5}
.section-stack{display:grid;gap:18px}
.section-title--center{text-align:center}
.section-title--center h2{margin:0;font-family:var(--font-display);font-size:clamp(1.9rem, 5vw, 2.7rem);line-height:1.05;letter-spacing:-.03em}
.service-grid--preview{grid-template-columns:1fr}
.service-card{min-height:220px;position:relative;display:flex;align-items:flex-end;overflow:hidden;padding:18px;border-radius:24px}
.service-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top left, rgba(57,255,20,.12), transparent 36%), linear-gradient(180deg, rgba(0,0,0,.14), rgba(0,0,0,.62))}
.service-card > div{position:relative;z-index:1;max-width:17ch}
.service-card p{margin:0;color:var(--text-secondary);line-height:1.55;font-size:.95rem}
.service-card--image{background-size:cover;background-position:center;background-repeat:no-repeat}
.service-card--assistance{background-image:linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.55)), radial-gradient(circle at 78% 30%, rgba(57,255,20,.15), transparent 28%)}
.service-card--technical{background-image:linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.58)), radial-gradient(circle at 70% 30%, rgba(57,255,20,.15), transparent 28%)}
.service-card--tow{background-image:linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.58)), radial-gradient(circle at 68% 24%, rgba(57,255,20,.15), transparent 28%)}
.service-card--workshop{background-image:linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.58)), radial-gradient(circle at 72% 24%, rgba(57,255,20,.15), transparent 28%)}
.split-grid{display:grid;grid-template-columns:1fr;gap:18px}
.process-card,.coverage-card,.cta-panel{position:relative;border-radius:28px;padding:22px;background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06);box-shadow:var(--card-shadow);overflow:hidden}
.process-card h2,.coverage-card h2,.cta-panel h2{margin:0 0 18px;font-size:clamp(1.7rem, 4.8vw, 2.5rem);line-height:1.05}
.process-step{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.process-step:last-of-type{border-bottom:0}
.process-step span{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:999px;border:1px solid rgba(121,255,95,.4);background:rgba(121,255,95,.08);color:var(--green);font-family:var(--font-display);font-weight:700}
.process-step p,.coverage-card p,.cta-panel p{margin:0;color:var(--text-secondary);line-height:1.6}
.process-map{margin-top:18px;padding:18px;border-radius:22px;background:radial-gradient(circle at top right, rgba(57,255,20,.14), transparent 36%), rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.06)}
.process-map__label{display:block;margin-bottom:8px;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}
.process-map strong{font-family:var(--font-display);font-size:clamp(2rem, 6vw, 3rem);color:var(--green)}
.coverage-card{min-height:100%;display:grid;align-content:start}
.coverage-card h2 span{color:var(--green)}
.coverage-card__image{margin-top:auto;min-height:220px;display:flex;align-items:flex-end;justify-content:center}
.coverage-card__image img{width:100%;max-width:340px;object-fit:contain;filter:drop-shadow(0 28px 50px rgba(0,0,0,.5))}
.stats-grid{display:grid;grid-template-columns:1fr;gap:12px}
.stat-card{padding:20px 18px;border-radius:22px;background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06);box-shadow:var(--card-shadow);display:grid;gap:6px;align-content:center}
.stat-card strong{font-family:var(--font-display);font-size:clamp(1.8rem, 5vw, 2.7rem);line-height:1;color:var(--green)}
.stat-card span{color:var(--text-secondary);line-height:1.5}
.cta-panel{display:flex;flex-direction:column;gap:18px;align-items:flex-start;justify-content:space-between}
.cta-panel__copy{display:grid;gap:8px}
.cta-panel__phone{min-width:260px;display:inline-flex;align-items:center;justify-content:center;min-height:64px;padding:14px 22px;border-radius:22px;background:linear-gradient(90deg,var(--green),#7dfb2f);color:#000;text-decoration:none;font-family:var(--font-display);font-weight:700;font-size:clamp(1.2rem, 3vw, 1.8rem);box-shadow:0 20px 40px rgba(57,255,20,.22)}

.hero-visual__frame--app{padding:0;display:grid;align-items:stretch}
.hero-app{position:relative;z-index:3;min-height:380px;padding:18px 16px 16px;display:grid;gap:12px;background:linear-gradient(180deg, rgba(0,0,0,.22), rgba(0,0,0,.02))}
.hero-app__header{display:grid;gap:4px;padding-bottom:6px}
.hero-app__header span{font-family:var(--font-display);font-size:1.15rem;font-weight:700;line-height:1}
.hero-app__header small{color:var(--text-secondary);font-size:.92rem}
.hero-app__card,.hero-app__mini-card,.hero-app__map{border-radius:20px;border:1px solid rgba(255,255,255,.06);background:rgba(0,0,0,.34);box-shadow:var(--card-shadow)}
.hero-app__card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px}
.hero-app__card strong,.hero-app__mini-card strong,.hero-app__map strong{display:block;font-family:var(--font-display);font-size:1.05rem;line-height:1.1;margin-bottom:4px}
.hero-app__card span,.hero-app__mini-card span,.hero-app__map span{color:var(--text-secondary);font-size:.88rem}
.hero-app__card--primary{background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(0,0,0,.28));border-color:rgba(121,255,95,.22)}
.hero-app__icon{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:rgba(121,255,95,.08);border:1px solid rgba(121,255,95,.28);font-size:1.2rem;color:var(--green);box-shadow:0 0 26px rgba(57,255,20,.18)}
.hero-app__grid{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:12px}
.hero-app__mini-card{padding:14px 12px;min-height:88px;display:grid;align-content:start}
.hero-app__map{display:flex;align-items:center;gap:12px;padding:14px 12px;min-height:92px;background:radial-gradient(circle at 78% 32%, rgba(57,255,20,.12), transparent 24%), rgba(0,0,0,.34)}
.hero-app__pin{flex:0 0 auto;font-size:1.1rem}
.hero-app__tabs{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:6px;padding-top:6px}
.hero-app__tabs span{display:grid;place-items:center;min-height:38px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);color:var(--text-secondary);font-size:.72rem}

@media (min-width: 768px){
  .hero-shell{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:30px}
  .hero-features{grid-template-columns:repeat(2, minmax(0,1fr))}
  .service-grid--preview,.stats-grid{grid-template-columns:repeat(2, minmax(0,1fr))}
  .split-grid{grid-template-columns:repeat(2, minmax(0,1fr))}
  .cta-panel{flex-direction:row;align-items:center}
}

@media (min-width: 992px){
  .frontpage{padding-top:140px}
  .hero-home{padding-top:34px;padding-bottom:38px}
  .hero-visual__frame,.hero-visual__image,.hero-visual__fallback{min-height:620px}
  .hero-app{min-height:620px;padding:22px}
  .hero-app__header span{font-size:1.35rem}
  .hero-features{grid-template-columns:repeat(4, minmax(0,1fr))}
  .service-grid--preview{grid-template-columns:repeat(4, minmax(0,1fr))}
  .stats-grid{grid-template-columns:repeat(4, minmax(0,1fr))}
  .split-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr)}
  .cta-panel{padding:24px 28px}
}


body{
  background:
    radial-gradient(circle at top left, rgba(57,255,20,.08), transparent 28%),
    radial-gradient(circle at 85% 10%, rgba(57,255,20,.05), transparent 22%),
    var(--bg);
}
.section-pad{padding-block:var(--section-space)}
.frontpage{padding-top:108px}
.section-kicker,.hero-badge,.section-title span,.cta-panel__badge,.coverage-card > span{display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}

.site-header{
  position:fixed;
  inset:0 0 auto 0;
  z-index:1000;
  padding:14px 0;
  background:rgba(0,0,0,.75);
  backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(57,255,20,.08);
}
.nav-container{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}
.brand{flex:0 0 auto}
.logo{text-decoration:none;display:inline-flex;align-items:center;gap:12px;min-height:54px}
.logo-avg{width:54px;height:54px;display:grid;place-items:center;overflow:hidden;border-radius:18px;background:rgba(15,15,15,.65);border:1px solid rgba(57,255,20,.22);box-shadow:0 0 34px rgba(57,255,20,.14)}
.logo-avg img{width:100%;height:100%;object-fit:contain}
.logo-copy{display:none;flex-direction:column;line-height:1}
.logo-copy strong{font-family:'Rajdhani',sans-serif;font-size:1rem;letter-spacing:.04em}
.logo-copy span{font-size:.74rem;color:var(--muted)}
.nav-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:700;transition:transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease, color .22s ease}
.btn:hover{transform:translateY(-2px)}
.btn-green{background:linear-gradient(135deg,var(--green),#d8ff5e);color:#000;box-shadow:0 16px 34px rgba(57,255,20,.22)}
.btn-ghost{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:var(--text)}
.btn-dark{background:#0b0b0b;border:1px solid rgba(255,255,255,.08);color:var(--text)}
.request-assist{display:none}
.nav-toggle{width:46px;height:46px;display:inline-grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:var(--text);cursor:pointer}
.hamburger,.hamburger::before,.hamburger::after{content:'';display:block;width:18px;height:2px;border-radius:999px;background:currentColor;transition:transform .22s ease, opacity .22s ease}
.hamburger{position:relative}
.hamburger::before{position:absolute;transform:translateY(-6px)}
.hamburger::after{position:absolute;transform:translateY(6px)}
.site-header.is-menu-open .hamburger{background:transparent}
.site-header.is-menu-open .hamburger::before{transform:rotate(45deg)}
.site-header.is-menu-open .hamburger::after{transform:rotate(-45deg)}
.main-navigation{position:fixed;top:78px;left:16px;right:16px;padding:18px;border-radius:24px;background:rgba(8,8,8,.96);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(0,0,0,.52);opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .22s ease, transform .22s ease}
.site-header.is-menu-open .main-navigation{opacity:1;transform:translateY(0);pointer-events:auto}
.primary-menu{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}
.primary-menu li{list-style:none}
.primary-menu a{display:flex;align-items:center;min-height:44px;padding:10px 14px;border-radius:14px;color:var(--muted);text-decoration:none;transition:background .18s ease, color .18s ease, box-shadow .18s ease}
.primary-menu a:hover,.primary-menu a.is-active{background:rgba(57,255,20,.08);color:var(--text);box-shadow:inset 0 0 0 1px rgba(57,255,20,.12)}

.hero-home{padding-top:26px;padding-bottom:26px}
.hero-shell{display:grid;grid-template-columns:1fr;gap:28px;align-items:center}
.hero-copy{display:grid;gap:18px}
.hero-home h1{margin:0;font-family:'Rajdhani',sans-serif;font-size:clamp(2.7rem, 11vw, 5.8rem);line-height:.9;letter-spacing:-.04em}
.hero-home h1 span{color:var(--green)}
.hero-intro{margin:0;max-width:30ch;color:var(--muted);font-size:clamp(1rem, 2.7vw, 1.08rem);line-height:1.7}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-actions .btn{min-width:168px}
.hero-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.feature-box{padding:16px;border-radius:20px;background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));border:1px solid rgba(57,255,20,.08);box-shadow:0 18px 48px rgba(0,0,0,.35)}
.feature-box h3,.service-card h3,.timeline-step h3,.coverage-card h2,.cta-panel h2{font-family:'Rajdhani',sans-serif;letter-spacing:-.02em;margin:0 0 8px;line-height:1.05}
.feature-box h3{font-size:1rem}
.feature-box p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.5}
.hero-visual{position:relative}
.hero-visual__frame{position:relative;min-height:380px;overflow:hidden;border-radius:34px;background:
  radial-gradient(circle at 50% 14%, rgba(57,255,20,.16), transparent 32%),
  radial-gradient(circle at 72% 38%, rgba(57,255,20,.08), transparent 24%),
  linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015));
  border:1px solid rgba(57,255,20,.14);box-shadow:0 30px 90px rgba(0,0,0,.58), 0 0 120px rgba(57,255,20,.08)}
.hero-visual__frame::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 28% 55%, rgba(57,255,20,.12), transparent 26%);animation:glowPulse 6s ease-in-out infinite}
.hero-visual__frame::after{content:'';position:absolute;inset:auto -14% 8% -14%;height:28%;background:linear-gradient(90deg, transparent, rgba(57,255,20,.3), transparent);filter:blur(22px);transform:skewX(-14deg)}
.hero-visual__image{position:relative;z-index:1;width:100%;height:100%;min-height:380px;object-fit:cover;object-position:center center;transition:transform .35s ease, filter .35s ease;filter:drop-shadow(0 32px 50px rgba(0,0,0,.55))}
.hero-visual:hover .hero-visual__image{transform:scale(1.03) translateY(-4px)}
.hero-visual__image--overlay{position:absolute;inset:auto 0 0 0;z-index:1;max-width:92%;margin:0 auto;object-fit:contain;object-position:center bottom;pointer-events:none}
.hero-visual__fallback{position:relative;z-index:1;min-height:380px;display:grid;place-items:center;gap:8px;text-align:center;padding:24px}

@media (min-width: 768px){
  .hero-visual__image--overlay{max-width:88%}
}

@media (min-width: 992px){
  .hero-visual__image--overlay{max-width:84%}
}
.hero-visual__fallback span{font-family:'Rajdhani',sans-serif;font-size:clamp(4rem,16vw,7rem);font-weight:700;line-height:1;color:var(--green)}
.hero-visual__fallback small{max-width:18ch;color:var(--muted);line-height:1.5}

.section-title{text-align:center}
.section-title h2{margin:0;font-family:'Rajdhani',sans-serif;font-size:clamp(1.9rem, 5vw, 2.8rem);line-height:1.05;letter-spacing:-.03em}
.section-stack{display:grid;gap:18px}
.service-grid--preview{display:grid;grid-template-columns:1fr;gap:14px}
.service-card{position:relative;display:flex;gap:14px;align-items:flex-start;min-height:188px;padding:20px;border-radius:24px;overflow:hidden;background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));border:1px solid rgba(57,255,20,.1);box-shadow:0 20px 46px rgba(0,0,0,.4), 0 0 0 1px rgba(0,0,0,.18) inset;transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}
.service-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top left, rgba(57,255,20,.1), transparent 36%), linear-gradient(180deg, rgba(0,0,0,.18), rgba(0,0,0,.46));pointer-events:none}
.service-card:hover{transform:translateY(-6px);box-shadow:0 24px 56px rgba(0,0,0,.5), 0 0 28px rgba(57,255,20,.12);border-color:rgba(57,255,20,.18)}
.service-card > *{position:relative;z-index:1}
.service-card__icon{flex:0 0 auto;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;border:1px solid rgba(57,255,20,.24);background:rgba(57,255,20,.1);box-shadow:0 0 24px rgba(57,255,20,.14);color:var(--green);font-size:1.05rem}
.service-card h3{font-size:1.15rem}
.service-card p{margin:0;color:var(--muted);line-height:1.65}

.how-grid{display:grid;grid-template-columns:1fr;gap:18px}
.timeline-card,.map-card,.coverage-card,.coverage-visual,.stat-card,.cta-panel{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 56px rgba(0,0,0,.46)}
.timeline-card{padding:22px}
.timeline-card h2,.coverage-card h2,.cta-panel h2{margin:0 0 18px;font-size:clamp(1.8rem, 4.8vw, 2.6rem)}
.timeline{display:grid;gap:14px;position:relative;padding-left:2px}
.timeline::before{content:'';position:absolute;left:16px;top:46px;bottom:10px;width:2px;background:linear-gradient(180deg, rgba(57,255,20,.95), rgba(57,255,20,.1))}
.timeline-step{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:flex-start;position:relative;padding:8px 0}
.timeline-step__index{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:rgba(57,255,20,.08);border:1px solid rgba(57,255,20,.4);color:var(--green);font-family:'Rajdhani',sans-serif;font-weight:700;z-index:1}
.timeline-step h3{font-size:1.04rem;margin-bottom:4px}
.timeline-step p{margin:0;color:var(--muted);line-height:1.6}
.map-card{min-height:100%;display:grid;place-items:center;padding:22px;background:
  radial-gradient(circle at 20% 20%, rgba(57,255,20,.14), transparent 18%),
  radial-gradient(circle at 80% 70%, rgba(57,255,20,.1), transparent 22%),
  linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015))}
.map-card__route{position:relative;width:min(100%, 520px);height:320px;border-radius:24px;background:
  radial-gradient(circle at 65% 38%, rgba(57,255,20,.08), transparent 28%),
  linear-gradient(180deg, rgba(0,0,0,.62), rgba(0,0,0,.46));
  border:1px solid rgba(255,255,255,.06);overflow:hidden}
.map-card__route::before{content:'';position:absolute;inset:0;background:
  linear-gradient(90deg, transparent 0%, transparent 25%, rgba(57,255,20,.08) 25%, rgba(57,255,20,.08) 26%, transparent 26%, transparent 100%),
  linear-gradient(180deg, transparent 0%, transparent 28%, rgba(57,255,20,.06) 28%, rgba(57,255,20,.06) 29%, transparent 29%, transparent 100%);background-size:100% 100%;opacity:.28}
.map-card__dot{position:absolute;width:16px;height:16px;border-radius:999px;background:var(--green);box-shadow:0 0 0 8px rgba(57,255,20,.1), 0 0 28px rgba(57,255,20,.5)}
.map-card__dot--start{left:22%;top:60%}
.map-card__dot--end{right:18%;top:28%}
.map-card__line{position:absolute;left:22.5%;top:59%;width:58%;height:2px;background:linear-gradient(90deg, var(--green), rgba(57,255,20,.3));transform:rotate(-20deg);transform-origin:left center;box-shadow:0 0 18px rgba(57,255,20,.45)}
.map-card__timer{position:absolute;right:22px;bottom:20px;display:grid;gap:4px;padding:14px 16px;border-radius:18px;background:rgba(0,0,0,.58);border:1px solid rgba(57,255,20,.14);backdrop-filter:blur(10px)}
.map-card__timer-label{font-size:.75rem;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
.map-card__timer strong{font-family:'Rajdhani',sans-serif;font-size:clamp(1.9rem, 6vw, 3rem);line-height:1;color:var(--green)}

.coverage-shell{display:grid;grid-template-columns:1fr;gap:18px}
.coverage-card{padding:22px;display:grid;align-content:start;gap:12px}
.coverage-card span{font-weight:700}
.coverage-card h2 span{color:var(--green)}
.coverage-card p{margin:0;color:var(--muted);line-height:1.7;max-width:34ch}
.coverage-visual{min-height:260px;display:grid;align-items:end;justify-items:center;padding:12px 18px 0;background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.012))}
.coverage-visual__image{width:100%;max-width:440px;object-fit:contain;filter:drop-shadow(0 34px 50px rgba(0,0,0,.58))}

.stats-grid{display:grid;grid-template-columns:1fr;gap:12px}
.stat-card{padding:20px 18px;display:grid;gap:6px;align-content:center;text-align:center;background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));border:1px solid rgba(57,255,20,.08)}
.stat-card strong{font-family:'Rajdhani',sans-serif;font-size:clamp(1.8rem, 5vw, 2.9rem);line-height:1;color:var(--green)}
.stat-card span{color:var(--muted);line-height:1.5}

.cta-panel{display:flex;flex-direction:column;gap:18px;align-items:flex-start;justify-content:space-between;padding:22px;background:linear-gradient(135deg, #8DFF00 0%, #6fff00 55%, #8dff00 100%);color:#000;box-shadow:0 28px 70px rgba(57,255,20,.18)}
.cta-panel::before{content:'';position:absolute;inset:auto -12% -30% auto;width:240px;height:240px;border-radius:999px;background:rgba(255,255,255,.2);filter:blur(32px);opacity:.45;animation:glowPulse 6s ease-in-out infinite}
.cta-panel__badge{color:#0a0a0a}
.cta-panel h2,.cta-panel p{color:#000}
.cta-panel p{margin:0;opacity:.86;line-height:1.6}
.cta-panel__phone-wrap{display:grid;gap:14px;min-width:min(100%, 340px)}
.cta-panel__phone{display:inline-flex;align-items:center;justify-content:center;min-height:70px;padding:16px 22px;border-radius:22px;background:#000;color:var(--green);font-family:'Rajdhani',sans-serif;font-weight:700;font-size:clamp(1.25rem, 3.4vw, 1.9rem);letter-spacing:.02em;box-shadow:0 18px 36px rgba(0,0,0,.18)}
.cta-panel__actions{display:flex;flex-wrap:wrap;gap:12px}
.cta-panel__actions .btn{min-width:138px}
.cta-panel__actions .btn-dark{background:#000;border-color:#000;color:var(--green)}
.cta-panel__actions .btn-ghost{background:rgba(255,255,255,.12);border-color:rgba(0,0,0,.14);color:#000}

.section-anchor{display:block;height:1px;margin-top:-1px;visibility:hidden}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease, transform .7s ease;will-change:opacity, transform}

/* Responsive hardening (final overrides) */
@media (max-width: 767.98px){
  .frontpage{padding-top:104px}

  /* Header (index.html uses inline flex styles) */
  .nav-container{flex-wrap:wrap}
  .nav-container .main-navigation{flex:1 1 100%;width:100%}
  .nav-container > .btn{flex:1 1 100%;width:100%;justify-content:center}
  .primary-menu{justify-content:flex-start}
  .primary-menu a{padding:10px 12px}

  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-actions .btn{width:100%;min-width:0}
  .hero-features{grid-template-columns:1fr}

  .hero-visual--phone .hero-visual__stage{min-height:420px;justify-content:center}
  .hero-visual__phone{width:min(86vw, 360px)}

  .map-card__route{height:260px}
  .coverage-visual{min-height:220px}
  .coverage-visual__image{max-width:360px}

  .cta-panel{align-items:stretch}
  .cta-panel__phone-wrap{min-width:0;width:100%}
  .cta-panel__actions .btn{flex:1 1 140px}
}

@media (max-width: 479.98px){
  .hero-home h1{font-size:clamp(2.15rem, 12.5vw, 3.25rem)}
  .hero-visual--phone .hero-visual__stage{min-height:380px}
  .hero-visual__phone{width:min(90vw, 330px)}
  .timeline::before{left:14px}
  .timeline-step{gap:12px}
  .timeline-step__index{width:32px;height:32px}
  .map-card{padding:18px}
  .map-card__timer{right:14px;bottom:14px}
}

@media (min-width: 768px) and (max-width: 991.98px){
  .hero-shell{grid-template-columns:minmax(0,1fr) minmax(0, 360px);gap:22px}
  .hero-visual--phone .hero-visual__stage{min-height:520px;justify-content:flex-end}
  .hero-visual__phone{width:min(92%, 380px);transform:translateX(4%)}
}

@media (min-width: 992px){
  .hero-actions{gap:14px}
}
.reveal--fade-in{transform:none}
.reveal.is-visible{opacity:1;transform:none}

@keyframes glowPulse{
  0%,100%{opacity:.62;transform:scale(1)}
  50%{opacity:1;transform:scale(1.03)}
}

@media (min-width: 768px){
  .container{padding-inline:24px}
  .hero-features{grid-template-columns:repeat(4,minmax(0,1fr))}
  .service-grid--preview{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .coverage-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
  .cta-panel{flex-direction:row;align-items:center}
}

@media (min-width: 992px){
  .container{padding-inline:28px}
  .frontpage{padding-top:124px}
  .logo-copy{display:flex}
  .request-assist{display:inline-flex}
  .nav-toggle{display:none}
  .main-navigation{position:static;inset:auto;display:flex;align-items:center;justify-content:center;flex:1 1 auto;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;opacity:1;transform:none;pointer-events:auto}
  .primary-menu{flex-direction:row;justify-content:center;gap:8px}
  .primary-menu a{padding:10px 14px;white-space:nowrap}
  .hero-shell{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:48px}
  .hero-home{padding-top:34px;padding-bottom:34px}
  .hero-visual__frame{min-height:620px}
  .hero-visual__image,.hero-visual__fallback{min-height:620px}
  .hero-visual__frame--app{grid-template-columns:minmax(0,.56fr) minmax(0,.44fr);align-items:end;gap:18px;padding:18px}
  .hero-app{min-height:100%;padding:20px;border-radius:28px;backdrop-filter:blur(12px);background:rgba(10,10,10,.72);box-shadow:0 20px 50px rgba(0,0,0,.42), inset 0 0 0 1px rgba(57,255,20,.08)}
  .hero-app__header span{font-size:1.45rem}
  .hero-app__card{padding:18px}
  .hero-app__grid{grid-template-columns:1fr 1fr}
  .hero-app__mini-card{min-height:96px}
  .hero-app__map{min-height:100px}
  .hero-visual__image--overlay{position:relative;inset:auto;z-index:1;max-width:100%;min-height:560px;object-fit:contain;object-position:center bottom;margin:0;align-self:end;transform:translateX(8%) scale(1.02);filter:drop-shadow(0 36px 60px rgba(0,0,0,.64))}
  .hero-visual:hover .hero-visual__image--overlay{transform:translateX(8%) scale(1.04) translateY(-4px)}
  .service-grid--preview,.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .how-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);align-items:stretch}
  .coverage-visual{min-height:100%}
  .coverage-visual__image{max-width:520px}
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
  .reveal{opacity:1;transform:none}
}