@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

:root{
  --bg:#FAFBFC;
  --bg-2:#F3F4F6;
  --bg-3:#FFFFFF;
  --card-bg:rgba(255,255,255,0.85);
  --orange:#FF6B2C;
  --orange-2:#FF8F55;
  --orange-deep:#E85A1E;
  --coral:#FF4D3A;
  --peach:#FFB088;
  --gradient-main:linear-gradient(135deg,#FF6B2C,#FF4D3A);
  --gradient-soft:linear-gradient(135deg,#FF6B2C,#FF8F55);
  --gradient-glow:linear-gradient(135deg,rgba(255,107,44,0.12),rgba(255,77,58,0.08));
  --text:#0F172A;
  --text-2:#1E293B;
  --text-muted:#64748B;
  --text-dim:#94A3B8;
  --border:rgba(15,23,42,0.06);
  --border-2:rgba(15,23,42,0.1);
  --white:#FFFFFF;
  --radius:14px;
  --radius-sm:10px;
  --radius-lg:20px;
  --shadow-sm:0 1px 3px rgba(15,23,42,0.04),0 1px 2px rgba(15,23,42,0.02);
  --shadow-md:0 4px 16px rgba(15,23,42,0.06),0 2px 4px rgba(15,23,42,0.03);
  --shadow-lg:0 12px 40px rgba(15,23,42,0.08),0 4px 12px rgba(15,23,42,0.04);
  --shadow-orange:0 8px 28px rgba(255,107,44,0.22),0 4px 12px rgba(255,77,58,0.12);
  --shadow-orange-lg:0 14px 44px rgba(255,107,44,0.28),0 6px 16px rgba(255,77,58,0.15);
  --transition:0.3s cubic-bezier(0.4,0,0.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text-2);line-height:1.65;font-size:15px;overflow-x:hidden;-webkit-font-smoothing:antialiased}
@keyframes fadeUp{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}
@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}
@keyframes morphBlob{0%,100%{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}50%{border-radius:30% 60% 70% 40%/50% 60% 30% 60%}}
@keyframes glowPulse{0%,100%{box-shadow:0 0 20px rgba(255,107,44,.12),0 0 60px rgba(255,77,58,.06)}50%{box-shadow:0 0 30px rgba(255,107,44,.2),0 0 80px rgba(255,77,58,.1)}}
.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s ease,transform .8s cubic-bezier(.4,0,.2,1)}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ═ TOPBAR ═ */
.topbar{background:var(--text);color:rgba(255,255,255,.7);text-align:center;padding:10px 20px;font-size:13px;font-weight:500;position:relative;overflow:hidden;z-index:100}
.topbar::before{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:shimmer 5s ease-in-out infinite}
.topbar span{background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}
.topbar .fire{-webkit-text-fill-color:initial;animation:pulse 1.5s ease infinite}

/* ═ SECTION ═ */
.section{padding:100px 20px;position:relative;overflow:hidden}
.section-inner{max-width:800px;margin:0 auto;position:relative;z-index:2}
.section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--orange);margin-bottom:14px;display:inline-flex;align-items:center;gap:8px;padding:5px 14px 5px 10px;background:rgba(255,107,44,.06);border-radius:100px;border:.6px solid rgba(255,107,44,.12)}
.section-label::before{content:'';width:5px;height:5px;background:var(--orange);border-radius:50%;box-shadow:0 0 6px var(--orange)}
.section-title{font-size:clamp(28px,4.5vw,46px);font-weight:800;line-height:1.12;color:var(--text);margin-bottom:18px;letter-spacing:-.035em}
.section-title em{font-style:normal;background:var(--gradient-main);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.section-sub{font-size:16px;color:var(--text-muted);line-height:1.8;margin-bottom:48px;max-width:560px}
.section-divider{height:.6px;background:linear-gradient(90deg,transparent,var(--border-2),transparent);max-width:800px;margin:0 auto}

/* ═ BTN ═ */
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gradient-main);color:#fff;font-size:16px;font-weight:700;padding:16px 36px;border-radius:var(--radius);border:none;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-orange);position:relative;overflow:hidden;font-family:'Inter',sans-serif;width:100%;max-width:420px;letter-spacing:-.01em}
.btn-primary::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:translateX(-100%);transition:.6s}
.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-orange-lg)}
.btn-primary:hover::before{transform:translateX(100%)}

/* ═ STATS ═ */
.stats-row{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:30px;flex-wrap:wrap}
.stat-item{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-muted)}
.stat-icon{width:34px;height:34px;border-radius:8px;background:rgba(255,107,44,.07);border:.6px solid rgba(255,107,44,.1);display:flex;align-items:center;justify-content:center;font-size:14px}
.stat-value{font-weight:700;color:var(--text);font-size:14px}

/* ═ GLOW CARD ═ */
.glow-card{position:relative;background:var(--white);border:.6px solid var(--border-2);border-radius:var(--radius);overflow:hidden;transition:var(--transition)}
.glow-card::after{content:'';position:absolute;inset:-1px;border-radius:var(--radius);padding:.6px;background:linear-gradient(135deg,rgba(255,107,44,.25),rgba(255,77,58,.1),rgba(255,143,85,.2));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:0;transition:var(--transition)}
.glow-card:hover::after{opacity:1}
.glow-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}