/* ═══════════════════════════════════════════════════
   INDIAGRAM — Global Stylesheet
═══════════════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&family=Space+Grotesk:wght@400;500;600;700;800&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root,
[data-theme="light"],
html:not([data-theme="dark"]) {
  /* Corporate social-commerce light palette */
  --bg:#F0F4F9;--surface:#FFFFFF;--surface2:#F5F7FA;--surface3:#EEF2F7;
  --border:#DDE3ED;--border2:#C8D2E2;
  --saffron:#FF671F;--saffron2:#FF9933;--saffron-dim:rgba(255,103,31,0.08);--saffron-glow:rgba(255,103,31,0.18);
  --green:#046A38;--teal:#1877F2;--teal-dim:rgba(24,119,242,0.08);--teal-glow:rgba(24,119,242,0.18);
  --red:#EF4444;--red-dim:rgba(239,68,68,0.08);--yellow:#F59E0B;--yellow-dim:rgba(245,158,11,0.1);
  --purple:#8B5CF6;--purple-dim:rgba(139,92,246,0.08);--blue:#1877F2;--blue-dim:rgba(24,119,242,0.08);
  --t1:#0F172A;--t2:#64748B;--t3:#94A3B8;--t4:#CBD5E1;
  --brand:#1877F2;--brand2:#25D366;
}
[data-theme="dark"],html.dark {
  --bg:#0F172A;--surface:#1E293B;--surface2:#263347;--surface3:#2D3C52;
  --border:#334155;--border2:#475569;
  --saffron:#FF671F;--saffron2:#FF9933;--saffron-dim:rgba(255,103,31,0.10);--saffron-glow:rgba(255,103,31,0.22);
  --green:#138808;--teal:#3B9EFF;--teal-dim:rgba(59,158,255,0.10);--teal-glow:rgba(59,158,255,0.22);
  --red:#F87171;--red-dim:rgba(248,113,113,0.1);--yellow:#FBBF24;--yellow-dim:rgba(251,191,36,0.1);
  --purple:#A78BFA;--purple-dim:rgba(167,139,250,0.1);--blue:#3B9EFF;--blue-dim:rgba(59,158,255,0.1);
  --t1:#F1F5F9;--t2:#94A3B8;--t3:#64748B;--t4:#475569;
  --brand:#3B9EFF;--brand2:#25D366;
}
html{scroll-behavior:smooth}
body{font-family:'Sora','Inter',sans-serif;background:var(--bg);color:var(--t1);line-height:1.6;-webkit-font-smoothing:antialiased}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--t2)}
::selection{background:var(--saffron-glow);color:var(--t1)}

.font-mono{font-family:'JetBrains Mono',monospace}
.font-display{font-family:'Space Grotesk',sans-serif}

.text-gradient-saffron{background:linear-gradient(135deg,var(--saffron),#FF9933,var(--yellow));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.text-gradient-tricolor{background:linear-gradient(90deg,var(--saffron) 0%,#ffffff 50%,var(--green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes spin-slow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.5);opacity:0}}
@keyframes scanline{0%{transform:translateY(-100%)}100%{transform:translateY(100vh)}}
@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}
@keyframes gridMove{0%{transform:translateY(0)}100%{transform:translateY(40px)}}
@keyframes countUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes borderFlow{0%,100%{border-color:var(--saffron)}50%{border-color:var(--teal)}}

.animate-blink{animation:blink 2s infinite}
.animate-float{animation:float 4s ease-in-out infinite}
.animate-spin-slow{animation:spin-slow 8s linear infinite}
.animate-fadeUp{animation:fadeUp .5s ease forwards}

.hidden{display:none!important}