/* ============================================================
   Filer Pakistan — global premium upgrade layer
   Loaded AFTER each page's inline <style>, so it overrides.
   Safe + additive: only enhances existing classes.
   ============================================================ */
:root{
  --grad:linear-gradient(135deg,#1A9E66 0%,#0E7A4E 60%,#095C3A 100%);
  --green-glow:#5EE8A4;
  --shadow-sm:0 2px 8px rgba(12,13,15,.05);
  --shadow:0 10px 30px rgba(12,13,15,.08);
  --shadow-lg:0 24px 60px rgba(12,13,15,.14);
}

@keyframes fpFloat{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(26px,-32px) scale(1.07)}66%{transform:translate(-18px,18px) scale(.95)}}
@keyframes fpPulse{0%,100%{opacity:1}50%{opacity:.5}}

/* ── scroll reveal ── */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
.reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}*{animation-duration:.001s!important}}

/* ── gradient buttons + lift ── */
.btn-green{background:var(--grad)!important;box-shadow:0 8px 24px rgba(14,122,78,.28);border:none}
.btn-green:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(14,122,78,.40)}
.btn-white{box-shadow:0 10px 30px rgba(0,0,0,.16)}
.btn-white:hover{transform:translateY(-2px)}
.btn-cta{transition:transform .2s,background .2s}
.btn-cta:hover{transform:translateY(-1px)}
.submit-btn{background:var(--grad)!important;box-shadow:0 6px 18px rgba(14,122,78,.26)}
.submit-btn:hover{transform:translateY(-1px)}

/* ── sticky nav shadow on scroll ── */
nav#mainNav{transition:box-shadow .2s,background .2s}
nav#mainNav.scrolled{box-shadow:var(--shadow-sm);background:rgba(255,255,255,.92)}

/* ── card hover lifts ── */
.svc-item,.card-item,.why-item,.plan,.review-card,.blog-card,.team-card,.addon-card,.info-card,.svc-card{transition:transform .2s,box-shadow .2s,border-color .2s}
.svc-item:hover,.card-item:hover,.why-item:hover,.review-card:hover,.blog-card:hover,.team-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}

/* ── soft light aurora behind inner-page heroes (dark text stays readable) ── */
.page-hero{position:relative;overflow:hidden}
.page-hero>*{position:relative;z-index:1}
.fp-aura{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.fp-aura i{position:absolute;display:block;border-radius:50%;filter:blur(64px);opacity:.16;animation:fpFloat 22s ease-in-out infinite}
.fp-aura i.a1{width:360px;height:360px;background:#1A9E66;top:-130px;left:-50px}
.fp-aura i.a2{width:300px;height:300px;background:#0E7A4E;top:-70px;right:-60px;animation-delay:-8s}

/* ── tabular numerals for animated counters ── */
.num-big{font-variant-numeric:tabular-nums}