*, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body { font-family: 'Sora', sans-serif; background-color: #05080F; color: #CBD5E1; overflow-x: hidden; }

    /* Scrollbar */
    ::-webkit-scrollbar { width: 4px; }
    ::-webkit-scrollbar-track { background: #090D17; }
    ::-webkit-scrollbar-thumb { background: #1A2236; border-radius: 4px; }

    /* Noise overlay */
    body::before {
      content: '';
      position: fixed; inset: 0;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
      pointer-events: none; z-index: 0;
    }

    /* Glows */
    .glow-amber { box-shadow: 0 0 32px -4px rgba(245,158,11,0.5); }
    .glow-green  { box-shadow: 0 0 20px -4px rgba(16,185,129,0.4); }
    .glow-red    { box-shadow: 0 0 20px -4px rgba(244,63,94,0.4); }
    .glow-blue   { box-shadow: 0 0 20px -4px rgba(56,189,248,0.4); }

    /* Glass card */
    .card {
      background: rgba(13,18,32,0.8);
      border: 1px solid rgba(255,255,255,0.06);
      backdrop-filter: blur(16px);
    }
    .card-hover { transition: border-color 0.25s, transform 0.25s, box-shadow 0.25s; }
    .card-hover:hover { border-color: rgba(245,158,11,0.3); transform: translateY(-3px); box-shadow: 0 12px 40px -12px rgba(0,0,0,0.6); }

    /* Ticker */
    .ticker-wrap { overflow: hidden; white-space: nowrap; }
    .ticker-inner { display: inline-block; animation: ticker 32s linear infinite; }
    .ticker-inner:hover { animation-play-state: paused; }

    /* Gradient text */
    .text-gradient { background: linear-gradient(135deg, #F59E0B 0%, #FBBF24 50%, #D97706 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
    .text-gradient-blue { background: linear-gradient(135deg, #38BDF8 0%, #818CF8 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }

    /* Section separator */
    .sep { border-top: 1px solid rgba(255,255,255,0.04); }

    /* Stagger delays */
    .d1 { animation-delay: 0.05s; } .d2 { animation-delay: 0.15s; }
    .d3 { animation-delay: 0.25s; } .d4 { animation-delay: 0.35s; }
    .d5 { animation-delay: 0.45s; } .d6 { animation-delay: 0.55s; }

    /* Animated grid bg */
    .grid-bg {
      background-image:
        linear-gradient(rgba(245,158,11,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(245,158,11,0.03) 1px, transparent 1px);
      background-size: 60px 60px;
    }

    /* Mock UI card */
    .mock-card {
      background: rgba(9,13,23,0.95);
      border: 1px solid rgba(255,255,255,0.07);
      border-radius: 12px;
    }

    /* Badge */
    .badge-new     { background: rgba(56,189,248,0.12);  color: #38BDF8; border: 1px solid rgba(56,189,248,0.2);  }
    .badge-restock { background: rgba(16,185,129,0.12); color: #10B981; border: 1px solid rgba(16,185,129,0.2); }
    .badge-drop    { background: rgba(244,63,94,0.12);   color: #F43F5E; border: 1px solid rgba(244,63,94,0.2);  }

    /* Pricing highlight */
    .plan-popular { border: 1px solid rgba(245,158,11,0.4); background: rgba(245,158,11,0.04); }

    /* Scroll fade-in */
    .reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }
    .reveal.visible { opacity: 1; transform: translateY(0); }

    /* Live dot */
    @keyframes livePing { 0%,100%{opacity:1;transform:scale(1)} 50%{opacity:.5;transform:scale(1.5)} }
    .live-dot { animation: livePing 1.5s ease-in-out infinite; }