/* ═══════════════════════════════════════════════════════════
   GrowthLab Studio X — Pro Design System v3
   Stripe × Freecash × Fintech × SaaS UI
═══════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Inter:wght@300;400;500;600;700&display=swap');

/* ── Design Tokens ──────────────────────────────────────── */
:root {
  --bg:             #05050e;
  --bg2:            #0a0a1a;
  --bg3:            #0f0f20;
  --card:           rgba(10,10,26,0.85);
  --border:         rgba(124,58,237,0.15);
  --border2:        rgba(255,255,255,0.07);
  --border3:        rgba(255,255,255,0.04);
  --purple:         #7c3aed;
  --purple-mid:     #8b5cf6;
  --purple-light:   #a78bfa;
  --blue:           #2563eb;
  --blue-light:     #60a5fa;
  --cyan:           #06b6d4;
  --cyan-light:     #38bdf8;
  --green:          #10b981;
  --pink:           #ec4899;
  --gold:           #fbbf24;
  --text:           #ede9ff;
  --text2:          rgba(220,215,255,0.65);
  --text3:          rgba(200,195,255,0.38);
  --text4:          rgba(180,175,230,0.22);
  --grad:           linear-gradient(135deg,#7c3aed 0%,#4f46e5 50%,#2563eb 100%);
  --grad2:          linear-gradient(135deg,#a855f7,#6366f1);
  --grad3:          linear-gradient(135deg,#38bdf8,#6366f1,#a78bfa);
  --grad-gold:      linear-gradient(135deg,#fbbf24,#f59e0b);
  --glow-purple:    0 0 40px rgba(124,58,237,0.35),0 0 80px rgba(124,58,237,0.12);
  --glow-blue:      0 0 40px rgba(37,99,235,0.3);
  --glow-cyan:      0 0 40px rgba(6,182,212,0.25);
  --r-xs:           0.375rem;
  --r-sm:           0.625rem;
  --r-md:           1rem;
  --r-lg:           1.375rem;
  --r-xl:           2rem;
  --r-2xl:          3rem;
  --shadow-sm:      0 4px 16px rgba(0,0,0,0.4);
  --shadow:         0 8px 32px rgba(0,0,0,0.5),0 2px 8px rgba(0,0,0,0.3);
  --shadow-lg:      0 20px 60px rgba(0,0,0,0.6),0 8px 24px rgba(0,0,0,0.4);
  --shadow-xl:      0 32px 80px rgba(0,0,0,0.7);
  --t:              all 0.28s cubic-bezier(0.4,0,0.2,1);
  --t-fast:         all 0.15s cubic-bezier(0.4,0,0.2,1);
  --t-slow:         all 0.5s cubic-bezier(0.4,0,0.2,1);
  --font:           'Plus Jakarta Sans','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

/* ── Reset ──────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}
body{
  font-family:var(--font);
  background:var(--bg);
  color:var(--text);
  line-height:1.65;
  min-height:100vh;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body::before{
  content:'';
  position:fixed;inset:0;
  background:
    radial-gradient(ellipse 90% 70% at 15% -10%,rgba(124,58,237,0.14) 0%,transparent 55%),
    radial-gradient(ellipse 70% 60% at 85% 110%,rgba(37,99,235,0.11) 0%,transparent 55%),
    radial-gradient(ellipse 50% 50% at 50% 50%,rgba(6,182,212,0.04) 0%,transparent 65%),
    radial-gradient(ellipse 80% 80% at 80% 20%,rgba(168,85,247,0.05) 0%,transparent 50%);
  pointer-events:none;z-index:0;
}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button{cursor:pointer;border:none;background:none;font-family:inherit}
input,textarea,select{font-family:inherit;color:inherit}
svg{display:inline-block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.container{max-width:1240px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1}

/* ── Scrollbar ──────────────────────────────────────────── */
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:var(--bg2)}
::-webkit-scrollbar-thumb{background:rgba(124,58,237,0.45);border-radius:99px}
::-webkit-scrollbar-thumb:hover{background:rgba(124,58,237,0.75)}
::selection{background:rgba(124,58,237,0.35);color:#fff}

/* ── Gradient Text ──────────────────────────────────────── */
.gradient-text{
  background:linear-gradient(135deg,#a78bfa 0%,#818cf8 40%,#38bdf8 100%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}
.gradient-text-gold{
  background:var(--grad-gold);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  background-clip:text;
}

/* ── Glass Card ─────────────────────────────────────────── */
.glass-card{
  background:rgba(10,10,26,0.75);
  backdrop-filter:blur(24px) saturate(1.2);
  -webkit-backdrop-filter:blur(24px) saturate(1.2);
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,0.04),inset 0 -1px 0 rgba(0,0,0,0.2);
  transition:var(--t);
}
.glass-card:hover{
  border-color:rgba(124,58,237,0.32);
  box-shadow:var(--shadow-lg),0 0 60px rgba(124,58,237,0.06),inset 0 1px 0 rgba(255,255,255,0.06);
  transform:translateY(-1px);
}

/* ── Announcement Bar ───────────────────────────────────── */
#announcement-bar{
  position:relative;z-index:1001;
  display:none;align-items:center;justify-content:center;
  gap:0.75rem;padding:0.6rem 1rem;
  font-size:0.8125rem;font-weight:500;letter-spacing:0.01em;
  border-bottom:1px solid rgba(255,255,255,0.06);
}
#announcement-bar.show{display:flex}
#announcement-bar.purple{background:linear-gradient(90deg,rgba(124,58,237,0.18),rgba(79,70,229,0.12),rgba(124,58,237,0.18));color:#c4b5fd}
#announcement-bar.blue{background:linear-gradient(90deg,rgba(37,99,235,0.15),rgba(29,78,216,0.1),rgba(37,99,235,0.15));color:#93c5fd}
#announcement-bar.green{background:linear-gradient(90deg,rgba(16,185,129,0.15),rgba(5,150,105,0.1),rgba(16,185,129,0.15));color:#6ee7b7}
#announcement-bar.orange{background:linear-gradient(90deg,rgba(217,119,6,0.15),rgba(180,83,9,0.1),rgba(217,119,6,0.15));color:#fcd34d}
#announcement-bar.red{background:linear-gradient(90deg,rgba(220,38,38,0.15),rgba(185,28,28,0.1),rgba(220,38,38,0.15));color:#fca5a5}
.ann-link-btn{
  display:inline-flex;align-items:center;gap:.375rem;
  padding:.2rem .75rem;
  background:rgba(255,255,255,0.1);
  border:1px solid rgba(255,255,255,0.15);
  border-radius:99px;
  font-size:.75rem;font-weight:700;
  transition:var(--t-fast);white-space:nowrap;
}
.ann-link-btn:hover{background:rgba(255,255,255,0.17)}
.ann-close{
  position:absolute;right:.75rem;top:50%;transform:translateY(-50%);
  width:1.5rem;height:1.5rem;
  display:flex;align-items:center;justify-content:center;
  border-radius:50%;background:rgba(255,255,255,.08);
  font-size:1rem;color:rgba(255,255,255,.5);transition:var(--t-fast);
}
.ann-close:hover{background:rgba(255,255,255,.16);color:#fff}

/* ── Offer Popup ─────────────────────────────────────────── */
#offer-popup-overlay{
  position:fixed;inset:0;z-index:9999;
  display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,0.75);backdrop-filter:blur(8px);
  opacity:0;pointer-events:none;transition:opacity .35s ease;
}
#offer-popup-overlay.show{opacity:1;pointer-events:all}
.offer-popup-box{
  position:relative;
  background:linear-gradient(145deg,rgba(18,12,40,0.98),rgba(10,8,25,0.99));
  border:1px solid rgba(124,58,237,0.35);
  border-radius:var(--r-xl);
  padding:2.5rem 2rem;
  max-width:420px;width:90%;
  text-align:center;
  box-shadow:0 0 80px rgba(124,58,237,0.3),var(--shadow-xl);
  animation:scaleIn .35s cubic-bezier(0.34,1.56,0.64,1) both;
}
#offer-popup-overlay.show .offer-popup-box{animation:scaleIn .35s cubic-bezier(0.34,1.56,0.64,1) both}
.offer-popup-close{
  position:absolute;top:1rem;right:1rem;
  width:2rem;height:2rem;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.07);border-radius:50%;
  color:var(--text3);font-size:1.125rem;
  transition:var(--t-fast);
}
.offer-popup-close:hover{background:rgba(255,255,255,.14);color:#fff}
.offer-popup-badge{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.375rem 1rem;border-radius:99px;
  background:rgba(251,191,36,.12);border:1px solid rgba(251,191,36,.25);
  color:#fbbf24;font-size:.8rem;font-weight:700;letter-spacing:.04em;
  margin-bottom:1rem;
}
.offer-popup-pct{font-size:3.5rem;font-weight:900;letter-spacing:-.04em;line-height:1;margin:.5rem 0;background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.offer-popup-title{font-size:1.25rem;font-weight:800;margin-bottom:.5rem}
.offer-popup-desc{font-size:.9rem;color:var(--text2);margin-bottom:1.25rem;line-height:1.5}
.offer-popup-timer{display:flex;align-items:center;justify-content:center;gap:.375rem;font-size:.8125rem;color:var(--text2);margin-bottom:1.5rem}
.offer-popup-cd{font-weight:700;color:#a78bfa;font-variant-numeric:tabular-nums}

/* ── Page Loader ─────────────────────────────────────────── */
#page-loader{
  position:fixed;inset:0;z-index:99999;
  background:var(--bg);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;
  transition:opacity .5s ease,visibility .5s ease;
}
#page-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}
.loader-logo{
  width:56px;height:56px;
  background:var(--grad);
  border-radius:var(--r-md);
  display:flex;align-items:center;justify-content:center;
  animation:pulse 1.6s ease-in-out infinite;
  box-shadow:var(--glow-purple);
}
.loader-logo svg{width:28px;height:28px;stroke:#fff;stroke-width:2.5}
.loader-bar-track{width:200px;height:3px;background:rgba(124,58,237,0.15);border-radius:99px;overflow:hidden}
.loader-bar{height:100%;background:var(--grad);border-radius:99px;width:0;animation:loadBar 1.8s ease forwards}
.loader-text{font-size:.875rem;font-weight:700;color:var(--text3);letter-spacing:.08em;text-transform:uppercase}

/* ── Cursor Glow ─────────────────────────────────────────── */
#cursor-glow{
  position:fixed;width:480px;height:480px;
  background:radial-gradient(circle,rgba(124,58,237,0.07) 0%,transparent 70%);
  border-radius:50%;pointer-events:none;z-index:0;
  transform:translate(-50%,-50%);
  transition:transform .08s linear;
}

/* ── Scroll Progress ─────────────────────────────────────── */
#scroll-progress{
  position:fixed;top:0;left:0;right:0;height:2px;
  background:var(--grad);z-index:10000;
  transform:scaleX(0);transform-origin:left;
  transition:transform .08s linear;
}

/* ── Toast ───────────────────────────────────────────────── */
#toast-container{
  position:fixed;bottom:1.5rem;left:1.5rem;z-index:9998;
  display:flex;flex-direction:column-reverse;gap:.625rem;
  max-width:340px;pointer-events:none;
}
.toast{
  display:flex;align-items:center;gap:.875rem;
  padding:.875rem 1rem;
  background:rgba(12,10,28,0.97);
  border:1px solid rgba(124,58,237,0.2);
  border-radius:var(--r-md);
  box-shadow:var(--shadow-lg),0 0 30px rgba(0,0,0,0.4);
  backdrop-filter:blur(20px);
  animation:toastIn .35s cubic-bezier(0.34,1.56,0.64,1) both;
  pointer-events:all;
}
.toast.removing{animation:toastOut .3s ease forwards}
.toast-avatar{
  width:2.25rem;height:2.25rem;flex-shrink:0;
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:.75rem;font-weight:800;color:#fff;
}
.toast-body{flex:1;min-width:0}
.toast-title{font-size:.8125rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.toast-sub{font-size:.75rem;color:var(--text2)}
.toast-badge{font-size:.6875rem;font-weight:700;padding:.25rem .625rem;border-radius:99px;white-space:nowrap;flex-shrink:0}
.toast-badge.green{background:rgba(16,185,129,.15);color:#34d399;border:1px solid rgba(16,185,129,.2)}
.toast-badge.purple{background:rgba(124,58,237,.15);color:#a78bfa;border:1px solid rgba(124,58,237,.2)}
.toast-badge.blue{background:rgba(37,99,235,.15);color:#60a5fa;border:1px solid rgba(37,99,235,.2)}

/* ── Terms Modal ─────────────────────────────────────────── */
.modal-overlay{
  position:fixed;inset:0;z-index:9997;
  background:rgba(0,0,0,0.75);backdrop-filter:blur(8px);
  display:flex;align-items:center;justify-content:center;
  opacity:0;pointer-events:none;transition:opacity .3s ease;
  padding:1.5rem;
}
.modal-overlay.open{opacity:1;pointer-events:all}
.modal-box{
  background:linear-gradient(145deg,rgba(14,10,32,0.99),rgba(8,6,20,0.99));
  border:1px solid rgba(124,58,237,0.3);
  border-radius:var(--r-xl);
  padding:2rem;max-width:520px;width:100%;
  box-shadow:0 0 60px rgba(124,58,237,0.2),var(--shadow-xl);
  max-height:90vh;overflow-y:auto;
  animation:slideUp .35s cubic-bezier(0.34,1.56,0.64,1) both;
}
.modal-icon{
  width:3.5rem;height:3.5rem;
  background:rgba(239,68,68,0.12);
  border:1.5px solid rgba(239,68,68,0.25);
  border-radius:var(--r-md);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:1.25rem;
}
.modal-icon svg{width:24px;height:24px;stroke:#f87171}
.modal-title{font-size:1.375rem;font-weight:800;margin-bottom:.5rem}
.modal-sub{font-size:.875rem;color:var(--text2);margin-bottom:1.5rem}
.terms-list{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.5rem}
.terms-item{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;background:rgba(255,255,255,.025);border:1px solid var(--border3);border-radius:var(--r-md)}
.terms-item-icon{width:1.75rem;height:1.75rem;flex-shrink:0;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:800}
.terms-item-icon.red{background:rgba(239,68,68,.15);color:#f87171;border:1px solid rgba(239,68,68,.2)}
.terms-item-icon.yellow{background:rgba(234,179,8,.12);color:#fde047;border:1px solid rgba(234,179,8,.18)}
.terms-item-icon.green{background:rgba(16,185,129,.12);color:#34d399;border:1px solid rgba(16,185,129,.18)}
.terms-item-text{font-size:.8125rem;color:var(--text2);line-height:1.5}
.modal-check-row{
  display:flex;align-items:flex-start;gap:.875rem;
  padding:1rem;background:rgba(124,58,237,.06);
  border:1px solid rgba(124,58,237,.18);
  border-radius:var(--r-md);cursor:pointer;margin-bottom:1.25rem;
  transition:var(--t-fast);
}
.modal-check-row:hover{border-color:rgba(124,58,237,.35);background:rgba(124,58,237,.1)}
input[type="checkbox"]{width:1.125rem;height:1.125rem;accent-color:var(--purple);flex-shrink:0;margin-top:.1rem}
.modal-check-label{font-size:.8125rem;color:var(--text2);line-height:1.5}
.btn-modal-proceed{width:100%;margin-bottom:.625rem;font-size:.9375rem}
.btn-modal-cancel{
  width:100%;padding:.75rem;
  background:rgba(255,255,255,.04);
  border:1px solid var(--border2);
  color:var(--text3);border-radius:var(--r-md);
  font-size:.875rem;font-weight:600;transition:var(--t-fast);
}
.btn-modal-cancel:hover{background:rgba(255,255,255,.08);color:var(--text2)}

/* ── Navbar ──────────────────────────────────────────────── */
#navbar{
  position:fixed;top:0;left:0;right:0;z-index:900;
  background:rgba(5,5,14,0);
  backdrop-filter:blur(0px);
  border-bottom:1px solid transparent;
  transition:background .35s ease,backdrop-filter .35s ease,border-color .35s ease,box-shadow .35s ease;
  padding:.625rem 0;
}
#navbar.scrolled{
  background:rgba(5,5,14,0.92);
  backdrop-filter:blur(28px) saturate(1.3);
  border-color:rgba(124,58,237,0.1);
  box-shadow:0 4px 24px rgba(0,0,0,0.35);
}
.nav-inner{
  max-width:1240px;margin:0 auto;padding:0 1.5rem;
  display:flex;align-items:center;justify-content:space-between;gap:1.5rem;
}
.nav-logo{
  display:flex;align-items:center;gap:.75rem;
  text-decoration:none;flex-shrink:0;
}
.nav-logo-icon{
  width:2.25rem;height:2.25rem;
  background:var(--grad);
  border-radius:.625rem;
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 20px rgba(124,58,237,0.4);
  transition:var(--t);
}
.nav-logo-icon svg{width:16px;height:16px;stroke:#fff;stroke-width:2.5}
.nav-logo:hover .nav-logo-icon{box-shadow:0 0 30px rgba(124,58,237,0.7);transform:scale(1.05)}
.nav-logo-text{font-size:1rem;font-weight:800;letter-spacing:-.02em}
.nav-links{display:flex;align-items:center;gap:.25rem}
.nav-links a{
  padding:.5rem .875rem;border-radius:.625rem;
  font-size:.875rem;font-weight:600;color:var(--text2);
  transition:var(--t-fast);position:relative;
}
.nav-links a:hover{color:var(--text);background:rgba(255,255,255,.05)}
.nav-actions{display:flex;align-items:center;gap:.75rem}
.btn-mute{
  width:2.25rem;height:2.25rem;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.06);border:1px solid var(--border2);
  border-radius:.625rem;color:var(--text3);transition:var(--t-fast);
}
.btn-mute svg{width:16px;height:16px}
.btn-mute:hover{background:rgba(255,255,255,.12);color:var(--text2)}
.btn-hamburger{
  display:none;width:2.25rem;height:2.25rem;
  align-items:center;justify-content:center;
  background:rgba(255,255,255,.06);border:1px solid var(--border2);
  border-radius:.625rem;color:var(--text2);transition:var(--t-fast);
}
.btn-hamburger svg{width:18px;height:18px}
.btn-hamburger:hover{background:rgba(255,255,255,.12)}
.mobile-menu{
  display:none;flex-direction:column;gap:.25rem;
  padding:1rem 1.5rem;background:rgba(5,5,14,0.98);
  border-bottom:1px solid rgba(124,58,237,0.1);
  backdrop-filter:blur(24px);
}
.mobile-menu.open{display:flex}
.mobile-menu a{
  padding:.75rem .875rem;border-radius:.625rem;
  font-size:.9375rem;font-weight:600;color:var(--text2);
  border:1px solid transparent;transition:var(--t-fast);
}
.mobile-menu a:hover{color:var(--text);background:rgba(255,255,255,.05);border-color:var(--border2)}
.btn-mobile-cta{margin-top:.5rem}

/* ── Primary Button ──────────────────────────────────────── */
.btn-primary{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.875rem 1.75rem;
  background:var(--grad);
  color:#fff;font-size:.9375rem;font-weight:700;
  border-radius:var(--r-md);
  border:none;cursor:pointer;
  box-shadow:0 4px 24px rgba(124,58,237,0.4),inset 0 1px 0 rgba(255,255,255,0.15);
  transition:var(--t);position:relative;overflow:hidden;
  font-family:var(--font);letter-spacing:-.01em;
}
.btn-primary::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,0.12),transparent,rgba(255,255,255,0.06));
  opacity:0;transition:var(--t-fast);
}
.btn-primary:hover{
  box-shadow:0 8px 32px rgba(124,58,237,0.55),inset 0 1px 0 rgba(255,255,255,0.2);
  transform:translateY(-2px);
}
.btn-primary:hover::before{opacity:1}
.btn-primary:active{transform:translateY(0);box-shadow:0 4px 16px rgba(124,58,237,0.35)}
.btn-primary svg{width:17px;height:17px;stroke:#fff;stroke-width:2.5;flex-shrink:0}
.glow-purple{box-shadow:0 6px 32px rgba(124,58,237,0.6),0 0 60px rgba(124,58,237,0.2),inset 0 1px 0 rgba(255,255,255,0.15)}

/* ── Hero Button Outline ─────────────────────────────────── */
.btn-hero-outline{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  padding:.875rem 1.75rem;
  background:rgba(255,255,255,.05);
  border:1.5px solid rgba(255,255,255,.14);
  color:var(--text);font-size:.9375rem;font-weight:700;
  border-radius:var(--r-md);transition:var(--t);cursor:pointer;
  font-family:var(--font);
}
.btn-hero-outline:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25)}

/* ── Sections ────────────────────────────────────────────── */
section{padding:5rem 0;position:relative;z-index:1}
.section-header{text-align:center;margin-bottom:3.5rem}
.section-badge{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.375rem 1.125rem;
  background:rgba(124,58,237,.1);
  border:1px solid rgba(124,58,237,.22);
  border-radius:99px;
  color:var(--purple-light);font-size:.8125rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  margin-bottom:1rem;
}
.section-title{font-size:clamp(2rem,4vw,2.875rem);font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-bottom:.875rem}
.section-subtitle{font-size:1.0625rem;color:var(--text2);max-width:520px;margin:0 auto;line-height:1.6}

/* ── Hero ────────────────────────────────────────────────── */
#hero{
  min-height:100vh;display:flex;align-items:center;
  padding:8rem 0 5rem;position:relative;overflow:hidden;
}
.hero-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(124,58,237,0.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(124,58,237,0.05) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 80%);
  -webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 30%,transparent 80%);
}
.hero-orb{position:absolute;border-radius:50%;pointer-events:none}
.hero-orb-1{
  width:700px;height:700px;
  background:radial-gradient(circle,rgba(124,58,237,0.18) 0%,transparent 65%);
  top:-200px;left:-200px;
  animation:floatOrb 12s ease-in-out infinite;
}
.hero-orb-2{
  width:500px;height:500px;
  background:radial-gradient(circle,rgba(37,99,235,0.14) 0%,transparent 65%);
  bottom:-100px;right:-100px;
  animation:floatOrb 15s ease-in-out infinite reverse;
}
.hero-orb-3{
  width:400px;height:400px;
  background:radial-gradient(circle,rgba(6,182,212,0.08) 0%,transparent 65%);
  top:40%;left:55%;
  animation:floatOrb 18s ease-in-out infinite 3s;
}
.hero-inner{text-align:center;max-width:840px;margin:0 auto}
.hero-badge{
  display:inline-flex;align-items:center;gap:.625rem;
  padding:.5rem 1.25rem;
  background:rgba(251,191,36,.08);
  border:1px solid rgba(251,191,36,.2);
  border-radius:99px;
  color:#fbbf24;font-size:.8125rem;font-weight:700;
  margin-bottom:2rem;letter-spacing:.02em;
  animation:fadeDown .6s ease both;
}
.hero-badge-dot{
  width:.5rem;height:.5rem;background:#fbbf24;border-radius:50%;
  animation:blink 1.4s ease-in-out infinite;
}
.hero-title{
  font-size:clamp(2.75rem,7vw,5.25rem);font-weight:900;
  letter-spacing:-.04em;line-height:1.0;
  margin-bottom:1.5rem;
  animation:fadeDown .7s .1s ease both;
}
.hero-sub{
  font-size:clamp(.9375rem,2vw,1.125rem);color:var(--text2);
  max-width:540px;margin:0 auto 2.5rem;line-height:1.7;
  animation:fadeDown .7s .2s ease both;
}
.hero-ctas{
  display:flex;align-items:center;justify-content:center;gap:1rem;
  flex-wrap:wrap;margin-bottom:3rem;
  animation:fadeDown .7s .3s ease both;
}
.btn-hero-primary{font-size:1rem;padding:1rem 2rem}
.hero-icons{
  display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;
  margin-bottom:3rem;
  animation:fadeDown .7s .4s ease both;
}
.hero-icon-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}
.hero-icon-box{
  width:3rem;height:3rem;border-radius:.875rem;
  display:flex;align-items:center;justify-content:center;
  transition:var(--t);
}
.hero-icon-box svg{width:20px;height:20px;stroke:#fff;stroke-width:2}
.hero-icon-item:hover .hero-icon-box{transform:translateY(-4px) scale(1.08);filter:brightness(1.15)}
.hero-icon-label{font-size:.75rem;font-weight:600;color:var(--text3)}
.hero-stats{
  display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap;
  padding:2rem;background:rgba(255,255,255,.025);
  border:1px solid var(--border2);border-radius:var(--r-lg);
  animation:fadeDown .7s .5s ease both;
}
.hero-stat-val{font-size:1.875rem;font-weight:900;letter-spacing:-.03em;line-height:1}
.hero-stat-label{font-size:.8125rem;color:var(--text3);margin-top:.25rem;font-weight:500}
.hero-bottom-fade{
  position:absolute;bottom:0;left:0;right:0;height:120px;
  background:linear-gradient(transparent,var(--bg));pointer-events:none;
}

/* ── Live Stats ──────────────────────────────────────────── */
#live-stats{padding:1.5rem 0 4rem}
.live-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.live-stat-card{
  padding:1.75rem;
  background:rgba(10,10,26,0.7);
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  text-align:center;
  position:relative;overflow:hidden;
  transition:var(--t);
}
.live-stat-card::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(124,58,237,0.04),transparent);
  pointer-events:none;
}
.live-stat-card:hover{border-color:rgba(124,58,237,0.3);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.live-stat-num{font-size:2.25rem;font-weight:900;letter-spacing:-.04em;line-height:1;margin-bottom:.375rem}
.live-stat-label{font-size:.875rem;color:var(--text2);font-weight:500;margin-bottom:.75rem}
.live-stat-badge{
  display:inline-flex;font-size:.7rem;font-weight:700;
  padding:.25rem .75rem;border-radius:99px;letter-spacing:.04em;text-transform:uppercase;
  background:rgba(124,58,237,.1);color:var(--purple-light);
  border:1px solid rgba(124,58,237,.15);
}

/* ── Services ────────────────────────────────────────────── */
#services{background:transparent}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.service-card{
  padding:2rem 1.75rem;cursor:pointer;
  background:rgba(10,10,26,0.65);
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  position:relative;overflow:hidden;
  transition:var(--t);
}
.service-card::before{
  content:'';position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(124,58,237,0.4),transparent);
  opacity:0;transition:var(--t);
}
.service-card:hover{border-color:rgba(124,58,237,0.35);transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 60px rgba(124,58,237,0.07)}
.service-card:hover::before{opacity:1}
.service-icon{
  width:3.25rem;height:3.25rem;border-radius:.875rem;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:1.25rem;transition:var(--t);
}
.service-icon svg{width:22px;height:22px;stroke:#fff;stroke-width:1.75}
.service-card:hover .service-icon{transform:scale(1.08) rotate(-2deg)}
.service-name{font-size:1.125rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-.02em}
.service-desc{font-size:.875rem;color:var(--text2);line-height:1.6;margin-bottom:1.5rem}
.service-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto}
.service-price{font-size:.8125rem;font-weight:700;color:var(--purple-light)}
.service-link{font-size:.8125rem;font-weight:700;color:var(--text3);transition:var(--t-fast)}
.service-card:hover .service-link{color:var(--purple-light)}

