/* ===== Tokens ===== */
:root{
  --bg: #0a0f0b;
  --bg-raised: #10160f;
  --card: #131a12;
  --card-border: #223021;
  --lime: #b6ff3c;
  --lime-dim: #8fd42c;
  --orange: #9be62f;  /* lime accent 2 (was orange) */
  --ink: #f3f6ef;
  --ink-dim: #a9b3a4;
  --ink-faint: #6c766a;
  --radius-sm: 10px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --ease: cubic-bezier(.16,.84,.44,1);
  --font-display: 'Sora', sans-serif;
  --font-body: 'Inter', sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *{animation-duration:0.01ms !important; transition-duration:0.01ms !important;}
}

body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--font-body);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3{
  font-family:var(--font-display);
  margin:0;
  font-weight:700;
  letter-spacing:-0.02em;
  color:var(--ink);
}

p{margin:0;}
a{color:inherit; text-decoration:none;}
ul{margin:0; padding:0; list-style:none;}
button{font-family:inherit; cursor:pointer;}

.noise-overlay{
  position:fixed; inset:0; pointer-events:none; z-index:1;
  opacity:0.035; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.eyebrow, .eyebrow-pill{
  font-family:var(--font-body);
  font-size:0.8rem;
  color:var(--lime);
  font-weight:600;
}
.eyebrow-pill{
  display:inline-flex;
  padding:6px 14px;
  border:1px solid var(--card-border);
  border-radius:999px;
  background:rgba(182,255,60,0.06);
  margin-bottom:20px;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 22px;
  border-radius:999px;
  font-weight:600;
  font-size:0.95rem;
  transition:transform 0.25s var(--ease), background 0.25s var(--ease), box-shadow 0.25s var(--ease), border-color .25s var(--ease);
  border:1px solid transparent;
  white-space:nowrap;
}
.btn-lg{padding:15px 30px; font-size:1.02rem;}
.btn-block{width:100%;}
.btn-lime{background:var(--lime); color:#0a0f0b;}
.btn-lime:hover{background:var(--lime-dim); transform:translateY(-2px);}
.btn-outline{border-color:var(--card-border); color:var(--ink);}
.btn-outline:hover{border-color:var(--lime); color:var(--lime); transform:translateY(-2px);}
.btn-ghost{color:var(--ink-dim);}
.btn-ghost:hover{color:var(--ink);}
.btn-orange{background:var(--orange); color:#0a0f0b;}
.btn-orange:hover{background:#b6ff3c; transform:translateY(-2px);}
.btn-ghost-dark{border:1px solid #2a2a2a; color:var(--ink);}
.btn-ghost-dark:hover{border-color:var(--orange); color:var(--orange);}

/* ===== Nav ===== */
.nav{
  position:sticky; top:0; z-index:50;
  background:rgba(10,15,11,0.78);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--card-border);
}
.nav-inner{
  max-width:1200px; margin:0 auto;
  display:flex; align-items:center; justify-content:space-between;
  padding:16px 28px;
}
.brand{
  font-family:var(--font-display);
  font-weight:700; font-size:1.15rem;
  display:flex; align-items:center; gap:10px;
}
.brand-mark{
  color:#0a0f0b; font-size:1.35rem; line-height:1;
  width:34px; height:34px; border-radius:10px;
  background:var(--lime);
  display:inline-flex; align-items:center; justify-content:center;
  flex-shrink:0;
}
.brand-dark{color:var(--ink);}
.nav-links{display:flex; gap:30px;}
.nav-links a{font-size:0.92rem; color:var(--ink-dim); transition:color .2s;}
.nav-links a:hover{color:var(--ink);}
.nav-cta{display:flex; align-items:center; gap:18px;}
.nav-toggle{
  display:none; background:none; border:none; flex-direction:column; gap:5px; padding:6px;
}
.nav-toggle span{width:22px; height:2px; background:var(--ink); display:block; transition:transform .25s, opacity .25s;}

/* ===== Sections shared ===== */
.section-inner{
  max-width:1200px; margin:0 auto; padding:0 28px;
}
.section-inner h2{font-size:clamp(1.7rem, 3vw, 2.5rem); margin:10px 0 14px; max-width:720px;}
section{padding:96px 0;}

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

/* ===== Hero ===== */
.hero{position:relative; overflow:hidden; padding-top:90px; padding-bottom:0;}
.hero-glow{
  position:absolute; top:-260px; left:50%; transform:translateX(-50%);
  width:900px; height:700px; border-radius:50%;
  background:radial-gradient(circle, rgba(182,255,60,0.16), transparent 65%);
  pointer-events:none;
}
.hero-inner{
  position:relative; max-width:820px; margin:0 auto; padding:0 28px;
  text-align:center; display:flex; flex-direction:column; align-items:center;
}
.hero-title{
  font-size:clamp(2.4rem, 6vw, 4.4rem);
  line-height:1.04;
}
.hero-title-accent{color:var(--lime);}
.hero-sub{
  max-width:560px; margin:26px 0 34px;
  color:var(--ink-dim); font-size:1.08rem;
}
.hero-actions{display:flex; gap:16px; flex-wrap:wrap; justify-content:center;}
.hero-meta{
  display:flex; gap:44px; margin-top:56px; flex-wrap:wrap; justify-content:center;
}
.hero-meta-item{display:flex; flex-direction:column; align-items:center; gap:4px;}
.hero-meta-item strong{font-family:var(--font-display); font-size:1.5rem; color:var(--lime);}
.hero-meta-item span{font-size:0.82rem; color:var(--ink-faint);}

.trust-strip{
  margin-top:70px; border-top:1px solid var(--card-border);
  padding:26px 28px; display:flex; align-items:center; gap:30px; justify-content:center;
  flex-wrap:wrap;
}
.trust-label{font-size:0.78rem; color:var(--ink-faint); text-transform:uppercase; letter-spacing:.08em;}
.trust-logos{display:flex; gap:30px; flex-wrap:wrap; justify-content:center;}
.trust-logos span{color:var(--ink-dim); font-weight:600; font-size:0.92rem; opacity:.75;}

/* ===== How we work ===== */
.split{display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:end; margin-bottom:56px;}
.split-left h2{margin-top:6px;}
.split-right p{color:var(--ink-dim); max-width:420px; margin-bottom:18px;}

.steps-row{
  max-width:1200px; margin:0 auto; padding:0 28px;
  display:flex; align-items:center; gap:0;
}
.step-card{
  flex:1; background:var(--card); border:1px solid var(--card-border);
  border-radius:var(--radius-md); padding:30px 26px;
  transition:transform .3s var(--ease), border-color .3s var(--ease);
}
.step-card:hover{transform:translateY(-6px); border-color:var(--lime);}
.step-icon{
  width:44px; height:44px; border-radius:50%;
  background:var(--lime); color:#0a0f0b;
  display:flex; align-items:center; justify-content:center;
  font-size:1.1rem; margin-bottom:18px;
}
.step-card h3{font-size:1.08rem; margin-bottom:8px;}
.step-card p{color:var(--ink-dim); font-size:0.92rem;}
.step-arrow{color:var(--ink-faint); font-size:1.4rem; padding:0 16px;}

/* ===== Services / modules ===== */
.modules-grid{
  max-width:1200px; margin:44px auto 0; padding:0 28px;
  display:grid; grid-template-columns:repeat(4, 1fr); gap:20px;
}
.module-card{
  background:var(--card); border:1px solid var(--card-border);
  border-radius:var(--radius-md); padding:28px 24px;
  transition:transform .3s var(--ease), border-color .3s var(--ease);
}
.module-card:hover{transform:translateY(-6px); border-color:var(--lime);}
.module-num{color:var(--lime); font-family:var(--font-display); font-weight:700; font-size:0.95rem;}
.module-card h3{font-size:1.15rem; margin:12px 0 10px;}
.module-card p{color:var(--ink-dim); font-size:0.9rem; margin-bottom:16px;}
.module-card ul li{
  color:var(--ink-dim); font-size:0.86rem; padding-left:18px; position:relative; margin-bottom:8px;
}
.module-card ul li::before{
  content:"→"; position:absolute; left:0; color:var(--lime);
}
.bonus-strip{
  max-width:1200px; margin:36px auto 0; padding:22px 28px;
  background:rgba(155,230,47,0.08); border:1px solid rgba(155,230,47,0.3);
  border-radius:var(--radius-md);
  display:flex; align-items:center; gap:24px; flex-wrap:wrap;
}
.bonus-badge{
  background:var(--orange); color:#0a0f0b; font-weight:700; font-size:0.78rem;
  padding:6px 14px; border-radius:999px; flex-shrink:0;
}
.bonus-items{display:flex; gap:26px; flex-wrap:wrap;}
.bonus-items span{color:var(--ink-dim); font-size:0.88rem;}

/* ===== Before / after ===== */
.ba-card{
  max-width:1100px; margin:0 auto; padding:0 28px;
}
.ba-header{
  display:flex; justify-content:space-between; margin-bottom:16px;
  font-size:0.85rem; color:var(--ink-faint);
}
.ba-swipe{color:var(--lime);}
.ba-body{display:grid; grid-template-columns:1fr auto 1fr; gap:20px; align-items:center;}
.ba-pane{background:var(--card); border:1px solid var(--card-border); border-radius:var(--radius-md); padding:22px; position:relative;}
.ba-tag{position:absolute; top:-12px; left:22px; font-size:0.72rem; font-weight:700; padding:5px 12px; border-radius:999px;}
.ba-tag-before{background:#2a2a2a; color:var(--ink-dim);}
.ba-tag-after{background:var(--lime); color:#0a0f0b;}
.ba-mock{background:#0d120d; border-radius:var(--radius-sm); padding:24px 18px; margin-top:10px; min-height:150px;}
.ba-mock-h{font-size:1rem; font-weight:600; margin-bottom:14px; text-align:center;}
.ba-mock-btns{display:flex; justify-content:center;}
.ba-mock-btns span{background:#1e241c; padding:8px 18px; border-radius:999px; font-size:0.78rem; color:var(--ink-faint);}
.ba-mock-thumbs{display:flex; gap:8px; margin-top:18px; justify-content:center;}
.ba-mock-thumbs i{width:44px; height:44px; border-radius:8px; background:#1a201a; display:block;}
.ba-mock-after{background:linear-gradient(160deg, rgba(182,255,60,0.08), transparent);}
.ba-mock-stats{display:flex; gap:16px; justify-content:center; margin-top:14px; flex-wrap:wrap;}
.ba-mock-stats div{text-align:center;}
.ba-mock-stats strong{display:block; color:var(--lime); font-family:var(--font-display); font-size:1.1rem;}
.ba-mock-stats span{font-size:0.7rem; color:var(--ink-faint);}
.ba-stat{margin-top:12px; font-size:0.82rem; color:var(--ink-dim);}
.ba-arrow{color:var(--lime); font-size:1.6rem;}

/* ===== Testimonials ===== */
.testimonials .section-inner{text-align:center;}
.testimonials .section-inner h2{margin-left:auto; margin-right:auto;}
.rating-line{margin-top:8px; font-family:var(--font-display); font-weight:700; font-size:1.1rem;}
.stars{color:var(--lime); letter-spacing:2px;}
.testimonial-track{
  display:flex; gap:20px; overflow-x:auto; padding:44px 28px 10px; scroll-snap-type:x proximity;
}
.testimonial-card{
  flex:0 0 300px; scroll-snap-align:start;
  background:var(--card); border:1px solid var(--card-border); border-radius:var(--radius-md);
  padding:26px; display:flex; flex-direction:column; gap:14px;
}
.testimonial-card p{color:var(--ink); font-size:0.95rem;}
.testimonial-card span{color:var(--ink-faint); font-size:0.82rem;}

/* ===== FAQ ===== */
.faq-sub{color:var(--ink-dim); margin:14px 0 22px; max-width:380px;}
.accordion{display:flex; flex-direction:column;}
.accordion-grid{display:grid; grid-template-columns:1fr 1fr; gap:0 32px; max-width:1200px; margin:0 auto; padding:0 28px;}
.acc-item{border-bottom:1px solid var(--card-border);}
.acc-trigger{
  width:100%; background:none; border:none; color:var(--ink);
  display:flex; justify-content:space-between; align-items:center;
  padding:18px 0; font-size:0.98rem; font-weight:500; text-align:left;
}
.acc-trigger span{color:var(--lime); font-size:1.2rem; transition:transform .3s var(--ease);}
.acc-item.open .acc-trigger span{transform:rotate(45deg);}
.acc-panel{max-height:0; overflow:hidden; transition:max-height .35s var(--ease);}
.acc-panel p{padding:0 0 18px; color:var(--ink-dim); font-size:0.9rem; max-width:520px;}

/* ===== CTA ===== */
.cta{
  background:radial-gradient(circle at 30% 20%, rgba(155,230,47,0.14), transparent 60%), #070a06;
  border-top:1px solid #1c2a10; border-bottom:1px solid #1c2a10;
}
.cta-inner{max-width:640px; margin:0 auto; padding:0 28px; text-align:center;}
.cta-pill{
  display:inline-block; background:rgba(155,230,47,0.12); border:1px solid rgba(155,230,47,0.35);
  color:var(--orange); font-size:0.78rem; font-weight:700; padding:6px 14px; border-radius:999px; margin-bottom:18px;
}
.cta h2{font-size:clamp(1.9rem, 4vw, 2.8rem); line-height:1.12;}
.cta-accent{color:var(--orange);}
.cta p{color:var(--ink-dim); margin:20px 0 30px;}
.cta-actions{display:flex; gap:16px; justify-content:center; flex-wrap:wrap;}
.cta-fine{margin-top:20px; font-size:0.78rem; color:var(--ink-faint);}

/* ===== Services page ===== */
.svc-hero{padding-top:90px; padding-bottom:40px;}
.svc-hero-inner{max-width:720px; margin:0 auto; padding:0 28px; text-align:center;}
.svc-hero-inner h1{font-size:clamp(2rem, 4.5vw, 3.2rem); line-height:1.1; margin-bottom:16px;}

.pricing-grid{
  max-width:1160px; margin:0 auto; padding:0 28px;
  display:grid; grid-template-columns:repeat(3, 1fr); gap:22px;
}
.price-card{
  background:var(--card); border:1px solid var(--card-border); border-radius:var(--radius-lg);
  padding:34px 28px; position:relative; display:flex; flex-direction:column;
  transition:transform .3s var(--ease), border-color .3s var(--ease);
}
.price-card:hover{transform:translateY(-6px);}
.price-card-featured{border-color:var(--lime); background:linear-gradient(180deg, rgba(182,255,60,0.06), var(--card) 40%);}
.price-badge{
  position:absolute; top:-14px; left:28px; background:var(--lime); color:#0a0f0b;
  font-size:0.74rem; font-weight:700; padding:5px 14px; border-radius:999px;
}
.price-card h3{font-size:1.3rem;}
.price-desc{color:var(--ink-dim); font-size:0.88rem; margin:10px 0 18px; min-height:44px;}
.price-amount{font-family:var(--font-display); font-size:2.2rem; font-weight:700; margin-bottom:22px;}
.price-amount span{color:var(--ink);}
.price-features{margin-top:24px; display:flex; flex-direction:column; gap:11px;}
.price-features li{
  font-size:0.88rem; color:var(--ink-dim); padding-left:22px; position:relative;
}
.price-features li::before{content:"✓"; position:absolute; left:0; color:var(--lime); font-weight:700;}
.pricing-fine{text-align:center; color:var(--ink-faint); font-size:0.82rem; margin-top:34px;}

.compare-sub{color:var(--ink-dim); max-width:480px; margin-top:6px;}
.compare-grid{
  max-width:1000px; margin:46px auto 0; padding:0 28px;
  display:grid; grid-template-columns:1fr 1fr; gap:20px;
}
.compare-col{border-radius:var(--radius-md); padding:30px 26px;}
.compare-col-us{background:var(--card); border:1px solid var(--lime);}
.compare-col-them{background:var(--card); border:1px solid var(--card-border); opacity:.85;}
.compare-col h3{font-size:1.1rem; margin-bottom:18px;}
.compare-list li{font-size:0.9rem; padding:9px 0 9px 26px; position:relative; border-bottom:1px solid rgba(255,255,255,0.04);}
.compare-yes li::before{content:"✓"; position:absolute; left:0; color:var(--lime); font-weight:700;}
.compare-no li::before{content:"✕"; position:absolute; left:0; color:#6c766a; font-weight:700;}
.compare-no li{color:var(--ink-faint);}

/* Footer rules consolidated at end of file — see FOOTER (FINAL) */

/* ===== Responsive ===== */
@media (max-width: 900px){
  .nav-links, .nav-cta{display:none;}
  .nav-toggle{display:flex;}
  .nav.nav-open .nav-links{
    display:flex; flex-direction:column; position:absolute; top:100%; left:0; right:0;
    background:var(--bg); padding:20px 28px; gap:16px; border-bottom:1px solid var(--card-border);
  }
  .nav.nav-open .nav-cta{
    display:flex; position:absolute; top:calc(100% + 190px); left:28px; right:28px; gap:12px;
  }
  .split{grid-template-columns:1fr;}
  .steps-row{flex-direction:column;}
  .step-arrow{transform:rotate(90deg); padding:8px 0;}
  .modules-grid{grid-template-columns:1fr 1fr;}
  .ba-body{grid-template-columns:1fr; }
  .ba-arrow{transform:rotate(90deg); justify-self:center;}
  .accordion-grid{grid-template-columns:1fr;}
  .pricing-grid{grid-template-columns:1fr;}
  .compare-grid{grid-template-columns:1fr;}
}
@media (max-width: 560px){
  section{padding:64px 0;}
  .modules-grid{grid-template-columns:1fr;}
  .hero-meta{gap:26px;}
}
/* ===== Trust card (bordered, screenshot-style) ===== */
.trust-wrap{max-width:900px; margin:64px auto 0; padding:0 28px; text-align:center;}
.trust-label{font-size:0.78rem; color:var(--ink-faint); letter-spacing:.05em; margin-bottom:20px;}
.trust-card{
  display:flex; align-items:center; justify-content:center; gap:0;
  background:var(--card); border:1px solid var(--card-border); border-radius:var(--radius-md);
  padding:20px 10px; flex-wrap:wrap;
}
.trust-item{
  display:flex; align-items:center; gap:8px; font-weight:600; font-size:0.9rem; color:var(--ink-dim);
  padding:10px 26px; border-right:1px solid var(--card-border);
}
.trust-item:last-child{border-right:none;}
.dot{width:8px; height:8px; border-radius:50%; display:inline-block;}
.dot-1{background:#b6ff3c;} .dot-2{background:#caff6b;} .dot-3{background:#ffc98f;}
.dot-4{background:#f6a6c1;} .dot-5{background:#c3b8ff;}

/* ===== Gradient / centered headings ===== */
.center-inner{text-align:center; margin-left:auto; margin-right:auto;}
.center-inner h2{margin-left:auto; margin-right:auto;}
.gradient-title{
  font-size:clamp(2rem, 4.5vw, 3.2rem);
  background:linear-gradient(90deg, #ffffff, var(--lime) 70%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.gradient-title span{color:var(--lime); -webkit-text-fill-color:var(--lime);}
.dark-heading{color:#0d1a0a;}
.eyebrow-dark{color:var(--lime-dim);}

/* ===== Module cards: corner-bracket style ===== */
.modules-grid{grid-template-columns:1fr 1fr; position:relative; max-width:980px; margin-top:56px;}
.corner-card{
  position:relative; border:1px solid var(--card-border); background:var(--card);
  border-radius:14px;
}
.corner-card::before, .corner-card::after{
  content:""; position:absolute; width:26px; height:26px; border-color:var(--lime); border-style:solid; opacity:.9;
}
.corner-card::before{top:-1px; left:-1px; border-width:2px 0 0 2px; border-top-left-radius:14px;}
.corner-card::after{bottom:-1px; right:-1px; border-width:0 2px 2px 0; border-bottom-right-radius:14px;}
.module-head{display:flex; align-items:baseline; gap:12px; margin-bottom:14px;}
.module-tag{font-size:0.74rem; color:var(--lime); font-weight:700; letter-spacing:.03em;}
.module-head h3{font-size:1.1rem;}
.check-list li{
  color:var(--ink-dim); font-size:0.88rem; padding-left:22px; position:relative; margin-bottom:9px;
}
.check-list li::before{content:"✓"; position:absolute; left:0; color:var(--lime); font-weight:700;}
.corner-badge{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  width:54px; height:54px; border-radius:14px; background:var(--lime); color:#0a0f0b;
  display:flex; align-items:center; justify-content:center; font-size:1.3rem; font-weight:800;
  box-shadow:0 0 0 8px var(--bg); z-index:2;
}
.bonus-pill-wrap{text-align:center; margin:44px 0 24px;}
.bonus-pill{
  display:inline-block; background:#ff3c3c; color:#fff; font-weight:700; font-size:0.95rem;
  padding:12px 40px; border-radius:999px; box-shadow:0 0 30px rgba(255,60,60,0.35);
}
.bonus-grid{
  max-width:820px; margin:0 auto; padding:0 28px;
  display:grid; grid-template-columns:1fr 1fr; gap:10px 50px;
}
.bonus-list li{
  color:var(--ink-dim); font-size:0.88rem; padding:8px 0 8px 20px; position:relative;
}
.bonus-list li::before{content:""; position:absolute; left:0; top:15px; width:6px; height:6px; border-radius:50%; background:#ff3c3c;}

/* ===== Timeline (why brands choose us) ===== */
.timeline-section{background:var(--bg-raised); border-top:1px solid var(--card-border); border-bottom:1px solid var(--card-border);}
.timeline{max-width:900px; margin:44px auto 0; padding:0 28px; position:relative;}
.timeline::before{
  content:""; position:absolute; left:47px; top:6px; bottom:6px; width:1px; background:var(--card-border);
}
.tl-item{position:relative; display:flex; gap:26px; padding:26px 0; align-items:flex-start;}
.tl-num{
  flex-shrink:0; width:36px; height:36px; border-radius:50%; border:1px solid var(--lime); color:var(--lime);
  display:flex; align-items:center; justify-content:center; font-size:0.8rem; font-weight:700; background:var(--bg-raised); z-index:1;
}
.tl-body h3{font-size:1.15rem; display:flex; align-items:center; gap:10px; flex-wrap:wrap;}
.tl-tag{
  font-size:0.68rem; background:rgba(155,230,47,0.15); color:var(--orange); border:1px solid rgba(155,230,47,0.4);
  padding:3px 10px; border-radius:999px; font-weight:700; text-transform:uppercase;
}
.tl-body p{color:var(--ink-dim); font-size:0.9rem; margin-top:10px; max-width:600px;}
.tl-ghost{
  position:absolute; right:0; top:10px; font-family:var(--font-display); font-size:3.2rem; font-weight:800;
  color:transparent; -webkit-text-stroke:1px var(--card-border); opacity:.6; user-select:none;
}
@media (max-width:700px){ .tl-ghost{display:none;} }

/* ===== Instagram-style before/after card ===== */
.ig-card{
  max-width:480px; margin:40px auto 0; background:#0d120d; border:1px solid var(--card-border);
  border-radius:var(--radius-lg); padding:26px 26px 20px; text-align:center;
}
.ig-top{display:flex; justify-content:space-between; font-size:0.72rem; color:var(--ink-faint); letter-spacing:.05em;}
.ig-swipe{color:var(--lime);}
.ig-title{font-family:var(--font-display); font-size:1.5rem; font-weight:700; margin:18px 0 4px;}
.ig-title span{color:var(--lime);}
.ig-pills{display:flex; align-items:center; justify-content:center; gap:12px; margin:16px 0 22px;}
.ig-pill{font-size:0.76rem; font-weight:700; padding:6px 16px; border-radius:999px;}
.ig-pill-before{background:#242a22; color:var(--ink-dim);}
.ig-pill-after{background:var(--lime); color:#0a0f0b;}
.ig-arrow{color:var(--lime); font-size:1.1rem;}
.phones{display:flex; gap:14px; justify-content:center;}
.phone{
  flex:1; max-width:190px; background:#171d15; border:1px solid var(--card-border); border-radius:20px;
  padding:22px 14px 14px; position:relative;
}
.phone-notch{width:40px; height:5px; background:#2a3327; border-radius:4px; margin:0 auto 16px;}
.phone-h{font-size:0.78rem; font-weight:600; margin-bottom:14px; min-height:36px;}
.phone-btn{
  background:var(--lime); color:#0a0f0b; font-size:0.68rem; font-weight:700; padding:8px; border-radius:999px; margin-bottom:14px;
}
.phone-thumbs{display:flex; gap:6px; justify-content:center; margin-bottom:14px;}
.phone-thumbs i{width:32px; height:32px; border-radius:6px; background:#232b20; display:block;}
.phone-stats{display:flex; gap:8px; justify-content:center; margin-bottom:10px; flex-wrap:wrap;}
.phone-stats div{text-align:center;}
.phone-stats strong{display:block; color:var(--lime); font-size:0.85rem; font-family:var(--font-display);}
.phone-stats span{font-size:0.6rem; color:var(--ink-faint);}
.phone-stat{font-size:0.66rem; color:var(--ink-faint);}
.ig-bottom{display:flex; justify-content:space-between; margin-top:22px; font-size:0.74rem; color:var(--ink-faint);}

/* ===== Testimonial avatars ===== */
.testimonial-card{position:relative;}
.t-avatar{
  width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center;
  font-size:0.72rem; font-weight:700; color:#0a0f0b;
}

/* ===== Services hero (navy split) ===== */
.svc-hero{
  padding-top:100px; padding-bottom:70px;
  background:radial-gradient(circle at 15% 20%, rgba(130,255,40,0.20), transparent 55%), linear-gradient(180deg,#0a1108,#0a0f0b 85%);
  overflow:hidden;
}
.svc-hero-inner{
  max-width:1200px; margin:0 auto; padding:0 28px;
  display:grid; grid-template-columns:1.3fr 0.7fr; gap:40px; align-items:end;
}
.svc-hero-left h1{font-size:clamp(2rem, 4.6vw, 3.4rem); line-height:1.08; margin:14px 0 18px;}
.svc-kicker{font-size:0.8rem; color:#caff6b; font-weight:600;}
.edit-highlight{
  position:relative; color:#caff6b; padding:0 6px; border:1.5px dashed rgba(182,255,60,0.6); border-radius:6px;
}
.svc-meta{margin-top:26px; font-size:0.78rem; color:var(--ink-faint);}
.btn-blue{background:var(--lime); color:#0a0f0b;}
.btn-blue:hover{background:var(--lime-dim); transform:translateY(-2px);}
.svc-widget{
  align-self:end; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.12);
  border-radius:16px; padding:16px 18px; display:flex; align-items:center; gap:10px;
  font-size:0.78rem; color:var(--ink-dim); backdrop-filter:blur(6px); justify-self:end;
}
.svc-widget-dot{width:10px; height:10px; border-radius:50%; background:var(--lime); box-shadow:0 0 0 6px rgba(182,255,60,0.25);}

/* ===== How it works (services page, colored steps) ===== */
.how-it-works{padding-top:0;}
.hiw-card{
  max-width:1100px; margin:0 auto; padding:36px; border-radius:var(--radius-lg);
  background:#eef1ea; color:#111; display:grid; grid-template-columns:1fr 1.2fr; gap:34px; align-items:center;
}
.hiw-left h2{color:#0d1a0a; font-size:clamp(1.5rem,3vw,2.1rem);}
.hiw-left p{color:#4a5240; font-size:0.9rem; margin:16px 0 22px; max-width:320px;}
.btn-dark{background:#0d1a0a; color:#fff;}
.btn-dark:hover{background:#26331e; transform:translateY(-2px);}
.hiw-grid{display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.hiw-step{background:#fff; border-radius:14px; padding:18px; position:relative;}
.hiw-tag{
  display:inline-block; font-size:0.66rem; font-weight:700; color:#fff; padding:4px 10px; border-radius:999px; margin-bottom:10px;
}
.hiw-lime .hiw-tag{background:#7fc93a;}
.hiw-blue .hiw-tag{background:#4f8a1c;}
.hiw-orange .hiw-tag{background:#2f7a1f;}
.hiw-pink .hiw-tag{background:#ff4fa3;}
.hiw-step h4{color:#111; font-size:0.98rem; margin-bottom:6px;}
.hiw-step p{color:#5a6252; font-size:0.8rem;}
.hiw-badge{
  position:absolute; top:14px; right:14px; background:#0d1a0a; color:#fff; font-size:0.58rem; font-weight:700;
  padding:4px 8px; border-radius:999px;
}

/* ===== Light FAQ (before you buy) ===== */
.svc-faq-light{background:#f4f6f1; color:#111;}
.svc-faq-sub{color:#5a6252; font-size:0.92rem; margin-top:10px;}
.accordion-light .acc-trigger{color:#111;}
.accordion-light .acc-item{border-bottom:1px solid #dfe4d8;}
.accordion-light .acc-trigger span{color:#7fc93a;}
.accordion-light .acc-panel p{color:#5a6252;}

/* ===== Compare light ===== */
.compare-light{background:#f4f6f1; color:#111;}
.compare-sub{color:#5a6252;}
.compare-light .compare-col{background:#fff; border:1px solid #e2e6da !important;}
.compare-light .compare-col-us{border-color:#7fc93a !important;}
.compare-light .compare-col h3{color:#111;}
.compare-light .compare-list li{color:#333; border-bottom:1px solid #eef1e9;}
.compare-light .compare-no li{color:#a3ab99;}

/* ===== Responsive additions ===== */
@media (max-width: 900px){
  .modules-grid{grid-template-columns:1fr;}
  .corner-badge{display:none;}
  .bonus-grid{grid-template-columns:1fr;}
  .timeline::before{left:17px;}
  .phones{flex-direction:column; align-items:center;}
  .phone{max-width:240px; width:100%;}
  .svc-hero-inner{grid-template-columns:1fr;}
  .svc-widget{justify-self:start;}
  .hiw-card{grid-template-columns:1fr;}
  .hiw-grid{grid-template-columns:1fr 1fr;}
  .trust-item{padding:8px 14px; font-size:0.82rem;}
}
@media (max-width: 560px){
  .hiw-grid{grid-template-columns:1fr;}
  .trust-card{flex-direction:column; align-items:stretch;}
  .trust-item{border-right:none; border-bottom:1px solid var(--card-border); justify-content:center;}
  .trust-item:last-child{border-bottom:none;}
  .ig-card{padding:20px 16px;}
}

/* ===== Flash messages ===== */
.flash-stack{
  position:fixed; top:90px; right:24px; z-index:200;
  display:flex; flex-direction:column; gap:10px; max-width:360px;
}
.flash{
  padding:14px 18px; border-radius:12px; font-size:0.88rem; font-weight:500;
  box-shadow:0 10px 30px rgba(0,0,0,0.35); animation:flashIn .3s var(--ease);
  border:1px solid transparent;
}
.flash-success{background:#12271a; border-color:#2e6b45; color:#b6ff3c;}
.flash-error{background:#2b1414; border-color:#7a2e2e; color:#ff9c9c;}
.flash-warning{background:#2b2312; border-color:#7a5e2e; color:#ffcf7a;}
@keyframes flashIn{from{opacity:0; transform:translateY(-10px);} to{opacity:1; transform:translateY(0);}}

/* ===== Generic content / legal pages ===== */
.page-hero{padding:110px 0 50px; text-align:center;}
.page-hero h1{font-size:clamp(1.9rem, 4vw, 3rem); max-width:820px; margin:0 auto 16px;}
.page-hero p{color:var(--ink-dim); max-width:640px; margin:0 auto; font-size:1.02rem;}

.prose-section{max-width:840px; margin:0 auto; padding:0 28px 40px;}
.prose-section h2{font-size:1.5rem; margin:44px 0 14px;}
.prose-section h2:first-child{margin-top:0;}
.prose-section h3{font-size:1.1rem; color:var(--lime); margin:22px 0 8px;}
.prose-section p{color:var(--ink-dim); font-size:0.96rem; margin-bottom:14px;}
.prose-section a{color:var(--lime); text-decoration:underline;}
.updated-badge{
  display:inline-block; font-size:0.76rem; color:var(--ink-faint); margin-bottom:8px;
  border:1px solid var(--card-border); padding:4px 12px; border-radius:999px;
}

/* Myth vs fact table */
.myth-table{width:100%; border-collapse:collapse; margin:20px 0 30px; font-size:0.88rem;}
.myth-table th{
  text-align:left; padding:12px 16px; background:var(--card); color:var(--lime);
  border:1px solid var(--card-border); font-size:0.8rem; text-transform:uppercase; letter-spacing:.04em;
}
.myth-table td{padding:14px 16px; border:1px solid var(--card-border); color:var(--ink-dim); vertical-align:top;}
.myth-table tr td:first-child{color:#ff9c9c;}

/* ===== Forms (contact, order) ===== */
.form-card{
  max-width:560px; margin:0 auto; background:var(--card); border:1px solid var(--card-border);
  border-radius:var(--radius-lg); padding:34px;
}
.form-row{margin-bottom:18px; text-align:left;}
.form-row label{display:block; font-size:0.84rem; color:var(--ink-dim); margin-bottom:7px; font-weight:500;}
.form-row input, .form-row textarea, .form-row select{
  width:100%; background:#0d130c; border:1px solid var(--card-border); border-radius:10px;
  padding:12px 14px; color:var(--ink); font-family:var(--font-body); font-size:0.92rem;
  transition:border-color .2s;
}
.form-row input:focus, .form-row textarea:focus, .form-row select:focus{outline:none; border-color:var(--lime);}
.form-row textarea{min-height:120px; resize:vertical;}
.form-hint{font-size:0.76rem; color:var(--ink-faint); margin-top:6px;}
.form-summary{
  background:#0d130c; border:1px solid var(--card-border); border-radius:12px; padding:16px 18px; margin-bottom:24px;
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:8px;
}
.form-summary strong{color:var(--lime); font-family:var(--font-display); font-size:1.2rem;}

/* ===== Order result pages ===== */
.result-card{
  max-width:520px; margin:0 auto; text-align:center; background:var(--card); border:1px solid var(--card-border);
  border-radius:var(--radius-lg); padding:46px 34px;
}
.result-icon{
  width:64px; height:64px; border-radius:50%; margin:0 auto 20px; display:flex; align-items:center; justify-content:center;
  font-size:1.8rem;
}
.result-icon-success{background:rgba(182,255,60,0.15); color:var(--lime);}
.result-icon-cancel{background:rgba(155,230,47,0.15); color:var(--orange);}
.result-order-number{font-family:var(--font-display); font-weight:700; color:var(--lime); margin:14px 0;}

/* ===== Buttons extra ===== */
.btn-sm{padding:8px 16px; font-size:0.82rem;}
.btn-danger{background:#e5484d; color:#fff;}
.btn-danger:hover{background:#ff6166;}
.btn-full{width:100%;}

/* ===== Platform badge chips ===== */
.platform-chip{
  display:inline-flex; align-items:center; gap:6px; font-size:0.78rem; font-weight:600;
  padding:5px 12px; border-radius:999px; background:var(--card); border:1px solid var(--card-border); color:var(--ink-dim);
}
.status-badge{
  display:inline-block; font-size:0.72rem; font-weight:700; padding:4px 10px; border-radius:999px; text-transform:capitalize;
}
.status-pending{background:#2b2312; color:#ffcf7a;}
.status-paid{background:#12271a; color:#b6ff3c;}
.status-in_progress{background:#12202b; color:#7ac6ff;}
.status-completed{background:#12271a; color:#6bffb0;}
.status-cancelled{background:#2b1414; color:#ff9c9c;}
.status-refunded{background:#241a2b; color:#d7a6ff;}

/* ===== Order cards on service pages ===== */
.pricing-note{text-align:center; color:var(--ink-faint); font-size:0.82rem; margin-top:20px;}

/* ===== Platform tabs (pricing page) ===== */
.platform-tabs{
  display:flex; gap:10px; justify-content:center; flex-wrap:wrap; margin:36px 0 10px; padding:0 28px;
}
.tab-btn{
  background:var(--card); border:1px solid var(--card-border); color:var(--ink-dim);
  padding:10px 22px; border-radius:999px; font-weight:600; font-size:0.88rem; transition:all .2s;
}
.tab-btn:hover{border-color:var(--lime); color:var(--ink);}
.tab-btn.tab-active{background:var(--lime); border-color:var(--lime); color:#0a0f0b;}
.platform-panel.is-hidden{display:none;}

/* ===== Extra responsive polish (v2 content pass) ===== */
@media (max-width: 700px){
  .myth-table{display:block; overflow-x:auto; white-space:nowrap;}
  .myth-table td, .myth-table th{white-space:normal; min-width:220px;}
  .form-card{padding:26px 20px;}
  .result-card{padding:34px 22px;}
  .prose-section{padding:0 20px 30px;}
}
@media (max-width: 480px){
  .hero-actions .btn, .cta-actions .btn{width:100%;}
  .hero-actions, .cta-actions{flex-direction:column; align-items:stretch;}
}

/* ===== Fix: 3-column card grids used inline were beating media queries ===== */
.modules-grid-3col{
  grid-template-columns:repeat(3, 1fr);
  max-width:1100px;
}
@media (max-width: 900px){
  .modules-grid-3col{grid-template-columns:1fr 1fr;}
}
@media (max-width: 600px){
  .modules-grid-3col{grid-template-columns:1fr;}
}

/* ===== FOOTER (FINAL — single source of truth, appended last on purpose) ===== */
.footer{padding:0 16px 40px;}
.footer-card{
  max-width:1200px; margin:0 auto; overflow:hidden;
  background:linear-gradient(160deg, #e3f7c8, #f7fbf0);
  border-radius:var(--radius-lg);
  padding:50px 46px 26px;
  color:#0d1a0a;
}
.footer-top{display:grid; grid-template-columns:1.2fr 2fr; gap:50px;}
.footer-brand{min-width:0;}
.footer-brand .brand{margin-bottom:14px; color:#0d1a0a;}

.footer-brand p{color:#3c4a35; font-size:0.9rem; margin-bottom:14px;}

.footer-form{display:flex; gap:8px; max-width:300px; width:100%;}
.footer-form input{
  flex:1 1 auto; min-width:0; border:1px solid #cddbb9; background:#fff; border-radius:999px;
  padding:10px 16px; font-size:0.85rem; outline:none;
}
.footer-form input:focus{border-color:#4f8a1c;}
.footer-form button{
  flex:0 0 auto; background:#0d1a0a; color:#fff; border:none; border-radius:999px;
  padding:10px 20px; font-size:0.85rem; font-weight:600; white-space:nowrap;
  transition:background .2s;
}
.footer-form button:hover{background:#2c3e22;}
.footer-fine{font-size:0.72rem; color:#6c7a63; margin-top:10px; max-width:280px;}

.footer-cols{display:grid; grid-template-columns:repeat(4, minmax(0,1fr)); gap:20px;}
.footer-col{min-width:0;}
.footer-col h4{font-size:0.78rem; text-transform:uppercase; letter-spacing:.06em; color:#5b6a51; margin-bottom:14px; font-weight:700;}
.footer-col a{display:block; font-size:0.86rem; color:#233018; margin-bottom:10px; transition:color .2s; word-break:break-word;}
.footer-col a:hover{color:#4f8a1c;}

.footer-bottom{
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:10px;
  border-top:1px solid rgba(13,26,10,0.1); margin-top:36px; padding-top:20px;
  font-size:0.78rem; color:#5b6a51; text-align:center;
}
.footer-staff-link{font-size:0.76rem; color:#5b6a51; text-decoration:underline; text-underline-offset:2px;}
.footer-staff-link:hover{color:#4f8a1c;}

@media (max-width: 900px){
  .footer-top{grid-template-columns:1fr; gap:30px;}
  .footer-cols{grid-template-columns:repeat(2, minmax(0,1fr));}
}
@media (max-width: 560px){
  .footer-card{padding:36px 24px 20px;}
  .footer-cols{gap:24px;}
}
@media (max-width: 400px){
  .footer{padding:0 12px 32px;}
  .footer-card{padding:26px 16px 16px; border-radius:20px;}
  .footer-cols{grid-template-columns:1fr; gap:20px;}
  .footer-form{flex-direction:column; max-width:100%;}
  .footer-form input, .footer-form button{width:100%;}
  .footer-fine{max-width:100%;}
  .footer-bottom{flex-direction:column; text-align:center;}
}

/* ===== Other-platform mini pricing tables (service pages) ===== */
.other-platforms{padding-top:20px;}
.mini-price-block{max-width:900px; margin:0 auto 36px; padding:0 28px;}
.mini-price-heading{font-size:1.1rem; margin-bottom:14px;}
.mini-price-heading a{color:var(--lime); text-decoration:none; border-bottom:1px dashed rgba(182,255,60,0.4);}
.mini-price-heading a:hover{border-bottom-style:solid;}
.mini-price-table-wrap{
  background:var(--card); border:1px solid var(--card-border); border-radius:14px; overflow-x:auto;
}
.mini-price-table{width:100%; border-collapse:collapse; font-size:0.86rem; min-width:480px;}
.mini-price-table th{
  text-align:left; padding:12px 16px; background:rgba(255,255,255,0.02); color:var(--ink-faint);
  font-size:0.72rem; text-transform:uppercase; letter-spacing:.04em; border-bottom:1px solid var(--card-border);
}
.mini-price-table td{padding:12px 16px; border-bottom:1px solid var(--card-border); color:var(--ink-dim); white-space:nowrap;}
.mini-price-table tr:last-child td{border-bottom:none;}
.mini-popular{
  display:inline-block; margin-left:8px; font-size:0.62rem; font-weight:700; color:#0a0f0b;
  background:var(--lime); padding:2px 8px; border-radius:999px; vertical-align:middle;
}
@media (max-width:560px){
  .mini-price-block{padding:0 16px;}
}

/* ===== Stats bar (Orders Delivered / Happy Businesses / Satisfaction / Support) ===== */
.stats-bar{
  max-width:1000px; margin:22px auto 0;
  background:var(--card); border:1px solid var(--card-border); border-radius:var(--radius-lg);
  padding:14px; display:grid; grid-template-columns:repeat(4, 1fr); gap:10px;
}
.stat-item{
  display:flex; align-items:center; gap:14px; padding:14px 16px;
  background:rgba(255,255,255,0.02); border-radius:14px; min-width:0;
}
.stat-icon{
  flex-shrink:0; width:42px; height:42px; border-radius:12px;
  display:flex; align-items:center; justify-content:center; font-size:1.2rem;
}
.stat-icon-lime{background:rgba(182,255,60,0.14);}
.stat-icon-violet{background:rgba(180,150,255,0.14);}
.stat-icon-gold{background:rgba(255,214,110,0.14);}
.stat-icon-pink{background:rgba(255,150,200,0.14);}
.stat-text{display:flex; flex-direction:column; min-width:0;}
.stat-text strong{font-family:var(--font-display); font-size:1.15rem; color:var(--ink); line-height:1.2;}
.stat-text span{font-size:0.76rem; color:var(--ink-faint); white-space:nowrap;}

@media (max-width:820px){
  .stats-bar{grid-template-columns:1fr 1fr;}
}
@media (max-width:480px){
  .stats-bar{grid-template-columns:1fr; padding:10px;}
  .stat-item{padding:12px 14px;}
}

/* ===== Light variant of myth-table (used on white/compare-light sections) ===== */
.compare-light .myth-table th{
  background:#fff; color:#233018; border:1px solid #e2e6da;
}
.compare-light .myth-table td{
  border:1px solid #e2e6da; color:#5a6252; background:#fff;
}
.compare-light .myth-table tr td:first-child{color:#233018; font-weight:600;}

/* ===== 404 page ===== */
.error-404{
  position:relative; overflow:hidden;
  min-height:calc(100vh - 400px);
  display:flex; align-items:center; justify-content:center;
  padding:100px 28px;
  text-align:center;
}
.error-404-glow{
  position:absolute; top:-200px; left:50%; transform:translateX(-50%);
  width:800px; height:600px; border-radius:50%;
  background:radial-gradient(circle, rgba(182,255,60,0.14), transparent 65%);
  pointer-events:none;
}
.error-404-inner{position:relative; max-width:640px; margin:0 auto;}
.error-404-code{
  font-size:clamp(5rem, 16vw, 9rem);
  font-weight:800; line-height:1; margin-bottom:10px;
}
.error-404-inner h1{
  font-size:clamp(1.4rem, 3.4vw, 2rem); margin-bottom:16px;
}
.error-404-links{
  display:flex; flex-wrap:wrap; justify-content:center; gap:10px 20px;
  margin-top:38px; padding-top:28px; border-top:1px solid var(--card-border);
}
.error-404-links a{
  font-size:0.86rem; color:var(--ink-dim); transition:color .2s;
}
.error-404-links a:hover{color:var(--lime);}

@media (max-width:560px){
  .error-404{padding:70px 20px; min-height:calc(100vh - 500px);}
  .error-404-links{gap:8px 16px;}
}

/* ===== Blog listing + post detail ===== */
.blog-grid{
  max-width:1100px; margin:0 auto; padding:0 28px;
  display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;
}
.blog-card{
  display:flex; flex-direction:column; background:var(--card); border:1px solid var(--card-border);
  border-radius:var(--radius-md); padding:26px; transition:transform .3s var(--ease), border-color .3s var(--ease);
}
.blog-card:hover{transform:translateY(-6px); border-color:var(--lime);}
.blog-card-icon{font-size:1.8rem; margin-bottom:14px;}
.blog-card-body{display:flex; flex-direction:column; flex:1;}
.blog-card-meta{font-size:0.72rem; color:var(--ink-faint); margin-bottom:8px;}
.blog-card h3{font-size:1.05rem; margin-bottom:10px; line-height:1.3;}
.blog-card p{color:var(--ink-dim); font-size:0.86rem; flex:1; margin-bottom:14px;}
.blog-card-link{color:var(--lime); font-size:0.82rem; font-weight:600;}

.blog-post-meta{color:var(--ink-faint); font-size:0.85rem;}

@media (max-width:900px){
  .blog-grid{grid-template-columns:1fr 1fr;}
}
@media (max-width:600px){
  .blog-grid{grid-template-columns:1fr; padding:0 20px;}
}