*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --black: #050505;
      --ink: #15120f;
      --white: #f8f7f4;
      --accent: #ff7a1a;
      --accent-dim: #e45612;
      --accent-hot: #ff3d00;
      --accent-soft: #ffb23f;
      --accent-rgb: 255, 122, 26;
      --accent-hot-rgb: 255, 61, 0;
      --accent-gradient: linear-gradient(135deg, #ffb23f 0%, #ff7a1a 48%, #ff3d00 100%);
      --gray-900: #111111;
      --gray-800: #1a1a1a;
      --gray-700: #2a2a2a;
      --gray-500: #6b6b6b;
      --gray-300: #c0bdb7;
      --gray-100: #edecea;
      --light: #f4f3f0;
      --light-muted: #e9e7e2;
      --card-light: #ffffff;
      --radius-sm: 6px;
      --radius-md: 8px;
      --font-display: 'Sora', sans-serif;
      --font-body: 'DM Sans', sans-serif;
      --max: 1200px;
      --section-pad: clamp(80px, 10vw, 140px) clamp(20px, 5vw, 60px);
    }

    html {
      scroll-behavior: smooth;
      scroll-padding-top: 88px;
    }

    body {
      background: var(--black);
      color: var(--white);
      font-family: var(--font-body);
      font-size: 16px;
      line-height: 1.6;
      overflow-x: hidden;
    }

    ::selection { background: var(--accent); color: var(--black); }

    /* ─── SCROLLBAR ─── */
    ::-webkit-scrollbar { width: 4px; }
    ::-webkit-scrollbar-track { background: var(--black); }
    ::-webkit-scrollbar-thumb { background: var(--accent); border-radius: 2px; }

    /* ─── SECTIONS ─── */
    section { padding: var(--section-pad); }
    .container { max-width: var(--max); margin: 0 auto; width: 100%; }

    .section-label {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 3px;
      text-transform: uppercase;
      color: var(--accent);
      margin-bottom: 20px;
    }
    .section-label::before {
      content: '';
      width: 24px;
      height: 1px;
      background: var(--accent);
    }

    .section-title {
      font-family: var(--font-display);
      font-size: clamp(32px, 4.2vw, 52px);
      font-weight: 800;
      letter-spacing: 0;
      line-height: 1.08;
      text-transform: uppercase;
      margin-bottom: 24px;
    }

    .section-desc {
      font-size: 16px;
      font-weight: 300;
      color: var(--gray-300);
      line-height: 1.75;
      max-width: 520px;
    }

    /* ─── ANIMATIONS ─── */
    @keyframes fadeUp {
      from { transform: translateY(30px); }
      to { transform: translateY(0); }
    }
    @keyframes fadeLeft {
      from { transform: translateX(30px); }
      to { transform: translateX(0); }
    }
    @keyframes marquee {
      from { transform: translateX(0); }
      to { transform: translateX(-50%); }
    }
    @keyframes clientsMarquee {
      from { transform: translateX(0); }
      to { transform: translateX(-50%); }
    }
    @keyframes droneRise {
      0% { opacity: 0.78; transform: translate3d(0, 120px, 0) scale(0.9) rotate(-4deg); }
      64% { opacity: 0.86; transform: translate3d(-22px, -130px, 0) scale(1) rotate(3deg); }
      100% { opacity: 0; transform: translate3d(-42px, -300px, 0) scale(0.78) rotate(5deg); }
    }
    @keyframes rotorSpin {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
    }
    @keyframes dashboardFloat {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(-10px); }
    }
    @keyframes fillDashboardBar {
      to { width: var(--bar); }
    }
    @keyframes quizStepIn {
      from { opacity: 0; transform: translateY(12px); }
      to { opacity: 1; transform: translateY(0); }
    }

    .reveal {
      opacity: 0;
      transform: translateY(32px);
      filter: blur(8px);
      transition: opacity 0.7s ease, transform 0.7s ease, filter 0.7s ease;
    }
    .reveal.visible {
      opacity: 1;
      transform: translateY(0);
      filter: blur(0);
    }
    .scroll-rise {
      opacity: 0;
      transform: translateY(28px) scale(0.98);
      filter: blur(8px);
      transition: opacity 0.65s ease, transform 0.65s ease, filter 0.65s ease;
    }
    .scroll-rise.visible {
      opacity: 1;
      transform: translateY(0) scale(1);
      filter: blur(0);
    }
    .scroll-rise:nth-child(2n) { transition-delay: 0.06s; }
    .scroll-rise:nth-child(3n) { transition-delay: 0.12s; }
    .scroll-line {
      position: relative;
      overflow: hidden;
    }
    .scroll-line::after {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      height: 2px;
      background: var(--accent-gradient);
      transform: scaleX(0);
      transform-origin: left;
      transition: transform 0.7s ease;
    }
    .scroll-line.visible::after { transform: scaleX(1); }
    .reveal-delay-1 { transition-delay: 0.1s; }
    .reveal-delay-2 { transition-delay: 0.2s; }
    .reveal-delay-3 { transition-delay: 0.3s; }
    .reveal-delay-4 { transition-delay: 0.4s; }