/* ── Offer Section ───────────────────────────────────────── */
#offer{padding:4rem 0}
.offer-wrap{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,rgba(15,8,35,0.98),rgba(8,5,20,0.99));
  border:1px solid rgba(124,58,237,0.3);
  border-radius:var(--r-xl);
  padding:4rem;text-align:center;
  box-shadow:0 0 80px rgba(124,58,237,0.15),var(--shadow-xl);
}
.offer-orb-l{position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,0.25),transparent 70%);top:-100px;left:-100px;pointer-events:none}
.offer-orb-r{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,0.2),transparent 70%);bottom:-80px;right:-80px;pointer-events:none}
.offer-inner{position:relative;z-index:1}
.offer-badge-row{display:flex;align-items:center;justify-content:center;gap:.875rem;margin-bottom:1.25rem}
.offer-badge-row svg{width:18px;height:18px;stroke:#fbbf24;fill:#fbbf24}
.offer-badge-pill{
  padding:.4rem 1.25rem;background:rgba(251,191,36,.12);
  border:1px solid rgba(251,191,36,.25);border-radius:99px;
  color:#fbbf24;font-size:.8125rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
}
.offer-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:900;margin-bottom:.5rem;letter-spacing:-.03em}
.offer-pct{font-size:clamp(3rem,8vw,5rem);font-weight:900;letter-spacing:-.05em;line-height:1;margin-bottom:.75rem}
.offer-desc{font-size:1.0625rem;color:var(--text2);margin-bottom:2rem}
.countdown-row{
  display:flex;align-items:center;justify-content:center;gap:.75rem;
  margin-bottom:2rem;flex-wrap:wrap;
}
.countdown-row svg{width:18px;height:18px;stroke:var(--purple-light)}
.countdown-row-label{font-size:.9375rem;color:var(--text2);font-weight:600}
.countdown-unit{display:flex;align-items:flex-end;gap:.375rem}
.countdown-block{
  min-width:3.5rem;height:3.5rem;
  background:rgba(124,58,237,.12);
  border:1px solid rgba(124,58,237,.25);border-radius:.75rem;
  display:flex;align-items:center;justify-content:center;
  font-size:1.75rem;font-weight:900;color:#a78bfa;
  font-variant-numeric:tabular-nums;
}
.countdown-lbl{font-size:.6875rem;font-weight:700;color:var(--text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.375rem}
.countdown-sep{font-size:1.75rem;font-weight:900;color:var(--purple-light);line-height:3.5rem}
.btn-claim{font-size:1rem;padding:1rem 2.5rem}

/* ── Calculator ──────────────────────────────────────────── */
#calculator{background:transparent}
.calc-wrap{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}
.calc-card{padding:2rem}
.calc-header{display:flex;align-items:center;gap:.875rem;margin-bottom:2rem}
.calc-icon{
  width:2.75rem;height:2.75rem;background:var(--grad);border-radius:.75rem;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
  box-shadow:0 4px 16px rgba(124,58,237,0.4);
}
.calc-icon svg{width:18px;height:18px;stroke:#fff;stroke-width:2}
.calc-title{font-size:1.0625rem;font-weight:800;flex:1;letter-spacing:-.02em}
.calc-badge{
  padding:.3rem .875rem;background:rgba(16,185,129,.12);
  border:1px solid rgba(16,185,129,.2);border-radius:99px;
  color:#34d399;font-size:.75rem;font-weight:700;white-space:nowrap;
}
.calc-result{
  text-align:center;padding:2rem 1.5rem;
  background:rgba(124,58,237,.06);border:1px solid rgba(124,58,237,.15);
  border-radius:var(--r-md);margin:1.5rem 0;
}
.calc-result-label{
  display:flex;align-items:center;justify-content:center;gap:.5rem;
  font-size:.8125rem;color:var(--text2);font-weight:600;margin-bottom:.75rem;
}
.calc-result-label svg{width:16px;height:16px;stroke:var(--purple-light)}
.calc-result-num{font-size:3rem;font-weight:900;letter-spacing:-.04em;line-height:1}
.calc-result-unit{font-size:.875rem;color:var(--text3);margin-top:.25rem;font-weight:600}
.calc-savings{font-size:.8125rem;color:#34d399;margin-top:.75rem;font-weight:600}
.btn-calc{width:100%;margin-top:1.25rem;font-size:.9375rem}
.calc-table{
  background:rgba(10,10,26,0.65);border:1px solid var(--border);
  border-radius:var(--r-lg);overflow:hidden;
}
.calc-table-header{
  padding:1rem 1.5rem;
  font-size:.8125rem;font-weight:700;color:var(--text3);
  text-transform:uppercase;letter-spacing:.06em;
  border-bottom:1px solid var(--border2);
  background:rgba(124,58,237,.04);
}
.calc-table-row{
  display:flex;align-items:center;gap:.75rem;
  padding:1rem 1.5rem;border-bottom:1px solid var(--border3);
  cursor:pointer;transition:var(--t-fast);
}
.calc-table-row:last-child{border-bottom:none}
.calc-table-row:hover{background:rgba(124,58,237,.06)}
.calc-table-row svg{width:14px;height:14px;stroke:var(--purple-light);flex-shrink:0}
.calc-table-amount{font-size:.9375rem;font-weight:700;flex:1}
.calc-table-result{font-size:.9375rem;font-weight:700;color:var(--purple-light)}

/* ── How It Works ────────────────────────────────────────── */
#how-it-works{background:transparent}
.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.step-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem}
.step-icon-wrap{position:relative}
.step-icon{
  width:3.5rem;height:3.5rem;border-radius:var(--r-md);
  display:flex;align-items:center;justify-content:center;
  transition:var(--t);
}
.step-icon svg{width:22px;height:22px;stroke:#fff;stroke-width:1.75}
.step-card:hover .step-icon{transform:scale(1.08)}
.step-num{
  position:absolute;top:-.5rem;right:-.5rem;
  width:1.5rem;height:1.5rem;background:var(--bg);
  border:2px solid rgba(124,58,237,.4);border-radius:50%;
  font-size:.6875rem;font-weight:800;color:var(--purple-light);
  display:flex;align-items:center;justify-content:center;
}
.step-content{padding:1.25rem;width:100%}
.step-title{font-size:.9375rem;font-weight:800;margin-bottom:.375rem;letter-spacing:-.02em}
.step-desc{font-size:.8125rem;color:var(--text2);line-height:1.6}

/* ── Why Us ──────────────────────────────────────────────── */
#why-us{background:transparent}
.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
.feature-card{
  display:flex;align-items:flex-start;gap:1.25rem;
  padding:1.75rem;
  background:rgba(10,10,26,0.65);
  border:1px solid var(--border);border-radius:var(--r-lg);
  transition:var(--t);
}
.feature-card:hover{border-color:rgba(124,58,237,.3);transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.feature-icon{
  width:3rem;height:3rem;border-radius:.875rem;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;transition:var(--t);
}
.feature-icon svg{width:20px;height:20px;stroke:#fff;stroke-width:1.75}
.feature-card:hover .feature-icon{transform:scale(1.08) rotate(-3deg)}
.feature-title{font-size:1rem;font-weight:800;margin-bottom:.375rem;letter-spacing:-.02em}
.feature-desc{font-size:.8125rem;color:var(--text2);line-height:1.6}

/* ── Notice Boxes ────────────────────────────────────────── */
.notice-grid{display:flex;flex-direction:column;gap:.875rem}
.notice-box{
  display:flex;align-items:flex-start;gap:.875rem;
  padding:1rem 1.25rem;border-radius:var(--r-md);
}
.notice-box.yellow{background:rgba(234,179,8,.07);border:1px solid rgba(234,179,8,.18)}
.notice-box.blue{background:rgba(37,99,235,.07);border:1px solid rgba(37,99,235,.18)}
.notice-box-icon{
  width:2rem;height:2rem;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;border-radius:.5rem;
}
.notice-box.yellow .notice-box-icon{background:rgba(234,179,8,.12)}
.notice-box.yellow .notice-box-icon svg{stroke:#fde047;width:16px;height:16px}
.notice-box.blue .notice-box-icon{background:rgba(37,99,235,.12)}
.notice-box.blue .notice-box-icon svg{stroke:#60a5fa;width:16px;height:16px}
.notice-box-title{font-size:.875rem;font-weight:700;margin-bottom:.2rem}
.notice-box-text{font-size:.8125rem;color:var(--text2);line-height:1.5}

/* ── Order ───────────────────────────────────────────────── */
#order{background:transparent}
.order-wrap{max-width:680px;margin:0 auto}
.step-indicator{
  display:flex;align-items:center;justify-content:center;
  gap:0;margin-bottom:2.5rem;
}
.step-dot-wrap{display:flex;flex-direction:column;align-items:center;gap:.375rem}
.step-dot{
  width:2.5rem;height:2.5rem;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.05);border:2px solid rgba(255,255,255,.12);
  font-size:.875rem;font-weight:700;color:var(--text3);
  transition:var(--t);
}
.step-dot.active{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 4px 20px rgba(124,58,237,0.5)}
.step-dot.done{background:rgba(16,185,129,.15);border-color:rgba(16,185,129,.4);color:#34d399}
.step-dot-label{font-size:.75rem;font-weight:600;color:var(--text3);transition:var(--t)}
.step-dot-label.active{color:var(--purple-light)}
.step-line{
  flex:1;height:2px;max-width:80px;
  background:rgba(255,255,255,.07);
  border-radius:99px;transition:var(--t);
  margin:0 .75rem;margin-bottom:1.375rem;
}
.step-line.done{background:linear-gradient(90deg,#34d399,rgba(16,185,129,.3))}
.order-card{padding:2.5rem}
.order-step{display:none}
.order-step.active{display:block}
.order-step-title{font-size:1.375rem;font-weight:800;margin-bottom:.375rem;letter-spacing:-.03em}
.order-step-sub{font-size:.875rem;color:var(--text2);margin-bottom:2rem}

/* ── Form Elements ───────────────────────────────────────── */
.form-group{margin-bottom:1.5rem}
.form-label{display:block;font-size:.875rem;font-weight:700;margin-bottom:.625rem;color:var(--text2)}
.input-base{
  width:100%;padding:.875rem 1.125rem;
  background:rgba(255,255,255,.04);
  border:1.5px solid rgba(255,255,255,.1);
  border-radius:var(--r-md);color:var(--text);
  font-size:.9375rem;font-family:var(--font);
  transition:var(--t-fast);outline:none;
}
.input-base:hover{border-color:rgba(124,58,237,.25)}
.input-base:focus{border-color:var(--purple);background:rgba(124,58,237,.06);box-shadow:0 0 0 3px rgba(124,58,237,.12)}
.input-base::placeholder{color:var(--text3)}
.textarea-base{
  width:100%;padding:.875rem 1.125rem;
  background:rgba(255,255,255,.04);
  border:1.5px solid rgba(255,255,255,.1);
  border-radius:var(--r-md);color:var(--text);
  font-size:.9375rem;font-family:var(--font);
  transition:var(--t-fast);outline:none;resize:vertical;min-height:80px;
}
.textarea-base:hover{border-color:rgba(124,58,237,.25)}
.textarea-base:focus{border-color:var(--purple);background:rgba(124,58,237,.06);box-shadow:0 0 0 3px rgba(124,58,237,.12)}
.textarea-base::placeholder{color:var(--text3)}
.input-prefix-wrap{position:relative}
.input-prefix,.input-at{
  position:absolute;left:1.125rem;top:50%;transform:translateY(-50%);
  font-size:.9375rem;font-weight:700;color:var(--purple-light);pointer-events:none;
}
.input-prefix-inner,.input-at-inner{padding-left:3rem}
.error-msg{display:none;font-size:.8125rem;color:#f87171;margin-top:.375rem;font-weight:500}
.error-msg.show{display:block}
.field-err{font-size:.8125rem;color:#f87171;margin-top:.375rem;font-weight:500}

/* ── Service Buttons ─────────────────────────────────────── */
.service-btns{display:flex;flex-wrap:wrap;gap:.625rem}
.service-btn{
  display:inline-flex;align-items:center;gap:.5rem;
  padding:.625rem 1rem;
  background:rgba(255,255,255,.04);
  border:1.5px solid rgba(255,255,255,.1);
  color:var(--text2);border-radius:var(--r-md);
  font-size:.875rem;font-weight:700;
  transition:var(--t-fast);font-family:var(--font);
}
.service-btn svg{width:15px;height:15px;stroke:currentColor;stroke-width:2}
.service-btn:hover{background:rgba(124,58,237,.1);border-color:rgba(124,58,237,.3);color:var(--purple-light)}
.service-btn.active{background:rgba(124,58,237,.15);border-color:rgba(124,58,237,.4);color:var(--purple-light);box-shadow:0 0 20px rgba(124,58,237,.15)}

/* ── Screenshot Required ─────────────────────────────────── */
.screenshot-required{
  display:flex;align-items:flex-start;gap:.625rem;
  padding:.875rem;background:rgba(239,68,68,.06);
  border:1px solid rgba(239,68,68,.18);border-radius:var(--r-md);
  font-size:.8125rem;color:#fca5a5;margin-bottom:.875rem;line-height:1.5;
}
.screenshot-required svg{width:16px;height:16px;stroke:#f87171;flex-shrink:0;margin-top:.1rem}

/* ── Upload Zone ─────────────────────────────────────────── */
.upload-zone{
  border:2px dashed rgba(124,58,237,.2);border-radius:var(--r-lg);
  padding:2rem 1.5rem;text-align:center;cursor:pointer;
  background:rgba(124,58,237,.03);transition:var(--t-fast);
  position:relative;
}
.upload-zone input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.upload-zone:hover,.upload-zone.drag-over{border-color:rgba(124,58,237,.5);background:rgba(124,58,237,.07)}
.upload-zone-icon{
  width:3rem;height:3rem;background:rgba(124,58,237,.1);border:1px solid rgba(124,58,237,.2);
  border-radius:.875rem;display:flex;align-items:center;justify-content:center;margin:0 auto .875rem;
}
.upload-zone-icon svg{width:22px;height:22px;stroke:var(--purple-light)}
.upload-zone-title{font-size:.9375rem;font-weight:700;margin-bottom:.375rem}
.upload-zone-hint{font-size:.8125rem;color:var(--text3)}
.upload-preview{
  display:none;position:relative;
  background:rgba(255,255,255,.03);border:1px solid var(--border2);
  border-radius:var(--r-md);overflow:hidden;margin-top:.875rem;
}
.upload-preview.show{display:block}
.upload-preview img{width:100%;max-height:240px;object-fit:contain;padding:1rem}
.upload-preview-remove{
  position:absolute;top:.5rem;right:.5rem;
  width:2rem;height:2rem;background:rgba(0,0,0,.6);
  border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:1rem;color:#fff;border:1px solid rgba(255,255,255,.15);
  transition:var(--t-fast);
}
.upload-preview-remove:hover{background:rgba(239,68,68,.8)}
.upload-success{
  display:none;align-items:center;gap:.5rem;
  padding:.625rem .875rem;background:rgba(16,185,129,.08);
  border:1px solid rgba(16,185,129,.2);border-radius:.625rem;
  font-size:.8125rem;color:#34d399;font-weight:600;margin-top:.625rem;
}
.upload-success.show{display:flex}
.upload-success svg{width:14px;height:14px;stroke:#34d399;flex-shrink:0}

/* ── Price Preview ───────────────────────────────────────── */
.price-preview{
  display:flex;align-items:center;justify-content:space-between;
  padding:1.125rem 1.25rem;
  background:rgba(124,58,237,.06);border:1px solid rgba(124,58,237,.18);
  border-radius:var(--r-md);margin-bottom:1.5rem;
}
.price-preview-label{font-size:.875rem;font-weight:600;color:var(--text2)}
.price-preview-value{display:flex;align-items:center;gap:.625rem}
.price-old{font-size:.9375rem;text-decoration:line-through;color:var(--text3)}
.price-new{font-size:1.375rem;font-weight:900;color:var(--purple-light)}
.btn-order-submit{width:100%;font-size:.9375rem;padding:1rem}

/* ── Instagram Mock ──────────────────────────────────────── */
.ig-mock{
  background:rgba(8,6,22,0.9);
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--r-lg);overflow:hidden;margin-bottom:1.75rem;
}
.ig-mock-topbar{
  display:flex;align-items:center;justify-content:space-between;
  padding:.875rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06);
}
.ig-mock-logo{font-size:1.125rem;font-weight:900;letter-spacing:-.03em}
.ig-mock-icons{display:flex;gap:.875rem}
.ig-mock-icons svg{width:20px;height:20px;stroke:var(--text);stroke-width:1.75}
.ig-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.25rem .75rem}
.ig-avatar-wrap{width:4rem;height:4rem;border-radius:50%;background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);padding:2px;flex-shrink:0}
.ig-avatar{width:100%;height:100%;border-radius:50%;border:2px solid var(--bg)}
.ig-info{flex:1;min-width:0}
.ig-name-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.125rem}
.ig-name{font-size:.9375rem;font-weight:800}
.ig-verified{width:16px;height:16px;stroke:#60a5fa;fill:none}
.ig-handle{font-size:.8125rem;color:var(--text2);margin-bottom:.25rem}
.ig-bio-text{font-size:.8125rem;color:var(--text3)}
.ig-follow-btn-wrap{padding:0 1.25rem .875rem}
.ig-follow-btn{
  width:100%;padding:.625rem;background:var(--grad);color:#fff;
  font-size:.8125rem;font-weight:700;border-radius:.625rem;
  border:none;cursor:default;
}
.ig-stats{
  display:flex;border-top:1px solid rgba(255,255,255,.05);
  border-bottom:1px solid rgba(255,255,255,.05);
}
.ig-stat{flex:1;text-align:center;padding:.875rem .5rem}
.ig-stat .val{font-size:1rem;font-weight:800}
.ig-stat .lbl{font-size:.75rem;color:var(--text3);margin-top:.125rem}
.ig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.05)}
.ig-grid-cell{aspect-ratio:1;overflow:hidden}
.ig-grid-cell-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2rem}

/* ── Order Summary ───────────────────────────────────────── */
.order-summary{padding:1.5rem;margin-bottom:1.75rem}
.order-summary-title{
  display:flex;align-items:center;gap:.625rem;
  font-size:.875rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;
  color:var(--purple-light);margin-bottom:1.25rem;
}
.order-summary-title svg{width:16px;height:16px;stroke:#34d399}
.summary-row{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0;border-bottom:1px solid var(--border3)}
.summary-row:last-child{border-bottom:none}
.summary-label{font-size:.875rem;color:var(--text2);font-weight:500}
.summary-value{font-size:.875rem;font-weight:700;max-width:200px;text-align:right}
.summary-divider{border:none;border-top:1px solid var(--border2);margin:.25rem 0}
.summary-total-label{font-size:.9375rem;font-weight:800}
.summary-total-value{font-size:1.25rem;font-weight:900;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* ── Step Buttons ────────────────────────────────────────── */
.step-btn-row{display:flex;align-items:center;gap:.875rem}
.btn-back{
  display:flex;align-items:center;gap:.5rem;
  padding:.875rem 1.25rem;
  background:rgba(255,255,255,.05);border:1.5px solid rgba(255,255,255,.1);
  color:var(--text2);border-radius:var(--r-md);font-size:.875rem;font-weight:700;
  transition:var(--t-fast);font-family:var(--font);
}
.btn-back svg{width:16px;height:16px;stroke:currentColor}
.btn-back:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:var(--text)}

/* ── Payment ─────────────────────────────────────────────── */
.payment-amount{text-align:center;padding:1.75rem;background:rgba(124,58,237,.06);border:1px solid rgba(124,58,237,.15);border-radius:var(--r-lg);margin-bottom:1.5rem}
.payment-amount-label{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin-bottom:.375rem}
.payment-amount-value{font-size:3rem;font-weight:900;letter-spacing:-.04em;line-height:1;margin-bottom:.375rem}
.payment-amount-sub{font-size:.875rem;color:var(--text2)}
.trust-badges-row{display:flex;justify-content:center;gap:1.25rem;flex-wrap:wrap;margin-bottom:1.5rem}
.trust-badge{
  display:flex;align-items:center;gap:.5rem;
  font-size:.8125rem;font-weight:700;color:var(--text2);
}
.trust-badge svg{width:15px;height:15px;stroke:var(--purple-light)}
.payment-card{padding:1.75rem;margin-bottom:1.5rem;text-align:center}
.payment-secure-label{
  display:flex;align-items:center;justify-content:center;gap:.5rem;
  font-size:.8125rem;font-weight:700;color:var(--purple-light);
  margin-bottom:1.25rem;
}
.payment-secure-label svg{width:15px;height:15px;stroke:var(--purple-light)}
.qr-placeholder{
  width:160px;height:160px;
  background:rgba(124,58,237,.08);border:2px dashed rgba(124,58,237,.2);
  border-radius:var(--r-md);display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:.375rem;
  margin:0 auto 1.25rem;color:var(--text3);
}
.qr-placeholder svg{width:48px;height:48px;stroke:rgba(124,58,237,.4)}
.qr-placeholder-text{font-size:.75rem;font-weight:600}
.upi-row{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}
.upi-label{font-size:.8125rem;color:var(--text3);font-weight:600}
.upi-id{font-size:.9375rem;font-weight:800;color:var(--purple-light);font-variant-numeric:tabular-nums}
.btn-copy{
  width:2rem;height:2rem;background:rgba(124,58,237,.1);
  border:1px solid rgba(124,58,237,.2);border-radius:.5rem;
  display:flex;align-items:center;justify-content:center;
  color:var(--purple-light);transition:var(--t-fast);
}
.btn-copy svg{width:14px;height:14px;stroke:currentColor}
.btn-copy:hover{background:rgba(124,58,237,.2)}
.copy-hint{font-size:.75rem;color:#34d399;height:1rem;text-align:center}
.pay-steps-box{
  padding:1.25rem;background:rgba(37,211,102,.05);
  border:1px solid rgba(37,211,102,.15);border-radius:var(--r-md);margin-bottom:1.5rem;
}
.pay-steps-title{display:flex;align-items:center;gap:.625rem;font-size:.875rem;font-weight:700;color:#34d399;margin-bottom:.875rem}
.pay-steps-ol{padding-left:1.25rem;display:flex;flex-direction:column;gap:.5rem}
.pay-steps-ol li{font-size:.8125rem;color:var(--text2);line-height:1.5}

/* ── WhatsApp Button ─────────────────────────────────────── */
.wa-big-btn{
  width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;
  padding:1.125rem 2rem;
  background:linear-gradient(135deg,#25d366,#128c7e);
  color:#fff;font-size:1rem;font-weight:800;
  border-radius:var(--r-md);border:none;cursor:pointer;
  box-shadow:0 6px 28px rgba(37,211,102,0.35);
  transition:var(--t);font-family:var(--font);
  text-decoration:none;
}
.wa-big-btn:hover{transform:translateY(-2px);box-shadow:0 10px 36px rgba(37,211,102,0.45)}
.wa-big-btn svg{width:22px;height:22px;fill:#fff;stroke:none;flex-shrink:0}

/* ── Track Order ─────────────────────────────────────────── */
.track-box{
  max-width:480px;margin:0 auto;
  background:rgba(10,10,26,.7);border:1px solid var(--border);
  border-radius:var(--r-xl);padding:2.5rem;
}
.track-header{display:flex;align-items:center;gap:.875rem;margin-bottom:2rem}
.track-icon{width:3rem;height:3rem;background:var(--grad);border-radius:.875rem;display:flex;align-items:center;justify-content:center}
.track-icon svg{width:20px;height:20px;stroke:#fff;stroke-width:2}
#track-result{margin-top:1.5rem}
.track-result-card{padding:1.5rem;background:rgba(124,58,237,.06);border:1px solid rgba(124,58,237,.2);border-radius:var(--r-md)}

/* ── Min Order Warning ───────────────────────────────────── */
.min-order-warning{
  display:none;align-items:center;gap:.5rem;
  padding:.625rem .875rem;background:rgba(239,68,68,.07);
  border:1px solid rgba(239,68,68,.18);border-radius:.625rem;
  font-size:.8125rem;color:#fca5a5;margin-top:.5rem;
}
.min-order-warning.show{display:flex}
.min-order-warning svg{width:15px;height:15px;stroke:#f87171;flex-shrink:0}

/* ── Order Step 4 Success ────────────────────────────────── */
.success-hero{text-align:center;padding:1.5rem 0 1.25rem}
.success-icon{
  width:5rem;height:5rem;background:rgba(16,185,129,.12);
  border:2px solid rgba(16,185,129,.3);border-radius:50%;
  display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;
  animation:pulse 2s ease-in-out infinite;
}
.success-icon svg{width:36px;height:36px;stroke:#34d399;stroke-width:2}
.success-title{font-size:1.5rem;font-weight:900;margin-bottom:.375rem;letter-spacing:-.03em}
.success-sub{font-size:.875rem;color:var(--text2)}
.order-id-display{
  display:inline-flex;align-items:center;gap:.625rem;
  padding:.75rem 1.5rem;background:rgba(124,58,237,.1);
  border:1px solid rgba(124,58,237,.25);border-radius:var(--r-md);
  font-size:.9375rem;font-weight:800;color:var(--purple-light);
  margin:1.25rem 0;font-variant-numeric:tabular-nums;
}

/* ── FAQ ─────────────────────────────────────────────────── */
#faq{background:transparent}
.faq-wrap{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:.625rem}
.faq-item{
  background:rgba(10,10,26,.7);border:1px solid var(--border);
  border-radius:var(--r-md);overflow:hidden;transition:var(--t-fast);
}
.faq-item:hover{border-color:rgba(124,58,237,.25)}
.faq-item.open{border-color:rgba(124,58,237,.35)}
.faq-q{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1.25rem 1.5rem;cursor:pointer;
}
.faq-q-text{font-size:.9375rem;font-weight:700;flex:1;line-height:1.4}
.faq-chevron{width:18px;height:18px;stroke:var(--text3);flex-shrink:0;transition:transform .3s ease}
.faq-item.open .faq-chevron{transform:rotate(180deg);stroke:var(--purple-light)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-item.open .faq-a{max-height:400px}
.faq-a-inner{padding:.25rem 1.5rem 1.25rem;font-size:.875rem;color:var(--text2);line-height:1.7}

/* ── Testimonials ────────────────────────────────────────── */
#testimonials{background:transparent}
.testimonials-track{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.testimonial-card{padding:1.75rem;background:rgba(10,10,26,.7);border:1px solid var(--border);border-radius:var(--r-lg);transition:var(--t)}
.testimonial-card:hover{border-color:rgba(124,58,237,.3);transform:translateY(-2px)}
.testi-header{display:flex;align-items:center;gap:.875rem;margin-bottom:1rem}
.testi-avatar{
  width:2.75rem;height:2.75rem;border-radius:50%;
  background:var(--grad);display:flex;align-items:center;justify-content:center;
  font-size:.9375rem;font-weight:800;color:#fff;flex-shrink:0;
}
.testi-name{font-size:.9375rem;font-weight:800}
.testi-handle{font-size:.8125rem;color:var(--text3)}
.testi-text{font-size:.875rem;color:var(--text2);line-height:1.7;margin-bottom:1rem;font-style:italic}
.testi-stars{color:#fbbf24;font-size:1rem;letter-spacing:.1em}

/* ── Contact ─────────────────────────────────────────────── */
#contact{background:transparent}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:900px;margin:0 auto}
.contact-card{
  padding:2rem 1.5rem;text-align:center;
  background:rgba(10,10,26,.7);border:1px solid var(--border);
  border-radius:var(--r-lg);transition:var(--t);text-decoration:none;display:block;
}
.contact-card:hover{border-color:rgba(124,58,237,.35);transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.contact-icon{
  width:3.5rem;height:3.5rem;border-radius:var(--r-md);
  display:flex;align-items:center;justify-content:center;margin:0 auto 1.125rem;
  transition:var(--t);
}
.contact-card:hover .contact-icon{transform:scale(1.08)}
.contact-icon svg{width:24px;height:24px}
.contact-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin-bottom:.375rem}
.contact-value{font-size:.9375rem;font-weight:700;margin-bottom:.25rem}
.contact-hint{font-size:.8125rem;color:var(--text3)}

/* ── Footer ──────────────────────────────────────────────── */
footer{
  border-top:1px solid var(--border2);padding:3rem 0 2rem;
  background:rgba(0,0,0,.35);position:relative;z-index:1;
}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:3rem}
.footer-brand{display:flex;flex-direction:column;gap:.875rem}
.footer-logo{display:flex;align-items:center;gap:.625rem}
.footer-logo-icon{width:2rem;height:2rem;background:var(--grad);border-radius:.5rem;display:flex;align-items:center;justify-content:center}
.footer-logo-icon svg{width:14px;height:14px;stroke:#fff;stroke-width:2.5}
.footer-logo-text{font-size:.9375rem;font-weight:800}
.footer-desc{font-size:.8125rem;color:var(--text3);line-height:1.7;max-width:240px}
.footer-col-title{font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin-bottom:1rem}
.footer-links{display:flex;flex-direction:column;gap:.5rem}
.footer-links a{font-size:.875rem;color:var(--text2);transition:var(--t-fast)}
.footer-links a:hover{color:var(--text)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:1.5rem;border-top:1px solid var(--border3);gap:1rem;flex-wrap:wrap}
.footer-copy{font-size:.8125rem;color:var(--text3)}
.footer-badges{display:flex;align-items:center;gap:.875rem}
.footer-badge{
  display:flex;align-items:center;gap:.375rem;
  font-size:.75rem;font-weight:600;color:var(--text3);
  padding:.3rem .75rem;background:rgba(255,255,255,.04);
  border:1px solid var(--border3);border-radius:99px;
}
.footer-badge svg{width:12px;height:12px;stroke:var(--purple-light)}

/* ── Scroll Reveal ───────────────────────────────────────── */
.reveal-js{opacity:0;transform:translateY(24px);transition:opacity .65s cubic-bezier(0.4,0,0.2,1),transform .65s cubic-bezier(0.4,0,0.2,1)}
.reveal-js.visible{opacity:1;transform:none}
.reveal-delay-1{transition-delay:.1s}
.reveal-delay-2{transition-delay:.2s}
.reveal-delay-3{transition-delay:.3s}
.reveal-delay-4{transition-delay:.4s}

/* ── Earn Page Specific ──────────────────────────────────── */
.earn-hero{
  min-height:auto;padding:7rem 0 3rem;
  background:transparent;
}
.earn-hero-inner{text-align:center;max-width:640px;margin:0 auto}
.earn-wallet{
  padding:2rem;margin-top:2rem;
  background:rgba(10,10,26,0.85);
}
.earn-wallet-label{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text3);margin-bottom:.375rem}
.earn-wallet-balance{font-size:3.5rem;font-weight:900;letter-spacing:-.04em;line-height:1;margin-bottom:.375rem}
.earn-wallet-sub{font-size:.875rem;color:var(--text2)}
.earn-streak{
  display:inline-flex;align-items:center;gap:.375rem;
  padding:.4rem 1rem;background:rgba(251,191,36,.1);
  border:1px solid rgba(251,191,36,.2);border-radius:99px;
  font-size:.8125rem;font-weight:700;color:#fbbf24;
}
.earn-progress{margin-top:1.5rem}
.earn-progress-header{display:flex;justify-content:space-between;font-size:.8125rem;font-weight:600;margin-bottom:.5rem}
.earn-progress-bar{height:.5rem;background:rgba(255,255,255,.07);border-radius:99px;overflow:hidden}
.earn-progress-fill{height:100%;background:var(--grad);border-radius:99px;transition:width .6s cubic-bezier(0.4,0,0.2,1)}

.earn-nav{
  display:flex;gap:.5rem;overflow-x:auto;
  padding:.75rem 0 1.75rem;
  -ms-overflow-style:none;scrollbar-width:none;
}
.earn-nav::-webkit-scrollbar{display:none}
.earn-nav-tab{
  display:flex;align-items:center;gap:.5rem;
  padding:.625rem 1.125rem;
  background:rgba(255,255,255,.04);border:1.5px solid rgba(255,255,255,.08);
  color:var(--text2);border-radius:var(--r-md);
  font-size:.875rem;font-weight:700;white-space:nowrap;
  transition:var(--t-fast);font-family:var(--font);cursor:pointer;
}
.earn-nav-tab:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14)}
.earn-nav-tab.active{background:rgba(124,58,237,.15);border-color:rgba(124,58,237,.4);color:var(--purple-light)}
.earn-tab-content{animation:fadeUp .3s ease both}

.section-label{
  display:flex;align-items:center;gap:.875rem;
  margin-bottom:1.25rem;
}
.section-label-icon{
  width:2.25rem;height:2.25rem;flex-shrink:0;
  border-radius:.625rem;display:flex;align-items:center;justify-content:center;
}
.section-label-icon svg{width:16px;height:16px;stroke:#fff;stroke-width:2}
.section-label-text{font-size:1rem;font-weight:800;flex:1;letter-spacing:-.02em}
.section-label-badge{
  padding:.25rem .75rem;border-radius:99px;
  font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;
  background:rgba(251,191,36,.1);color:#fbbf24;border:1px solid rgba(251,191,36,.18);
}

/* ── Task Cards ──────────────────────────────────────────── */
.task-cards{display:flex;flex-direction:column;gap:.75rem}
.task-card{
  display:flex;align-items:center;gap:1.125rem;
  padding:1.125rem 1.5rem;
  background:rgba(10,10,26,0.75);
  border:1px solid var(--border);border-radius:var(--r-md);
  transition:var(--t-fast);cursor:pointer;
}
.task-card:hover{border-color:rgba(124,58,237,.3);transform:translateX(4px);background:rgba(124,58,237,.04)}
.task-card.done{cursor:default;opacity:.6}
.task-card.done:hover{transform:none}
.task-card-icon{font-size:1.5rem;flex-shrink:0;width:2.5rem;text-align:center}
.task-card-body{flex:1;min-width:0}
.task-card-title{font-size:.9375rem;font-weight:700;margin-bottom:.125rem}
.task-card-sub{font-size:.8125rem;color:var(--text2)}
.task-card-reward{text-align:right;flex-shrink:0}
.task-card-coins{font-size:.875rem;font-weight:800;color:#fbbf24;margin-bottom:.25rem}
.task-card-action{
  font-size:.75rem;font-weight:700;
  padding:.25rem .625rem;border-radius:99px;
  background:rgba(124,58,237,.12);color:var(--purple-light);
  border:1px solid rgba(124,58,237,.2);white-space:nowrap;
}

/* ── Video Cards ─────────────────────────────────────────── */
.video-cards{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}
.video-card{
  display:flex;align-items:center;gap:1.125rem;
  padding:1.125rem 1.5rem;
  background:rgba(10,10,26,0.75);border:1px solid var(--border);border-radius:var(--r-md);
  transition:var(--t-fast);cursor:pointer;
}
.video-card:hover{border-color:rgba(124,58,237,.3)}
.video-card-thumb{
  width:3rem;height:3rem;
  background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.2);
  border-radius:.75rem;display:flex;align-items:center;justify-content:center;
  font-size:1.375rem;flex-shrink:0;
}
.video-card-body{flex:1;min-width:0}
.video-card-title{font-size:.9375rem;font-weight:700;margin-bottom:.25rem}
.video-card-meta{font-size:.8125rem;color:var(--text2);margin-bottom:.5rem}
.video-card-progress{height:.25rem;background:rgba(255,255,255,.07);border-radius:99px;overflow:hidden}
.video-card-progress-fill{height:100%;background:var(--grad);border-radius:99px;transition:width .1s linear}

/* ── Offer Wall ──────────────────────────────────────────── */
.offerwall-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}
.offerwall-card{padding:1.5rem;background:rgba(10,10,26,0.75);border:1px solid var(--border);border-radius:var(--r-lg);transition:var(--t-fast)}
.offerwall-card:hover{border-color:rgba(124,58,237,.3);transform:translateY(-3px)}
.offerwall-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.875rem}
.offerwall-card-icon{font-size:1.5rem;width:2.5rem;text-align:center}
.offerwall-card-name{font-size:.9375rem;font-weight:800;margin-bottom:.125rem}
.offerwall-card-cat{font-size:.75rem;color:var(--text3);font-weight:600}
.offerwall-card-reward{font-size:1rem;font-weight:800;color:#fbbf24;margin-bottom:.5rem}
.offerwall-card-desc{font-size:.8125rem;color:var(--text2);margin-bottom:1rem;line-height:1.5}
.offerwall-card-btn{
  width:100%;padding:.625rem;
  background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.25);
  color:var(--purple-light);border-radius:.75rem;
  font-size:.8125rem;font-weight:700;cursor:pointer;font-family:var(--font);
  transition:var(--t-fast);
}
.offerwall-card-btn:hover{background:rgba(124,58,237,.22);border-color:rgba(124,58,237,.45)}
.offerwall-card-btn:disabled{opacity:.5;cursor:not-allowed}

/* ── Promo Box ───────────────────────────────────────────── */
.promo-box{
  padding:1.75rem;
  background:rgba(10,10,26,0.75);border:1px solid var(--border);
  border-radius:var(--r-lg);margin-bottom:2rem;
}
.promo-box-title{
  display:flex;align-items:center;gap:.625rem;
  font-size:.9375rem;font-weight:800;margin-bottom:1.25rem;
}
.promo-box-row{display:flex;gap:.75rem;flex-wrap:wrap}
.promo-result{
  margin-top:1rem;padding:.875rem;border-radius:.75rem;
  font-size:.875rem;font-weight:600;
}
.promo-result.success{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);color:#34d399}
.promo-result.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);color:#f87171}

/* ── Ad Section ──────────────────────────────────────────── */
.ad-section{
  padding:1.75rem;background:rgba(10,10,26,0.75);
  border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:2rem;
  text-align:center;
}
.ad-section-title{
  display:flex;align-items:center;justify-content:center;gap:.5rem;
  font-size:.875rem;font-weight:700;color:var(--purple-light);margin-bottom:1.125rem;
}
.ad-placeholder{
  min-height:120px;background:rgba(124,58,237,.04);
  border:2px dashed rgba(124,58,237,.15);border-radius:var(--r-md);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:.375rem;color:var(--text3);font-size:.8125rem;
  margin-bottom:1.25rem;padding:1.5rem;
}
.ad-rewarded{
  display:inline-flex;align-items:center;justify-content:center;gap:.625rem;
  padding:.875rem 2rem;
  background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;
  border-radius:var(--r-md);font-size:.9375rem;font-weight:700;
  border:none;cursor:pointer;font-family:var(--font);
  box-shadow:0 6px 24px rgba(220,38,38,.35);transition:var(--t);
}
.ad-rewarded:hover{transform:translateY(-2px);box-shadow:0 10px 32px rgba(220,38,38,.45)}
.ad-rewarded:disabled{opacity:.5;cursor:not-allowed;transform:none}
.ad-rewarded svg{width:16px;height:16px;stroke:#fff;fill:none}

/* ── Referral / Share ────────────────────────────────────── */
#referral-modal{
  position:fixed;inset:0;z-index:9996;
  background:rgba(0,0,0,.75);backdrop-filter:blur(8px);
  display:none;align-items:center;justify-content:center;padding:1.5rem;
}
#referral-modal.open{display:flex}
.referral-modal-box{
  background:rgba(12,8,28,0.99);border:1px solid rgba(124,58,237,.3);
  border-radius:var(--r-xl);padding:2.5rem;max-width:480px;width:100%;
  animation:scaleIn .3s cubic-bezier(0.34,1.56,0.64,1) both;
}

/* ── Keyframes ───────────────────────────────────────────── */
@keyframes fadeDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes scaleIn{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
@keyframes slideUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@keyframes loadBar{0%{width:0}60%{width:75%}100%{width:100%}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(124,58,237,0.4)}50%{box-shadow:0 0 0 12px rgba(124,58,237,0)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes floatOrb{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-40px) scale(1.04)}66%{transform:translate(-20px,30px) scale(.97)}}
@keyframes toastIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:none}}
@keyframes toastOut{from{opacity:1;transform:none}to{opacity:0;transform:translateX(-20px)}}
@keyframes spin{to{transform:rotate(360deg)}}

/* ── Responsive ──────────────────────────────────────────── */
@media (max-width: 1100px) {
  .footer-grid{grid-template-columns:1fr 1fr;gap:2rem}
}
@media (max-width: 900px) {
  .live-stats-grid{grid-template-columns:repeat(2,1fr)}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .steps-grid{grid-template-columns:repeat(2,1fr)}
  .features-grid{grid-template-columns:1fr}
  .calc-wrap{grid-template-columns:1fr}
  .testimonials-track{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .nav-links{display:none}
  .btn-hamburger{display:flex}
}
@media (max-width: 640px) {
  section{padding:3.5rem 0}
  .hero-title{font-size:2.5rem}
  .hero-stats{gap:1.5rem;padding:1.5rem}
  .live-stats-grid{grid-template-columns:repeat(2,1fr);gap:.875rem}
  .services-grid{grid-template-columns:1fr}
  .steps-grid{grid-template-columns:1fr}
  .offer-wrap{padding:2.5rem 1.5rem}
  .countdown-block{min-width:3rem;font-size:1.5rem;height:3rem}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;align-items:flex-start}
  .order-card{padding:1.5rem}
  .section-header{margin-bottom:2.5rem}
  .hero-icons{gap:1rem}
  .earn-wallet{padding:1.5rem}
  .earn-wallet-balance{font-size:2.75rem}
}

/* ══ TRUST BAR ══════════════════════════════════════════════ */
#trust-bar{
  position:relative;z-index:2;
  background:rgba(10,10,26,0.85);
  border-top:1px solid rgba(124,58,237,0.12);
  border-bottom:1px solid rgba(124,58,237,0.12);
  backdrop-filter:blur(16px);
  padding:.875rem 1.5rem;
}
.trust-bar-inner{
  max-width:1240px;margin:0 auto;
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:1rem;align-items:center;
}
.trust-bar-item{
  display:flex;align-items:center;justify-content:center;gap:.625rem;
  padding:.625rem .875rem;
  border-radius:var(--r-sm);
  transition:background .2s ease,transform .2s ease;
  cursor:default;
}
.trust-bar-item:hover{
  background:rgba(124,58,237,.08);
  transform:translateY(-2px);
}
.trust-bar-icon{font-size:1.25rem;flex-shrink:0}
.trust-bar-text{font-size:.8125rem;font-weight:600;color:var(--text2);white-space:nowrap}
@media (max-width:768px){
  .trust-bar-inner{grid-template-columns:repeat(2,1fr)}
  .trust-bar-text{white-space:normal;font-size:.75rem}
}
@media (max-width:400px){
  .trust-bar-inner{grid-template-columns:1fr 1fr}
}

/* ══ TRANSPARENCY / TRUST LIST ═══════════════════════════════ */
.trust-list-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem;
  max-width:900px;margin:0 auto;
}
.trust-list-item{
  display:flex;align-items:flex-start;gap:1rem;
  padding:1.25rem 1.5rem;
  background:rgba(10,10,26,0.65);
  border:1px solid rgba(16,185,129,0.15);
  border-radius:var(--r-lg);
  transition:var(--t);
}
.trust-list-item:hover{
  border-color:rgba(16,185,129,0.3);
  background:rgba(16,185,129,0.04);
  transform:translateY(-2px);
  box-shadow:var(--shadow);
}
.trust-list-icon{font-size:1.375rem;flex-shrink:0;margin-top:.1rem}
.trust-list-title{font-size:.9375rem;font-weight:700;color:var(--text);margin-bottom:.25rem}
.trust-list-desc{font-size:.8125rem;color:var(--text2);line-height:1.55}
@media (max-width:640px){
  .trust-list-grid{grid-template-columns:1fr}
}

/* ══ OFFER DISCOUNT NOTE ════════════════════════════════════ */
.offer-discount-note{
  display:inline-block;
  background:rgba(251,191,36,.12);
  border:1px solid rgba(251,191,36,.22);
  border-radius:99px;
  color:#fbbf24;font-size:.75rem;font-weight:700;
  padding:.15rem .6rem;margin-top:.25rem;
}

/* ══ TESTIMONIAL META ═══════════════════════════════════════ */
.testi-meta{
  display:flex;flex-wrap:wrap;gap:.5rem;
  margin-top:.875rem;padding-top:.875rem;
  border-top:1px solid rgba(255,255,255,.06);
}
.testi-meta-item{
  display:inline-flex;align-items:center;gap:.3rem;
  font-size:.7rem;font-weight:600;color:var(--text3);
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.07);
  border-radius:99px;padding:.2rem .625rem;
}

/* ══ ABOUT SECTION ══════════════════════════════════════════ */
.about-wrap{
  max-width:860px;margin:0 auto;
  display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;
}
.about-text-block{display:flex;flex-direction:column;gap:1rem}
.about-desc{font-size:1rem;color:var(--text2);line-height:1.75}
.about-features-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.about-feature-item{
  display:flex;align-items:flex-start;gap:.875rem;
  padding:1rem 1.125rem;
  background:rgba(10,10,26,0.65);
  border:1px solid var(--border);
  border-radius:var(--r-md);
  transition:var(--t);
}
.about-feature-item:hover{border-color:rgba(124,58,237,.3);transform:translateY(-2px)}
.about-feature-icon{font-size:1.5rem;flex-shrink:0}
.about-feature-title{font-size:.875rem;font-weight:700;color:var(--text);margin-bottom:.2rem}
.about-feature-sub{font-size:.75rem;color:var(--text3)}
@media (max-width:768px){
  .about-wrap{grid-template-columns:1fr;gap:2rem}
  .about-features-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:480px){
  .about-features-grid{grid-template-columns:1fr}
}

/* ══ ORDER TRUST MICROCOPY ══════════════════════════════════ */
.order-trust-micro{
  display:flex;flex-direction:column;gap:.4rem;
  margin-bottom:1rem;
  padding:.875rem 1rem;
  background:rgba(16,185,129,.05);
  border:1px solid rgba(16,185,129,.15);
  border-radius:var(--r-md);
}
.order-trust-micro span{
  font-size:.78rem;color:var(--text2);line-height:1.5;
  display:flex;align-items:center;gap:.35rem;
}
.micro-wa-link{color:#25d366;font-weight:600;text-decoration:underline;text-underline-offset:.15em}
.micro-wa-link:hover{color:#34d399}

/* ══ BUTTON IMPROVEMENTS ════════════════════════════════════ */
.btn-primary{
  transition:transform 250ms ease,box-shadow 250ms ease,background 250ms ease!important;
}
.btn-primary:hover{
  transform:scale(1.03) translateY(-1px)!important;
  box-shadow:0 10px 36px rgba(124,58,237,0.55),inset 0 1px 0 rgba(255,255,255,0.2)!important;
}
.btn-primary:active{
  transform:scale(0.98)!important;
  box-shadow:0 4px 16px rgba(124,58,237,0.35)!important;
}
.btn-hero-outline{
  transition:transform 250ms ease,box-shadow 250ms ease,background 250ms ease,border-color 250ms ease!important;
}
.btn-hero-outline:hover{
  transform:scale(1.03)!important;
  box-shadow:0 6px 24px rgba(255,255,255,.08)!important;
}

/* ══ IMPROVED SECTION SPACING ═══════════════════════════════ */
@media (min-width:641px){
  section{padding:5rem 0}
  #live-stats{padding:1.5rem 0 5rem}
}
@media (max-width:640px){
  section{padding:3.125rem 0}
}

/* ═══ FOOTER LEGAL COLUMN ════════════════════════════════════ */
@media (min-width:1101px){
  .footer-grid{grid-template-columns:2fr 1fr 1fr 1fr 1fr}
}

/* ── Utility ─────────────────────────────────────────────── */
.hidden{display:none!important}
.text-center{text-align:center}
.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}
.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}
.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}
.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}
.flex-between{display:flex;align-items:center;justify-content:space-between}
.w-full{width:100%}
.font-mono{font-family:ui-monospace,'Cascadia Code','Fira Code',monospace}