*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  :root {
    --gold: #E8B84B;
    --red: #FF2D2D;
    --dark: #040404;
    --dark2: #0a0a0a;
    --dark3: #111111;
    --white: #ffffff;
    --gray: #888888;
  }
  html { scroll-behavior: smooth; }
  body {
    background: var(--dark);
    color: var(--white);
    font-family: 'DM Sans', sans-serif;
    overflow-x: hidden;
    cursor: none;
  }
  body::before {
    content: '';
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 9999;
    opacity: 0.035;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
    background-size: 200px 200px;
  }

  /* CURSOR */
  #cursor-dot { width:8px;height:8px;background:var(--gold);border-radius:50%;position:fixed;pointer-events:none;z-index:99999;transform:translate(-50%,-50%);transition:transform .1s ease,background .2s; }
  #cursor-ring { width:36px;height:36px;border:1.5px solid rgba(232,184,75,.5);border-radius:50%;position:fixed;pointer-events:none;z-index:99998;transform:translate(-50%,-50%);transition:transform .18s ease,width .2s,height .2s,border-color .2s; }

  /* NAV */
  nav {
    position: fixed;
    top:0;left:0;right:0;
    z-index:1000;
    display:flex;align-items:center;justify-content:space-between;
    padding:0 48px;height:72px;
    background:rgba(4,4,4,.92);
    backdrop-filter:blur(12px);
    border-bottom:1px solid rgba(232,184,75,.1);
  }
  .nav-logo { font-family:'Bebas Neue',sans-serif;font-size:22px;letter-spacing:2px;color:var(--white);text-decoration:none; }
  .nav-logo span { color:var(--gold); }
  .nav-links { display:flex;align-items:center;gap:36px;list-style:none; }
  .nav-links a { font-family:'Space Mono',monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gray);text-decoration:none;transition:color .2s; }
  .nav-links a:hover,.nav-links a.active { color:var(--gold); }
  .nav-cta { font-family:'Space Mono',monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--dark);background:var(--gold);border:none;padding:12px 24px;cursor:none;text-decoration:none;position:relative;overflow:hidden;transition:background .2s; }
  .nav-cta::after { content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .4s; }
  .nav-cta:hover::after { left:100%; }
  .nav-hamburger { display:none;flex-direction:column;gap:5px;cursor:none;background:none;border:none;padding:4px; }
  .nav-hamburger span { display:block;width:24px;height:2px;background:var(--white);transition:all .3s; }

  /* HERO */
  .hero {
    position:relative;
    padding:160px 48px 120px;
    min-height:70vh;
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;
    text-align:center;
  }
  .hero-grid {
    position:absolute;inset:0;
    pointer-events:none;
    overflow:hidden;
  }
  .hero-grid svg { width:100%;height:100%; }
  .grid-line {
    stroke:rgba(232,184,75,0.08);
    stroke-width:1;
    animation:grid-pulse 3s ease-in-out infinite;
  }
  .grid-line:nth-child(odd) { animation-delay:0.5s; }
  @keyframes grid-pulse { 0%,100%{stroke-opacity:.05} 50%{stroke-opacity:.2} }

  .hero-content { position:relative;z-index:2;max-width:1000px; }
  .hero-badge { display:inline-flex;align-items:center;gap:8px;font-family:'Space Mono',monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--red);border:1px solid rgba(255,45,45,.3);padding:8px 20px;margin-bottom:40px; }
  .hero-headline { font-family:'Bebas Neue',sans-serif;font-size:clamp(48px,8vw,110px);line-height:.9;letter-spacing:2px;margin-bottom:32px; }
  .hero-headline .solid { color:var(--white); }
  .hero-headline .outline { -webkit-text-stroke:2px var(--white);color:transparent; }
  .hero-headline .gold { color:var(--gold); }
  .hero-headline .gold-outline { -webkit-text-stroke:2px var(--gold);color:transparent; }
  .hero-sub { font-size:17px;color:var(--gray);max-width:600px;margin:0 auto;line-height:1.7; }

  /* SECTIONS */
  .container { max-width:1300px;margin:0 auto; }
  section { padding:100px 48px; }
  .section-label { font-family:'Space Mono',monospace;font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--gold);margin-bottom:24px;display:flex;align-items:center;gap:12px; }
  .section-label::before { content:'';display:block;width:0;height:1px;background:var(--gold);transition:width 1s ease; }
  .section-label.in-view::before { width:32px; }
  .section-title { font-family:'Bebas Neue',sans-serif;font-size:clamp(40px,5vw,72px);line-height:.95;letter-spacing:1px;margin-bottom:24px; }
  .section-title .outline { -webkit-text-stroke:2px var(--white);color:transparent; }
  .section-title .gold { color:var(--gold); }
  .fade-up { opacity:0;transform:translateY(40px);transition:opacity .7s ease,transform .7s ease; }
  .fade-up.in-view { opacity:1;transform:translateY(0); }

  /* CHANNEL SECTIONS */
  .channel-section {
    border-top:1px solid rgba(255,255,255,.06);
    padding:80px 48px;
  }
  .channel-section:nth-child(even) { background:var(--dark2); }
  .channel-inner { max-width:1300px;margin:0 auto;display:grid;grid-template-columns:1fr 360px;gap:80px;align-items:start; }
  .channel-badge {
    font-family:'Space Mono',monospace;font-size:11px;letter-spacing:3px;text-transform:uppercase;
    padding:6px 16px;border:1px solid;display:inline-block;margin-bottom:24px;
  }
  .channel-name { font-family:'Bebas Neue',sans-serif;font-size:clamp(48px,6vw,80px);line-height:.9;letter-spacing:2px;margin-bottom:24px; }
  .channel-desc { font-size:16px;color:var(--gray);line-height:1.8;margin-bottom:32px;max-width:600px; }
  .how-it-works h3 { font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:2px;color:var(--gold);margin-bottom:16px; }
  .how-it-works ul { list-style:none;margin-bottom:32px; }
  .how-it-works ul li { font-size:14px;color:var(--gray);line-height:1.7;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:flex-start;gap:12px; }
  .how-it-works ul li::before { content:'→';color:var(--gold);flex-shrink:0;margin-top:2px; }
  .use-cases h3 { font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:2px;color:var(--gold);margin-bottom:16px; }
  .tag-list { display:flex;flex-wrap:wrap;gap:8px;margin-bottom:32px; }
  .tag { font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;padding:6px 14px;border:1px solid rgba(255,255,255,.15);color:var(--gray); }

  /* CHANNEL SIDEBAR */
  .channel-sidebar { position:sticky;top:100px; }
  .pricing-card {
    background:var(--dark3);
    border:1px solid rgba(255,255,255,.08);
    padding:32px;
    margin-bottom:20px;
  }
  .pricing-card h4 { font-family:'Space Mono',monospace;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:20px; }
  .metric-row { display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05); }
  .metric-row:last-child { border-bottom:none; }
  .metric-key { font-family:'Space Mono',monospace;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--gray); }
  .metric-val { font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:1px;color:var(--white); }
  .pricing-model {
    background:var(--gold);
    padding:16px 24px;
    display:flex;align-items:center;justify-content:space-between;
  }
  .pricing-model span:first-child { font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--dark); }
  .pricing-model span:last-child { font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:2px;color:var(--dark); }

  /* DASHBOARD */
  #dashboard {
    background:var(--dark2);
    border-top:1px solid rgba(255,255,255,.06);
    padding:100px 48px;
  }
  .dashboard-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;
    margin-top:48px;
  }
  .chart-card {
    background:var(--dark3);
    border:1px solid rgba(255,255,255,.06);
    padding:32px;
    position:relative;
    overflow:hidden;
  }
  .chart-card::before {
    content:'';
    position:absolute;
    top:0;left:0;right:0;
    height:2px;
    background:linear-gradient(90deg,var(--gold),transparent);
  }
  .chart-card h3 {
    font-family:'Space Mono',monospace;font-size:11px;letter-spacing:3px;text-transform:uppercase;
    color:var(--gold);margin-bottom:8px;
  }
  .chart-card .chart-sub {
    font-size:13px;color:var(--gray);margin-bottom:24px;
  }
  .chart-card.full-width { grid-column:1/-1; }
  .chart-wrap { height:280px;position:relative; }
  .live-badge {
    position:absolute;top:32px;right:32px;
    font-family:'Space Mono',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;
    color:var(--red);display:flex;align-items:center;gap:6px;
  }
  .live-dot {
    width:6px;height:6px;background:var(--red);border-radius:50%;
    animation:live-blink 1s infinite;
  }
  @keyframes live-blink { 0%,100%{opacity:1} 50%{opacity:.2} }

  /* FUNNEL */
  .funnel-section { max-width:1300px;margin:0 auto; }
  .funnel-grid { display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:48px; }
  .funnel-wrap { position:relative; }
  .funnel-title { font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:2px;color:var(--gold);margin-bottom:32px; }
  .funnel-stage {
    position:relative;
    margin-bottom:4px;
    display:flex;align-items:center;
    transition:transform .2s;
  }
  .funnel-stage:hover { transform:translateX(4px); }
  .funnel-bar {
    height:56px;
    display:flex;align-items:center;
    padding:0 24px;
    position:relative;
    overflow:hidden;
  }
  .funnel-bar::after {
    content:'';
    position:absolute;inset:0;
    background:linear-gradient(90deg,rgba(255,255,255,.05),transparent);
  }
  .funnel-label { font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:2px;color:var(--white);position:relative;z-index:2; }
  .funnel-pct { font-family:'Space Mono',monospace;font-size:12px;letter-spacing:1px;color:var(--gold);margin-left:auto;position:relative;z-index:2; }
  .funnel-fill {
    width:0%;
    transition:width 1.5s ease;
    border-radius:0;
  }
  .funnel-stage.in-view .funnel-fill { }

  /* GOOGLE FLOW */
  .flow-diagram { background:var(--dark3);border:1px solid rgba(255,255,255,.06);padding:40px;margin-top:16px; }
  .flow-title { font-family:'Bebas Neue',sans-serif;font-size:28px;letter-spacing:2px;color:var(--gold);margin-bottom:32px; }
  .flow-steps { display:flex;align-items:center;gap:0;flex-wrap:wrap;justify-content:center; }
  .flow-step {
    text-align:center;
    background:rgba(232,184,75,.06);
    border:1px solid rgba(232,184,75,.2);
    padding:20px 24px;
    min-width:130px;
    position:relative;
  }
  .flow-step-icon { font-size:24px;margin-bottom:8px; }
  .flow-step-name { font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:2px;color:var(--white); }
  .flow-step-detail { font-family:'Space Mono',monospace;font-size:10px;letter-spacing:1px;color:var(--gray);margin-top:4px; }
  .flow-arrow {
    font-size:20px;
    color:var(--gold);
    padding:0 8px;
    animation:arrow-pulse 1.5s ease-in-out infinite;
  }
  .flow-arrow:nth-child(2) { animation-delay:.3s; }
  .flow-arrow:nth-child(4) { animation-delay:.6s; }
  .flow-arrow:nth-child(6) { animation-delay:.9s; }
  @keyframes arrow-pulse { 0%,100%{opacity:.4;transform:translateX(0)} 50%{opacity:1;transform:translateX(4px)} }

  /* COMPARISON TABLE */
  .comparison-table { width:100%;border-collapse:collapse;margin-top:48px; }
  .comparison-table thead tr { background:var(--gold); }
  .comparison-table thead th { font-family:'Space Mono',monospace;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--dark);padding:18px 24px;text-align:left; }
  .comparison-table tbody tr { border-bottom:1px solid rgba(255,255,255,.04);transition:background .2s; }
  .comparison-table tbody tr:nth-child(even) { background:rgba(255,255,255,.02); }
  .comparison-table tbody tr:hover { background:rgba(232,184,75,.05); }
  .comparison-table tbody td { padding:16px 24px;font-size:14px;color:var(--gray); }
  .comparison-table tbody td:first-child { font-family:'Bebas Neue',sans-serif;font-size:20px;letter-spacing:1px;color:var(--white); }
  .td-roas { font-family:'Space Mono',monospace;color:var(--gold) !important; }

  /* FOOTER */
  footer { background:var(--dark2);border-top:1px solid rgba(255,255,255,.06);padding:60px 48px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px; }
  .footer-logo { font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:2px;color:var(--white);margin-bottom:16px; }
  .footer-logo span { color:var(--gold); }
  .footer-tagline { font-size:14px;color:var(--gray);line-height:1.7;max-width:280px; }
  .footer-col h4 { font-family:'Space Mono',monospace;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:20px; }
  .footer-col ul { list-style:none; }
  .footer-col ul li { font-size:14px;color:var(--gray);margin-bottom:10px; }
  .footer-col ul li a { color:var(--gray);text-decoration:none;transition:color .2s; }
  .footer-col ul li a:hover { color:var(--gold); }
  .footer-bottom { border-top:1px solid rgba(255,255,255,.06);padding:24px 48px;display:flex;align-items:center;justify-content:space-between;background:var(--dark2); }
  .footer-bottom p { font-family:'Space Mono',monospace;font-size:11px;letter-spacing:1px;color:rgba(255,255,255,.2);text-transform:uppercase; }

  .btn-primary { font-family:'Space Mono',monospace;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--dark);background:var(--gold);padding:18px 40px;text-decoration:none;cursor:none;position:relative;overflow:hidden;transition:transform .2s;display:inline-block; }
  .btn-primary::after { content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s; }
  .btn-primary:hover::after { left:100%; }
  .btn-primary:hover { transform:translateY(-2px); }

  /* MOBILE */
  @media(max-width:900px) {
    nav { padding:0 24px; }
    .nav-links { display:none;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:rgba(4,4,4,.98);padding:24px;gap:24px;border-bottom:1px solid rgba(232,184,75,.1); }
    .nav-links.open { display:flex; }
    .nav-cta { display:none; }
    .nav-hamburger { display:flex; }
    section,.channel-section,#dashboard { padding:60px 24px; }
    .channel-inner { grid-template-columns:1fr; }
    .channel-sidebar { position:static; }
    .dashboard-grid { grid-template-columns:1fr; }
    .chart-card.full-width { grid-column:1; }
    .funnel-grid { grid-template-columns:1fr; }
    .flow-steps { gap:0; }
    footer { grid-template-columns:1fr;gap:32px; }
    .footer-bottom { flex-direction:column;gap:12px;text-align:center;padding:24px; }
    .hero { padding:120px 24px 80px; }
    .comparison-table thead th,.comparison-table tbody td { padding:12px 16px; }
  }