:root{
    --ink:#0A0E12;
    --surface:#12181F;
    --surface-2:#171E26;
    --line:#232B35;
    --turf:#C8FF4D;
    --turf-dim:#8FB338;
    --signal:#7C5CFF;
    --flare:#FF5A36;
    --text:#F3F6F1;
    --text-muted:#8D97A3;
    --text-faint:#5B6470;
    --radius:14px;
    --maxw:1240px;
  }

  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--ink);
    color:var(--text);
    font-family:'Inter',system-ui,-apple-system,sans-serif;
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  img,video{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}
  ul{list-style:none;}
  button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit;}

  .eyebrow{
    font-family:'JetBrains Mono',monospace;
    font-size:11px;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
  }
  h1,h2,h3,.display{
    font-family:'Bebas Neue',sans-serif;
    font-weight:400;
    letter-spacing:.01em;
    line-height:0.95;
    text-transform:uppercase;
  }
  .mono{font-family:'JetBrains Mono',monospace;}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
  .accent-turf{color:var(--turf);}
  .accent-signal{color:var(--signal);}
  .accent-flare{color:var(--flare);}

  /* ============ SKIP LINK / ACCESSIBILITY ============ */
  .skip-link{
    position:absolute;left:-999px;top:0;background:var(--turf);color:var(--ink);
    padding:10px 16px;z-index:200;font-weight:700;
  }
  .skip-link:focus{left:12px;top:12px;}
  :focus-visible{outline:2px solid var(--turf);outline-offset:3px;}

  /* ============ HEADER ============ */
  header{
    position:fixed;top:0;left:0;right:0;z-index:100;
    padding:20px 0;
    transition:background .3s ease, padding .3s ease, border-color .3s ease;
    border-bottom:1px solid transparent;
  }
  header.solid{
    background:rgba(10,14,18,.86);
    backdrop-filter:blur(10px);
    padding:14px 0;
    border-bottom-color:var(--line);
  }
  header .wrap{display:flex;align-items:center;justify-content:space-between;}
  .logo{display:flex;align-items:center;gap:10px;font-family:'Bebas Neue',sans-serif;font-size:24px;letter-spacing:.03em;}
  .logo-mark{
    width:34px;height:34px;border-radius:8px;
    background:linear-gradient(135deg,var(--turf),var(--signal));
    display:flex;align-items:center;justify-content:center;
    font-family:'JetBrains Mono',monospace;font-weight:700;color:var(--ink);font-size:14px;
    flex-shrink:0;
  }
  nav.primary-nav{display:flex;gap:34px;align-items:center;}
  nav.primary-nav a{
    font-size:14px;font-weight:600;color:var(--text-muted);
    position:relative;padding:6px 0;transition:color .2s;
  }
  nav.primary-nav a:hover{color:var(--text);}
  nav.primary-nav a::after{
    content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--turf);
    transition:width .25s ease;
  }
  nav.primary-nav a:hover::after{width:100%;}
  .header-actions{display:flex;align-items:center;gap:18px;}
  .lang-switcher {
    display:flex; gap:8px; font-family:'JetBrains Mono',monospace; font-size:12px; font-weight:700;
  }
  .lang-switcher a { color:var(--text-muted); transition:color .2s; }
  .lang-switcher a.active { color:var(--turf); }
  .lang-switcher a:hover { color:var(--text); }
  .lang-divider { color:var(--line); }
  .icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:color .2s;}
  .icon-btn:hover{color:var(--text);}
  .btn-menu{display:none;}

  /* ============ HERO & ENHANCED VIDEO BACKGROUND ============ */
  .hero{
    position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;
    overflow:hidden;padding-top:120px;
  }
  .hero-media{
    position:absolute;inset:0;z-index:0;
    /* Added a very attractive vibrant animated gradient overlay to mix with the video */
    background:
      radial-gradient(circle at 80% 20%, rgba(124,92,255, 0.4), transparent 50%),
      radial-gradient(circle at 20% 80%, rgba(200,255,77, 0.25), transparent 50%),
      linear-gradient(180deg, rgba(10,14,18,0.3) 0%, #0A0E12 95%);
    animation: pulse-bg 8s ease-in-out infinite alternate;
  }
  @keyframes pulse-bg {
    0% { filter: hue-rotate(0deg); }
    100% { filter: hue-rotate(15deg); }
  }
  
  .hero-media video{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
    opacity:0.6; mix-blend-mode: color-dodge; /* Makes the bright parts of the video pop out in color */
  }
  
  .scanline{
    position:absolute;inset:0;z-index:1;pointer-events:none;
    background:repeating-linear-gradient(to bottom, rgba(255,255,255,.015) 0px, rgba(255,255,255,.015) 1px, transparent 1px, transparent 3px);
  }
  
  /* Cyber Grid Effect on the floor */
  .cyber-grid {
    position: absolute; bottom: 0; left: 0; right: 0; height: 40vh; z-index: 1; pointer-events: none;
    background: 
      linear-gradient(transparent 0%, rgba(200,255,77,0.1) 2%, transparent 3%),
      linear-gradient(90deg, transparent 0%, rgba(124,92,255,0.05) 2%, transparent 3%);
    background-size: 60px 30px;
    transform: perspective(500px) rotateX(60deg) translateY(100px) translateZ(-200px);
    animation: grid-move 5s linear infinite;
    mask-image: linear-gradient(to top, rgba(0,0,0,1), transparent);
    -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1), transparent);
  }
  @keyframes grid-move {
    0% { background-position: 0 0; }
    100% { background-position: 0 30px; }
  }

  .hero-sweep{
    position:absolute;top:0;bottom:0;width:2px;z-index:1;pointer-events:none;
    background:linear-gradient(to bottom, transparent, rgba(200,255,77,.8), transparent);
    filter:blur(1px);
    animation:sweep 5s linear infinite;
  }
  @keyframes sweep{
    0%{left:-5%;opacity:0;} 10%{opacity:1;} 50%{left:105%;opacity:1;} 60%{opacity:0;} 100%{left:105%;opacity:0;}
  }

  .data-chip{
    position:absolute;z-index:2;
    font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;
    background:rgba(18,24,31,.75);backdrop-filter:blur(6px);
    border:1px solid var(--line);border-radius:8px;padding:8px 12px;
    color:var(--text-muted);
    animation:float 6s ease-in-out infinite;
    box-shadow: 0 0 15px rgba(200,255,77,0.1);
  }
  .data-chip .val{color:var(--turf);font-weight:700;}
  .data-chip.c1{top:22%;right:9%;animation-delay:0s;}
  .data-chip.c2{top:40%;right:22%;animation-delay:1.2s;}
  .data-chip.c3{top:15%;right:32%;animation-delay:2.4s;}
  @keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}

  .hero-content{position:relative;z-index:3;padding-bottom:64px;}
  .hero-content .eyebrow{color:var(--turf);margin-bottom:18px;display:flex;align-items:center;gap:8px;}
  .live-dot{width:7px;height:7px;border-radius:50%;background:var(--flare);animation:pulse 1.6s ease-in-out infinite; box-shadow: 0 0 8px var(--flare);}
  @keyframes pulse{0%,100%{opacity:1;}50%{opacity:.25;}}

  .hero h1{
    font-size:clamp(48px, 8.6vw, 118px);
    max-width:15ch;
    color:var(--text);
    text-shadow: 0 0 40px rgba(124,92,255,0.4);
  }
  .hero h1 em{font-style:normal;color:var(--turf); text-shadow: 0 0 30px rgba(200,255,77,0.4);}
  .hero-sub{
    margin-top:26px;font-size:18px;color:var(--text-muted);max-width:46ch;font-weight:400;
  }
  .hero-ctas{display:flex;gap:16px;margin-top:38px;flex-wrap:wrap;align-items:center;}
  .btn{
    display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:100px;
    font-size:14px;font-weight:700;letter-spacing:.02em;transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
  }
  .btn-primary{
    background:var(--turf);color:var(--ink);
    box-shadow:0 0 20px rgba(200,255,77,.2);
  }
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px -8px rgba(200,255,77,.6);}
  .btn-ghost{border:1px solid var(--line);color:var(--text); backdrop-filter: blur(4px);}
  .btn-ghost:hover{border-color:var(--turf); color:var(--turf); transform:translateY(-2px); background:rgba(200,255,77,0.05);}

  .sound-toggle{
    position:absolute;z-index:3;right:28px;bottom:120px;
    display:flex;align-items:center;gap:10px;
    background:rgba(18,24,31,.7);backdrop-filter:blur(8px);
    border:1px solid var(--line);border-radius:100px;padding:10px 16px 10px 10px;
    font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--text-muted);
    transition: all 0.3s ease;
  }
  .sound-toggle:hover{ border-color:var(--turf); color:var(--text); }
  .sound-toggle .dot{width:30px;height:30px;border-radius:50%;background:var(--surface-2);display:flex;align-items:center;justify-content:center;}

  /* ============ TICKER (signature element) ============ */
  .ticker{
    position:relative;z-index:4;
    background:var(--turf);color:var(--ink);
    border-top:1px solid rgba(0,0,0,.1);
    overflow:hidden;white-space:nowrap;
  }
  .ticker-track{
    display:inline-flex;gap:56px;padding:12px 0;
    animation:ticker 32s linear infinite;
  }
  .ticker-track span{
    font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:700;
    display:inline-flex;align-items:center;gap:10px;
  }
  @keyframes ticker{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
  .ticker:hover .ticker-track{animation-play-state:paused;}

  /* ============ SECTION SHELL ============ */
  section{padding:96px 0;}
  .section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px;gap:24px;flex-wrap:wrap;}
  .section-head .eyebrow{color:var(--signal);margin-bottom:10px;}
  .section-head h2{font-size:clamp(30px,4vw,46px);}
  .section-link{font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:700;color:var(--text-muted);border-bottom:1px solid var(--line);padding-bottom:2px;white-space:nowrap; transition: all 0.2s;}
  .section-link:hover{color:var(--turf);border-color:var(--turf); padding-bottom: 4px;}

  /* ============ REVEAL ANIM ============ */
  .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease, transform .6s ease;}
  .reveal.in{opacity:1;transform:translateY(0);}

  /* ============ FEATURED BENTO GRID ============ */
  .bento{
    display:grid;grid-template-columns:repeat(6,1fr);gap:20px;
  }
  .card{
    background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);
    overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s ease, transform .25s ease, box-shadow .25s ease;
  }
  .card:hover{border-color:var(--signal);transform:translateY(-3px); box-shadow: 0 10px 40px -10px rgba(124,92,255,0.15);}
  .card-media{
    position:relative;aspect-ratio:16/10;overflow:hidden;
  }
  .card.card-lg .card-media{aspect-ratio:16/9; flex:1;}
  .tone-1 .card-media{background:linear-gradient(135deg,#1d2a1a,#0e1410 60%,#12181f);}
  .tone-2 .card-media{background:linear-gradient(135deg,#20182f,#12181f 60%);}
  .tone-3 .card-media{background:linear-gradient(135deg,#2a1c14,#12181f 60%);}
  .tone-4 .card-media{background:linear-gradient(135deg,#142229,#12181f 60%);}
  .card-media::after{
    content:"";position:absolute;inset:0;
    background:repeating-linear-gradient(115deg, rgba(255,255,255,.035) 0 2px, transparent 2px 26px);
  }
  .tag{
    position:absolute;top:14px;left:14px;z-index:2;
    font-family:'JetBrains Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
    padding:6px 10px;border-radius:100px;backdrop-filter:blur(6px);
  }
  .tag-ia{background:rgba(124,92,255,.18);color:#B8A6FF;border:1px solid rgba(124,92,255,.35);}
  .tag-perf{background:rgba(200,255,77,.14);color:var(--turf);border:1px solid rgba(200,255,77,.3);}
  .tag-biz{background:rgba(255,90,54,.15);color:#FF8F6F;border:1px solid rgba(255,90,54,.32);}
  .tag-arb{background:rgba(255,255,255,.08);color:var(--text-muted);border:1px solid var(--line);}
  .tag-ad{background:rgba(255,255,255,.06);color:var(--text-faint);border:1px solid var(--line);}

  .card-body{padding:22px;display:flex;flex-direction:column;gap:12px;flex:1;}
  .card h3{font-family:'Inter',sans-serif;font-weight:700;text-transform:none;letter-spacing:0;line-height:1.25;font-size:17px; transition: color 0.2s;}
  .card:hover h3{color:var(--turf);}
  .card.card-lg h3{font-size:26px;}
  .card p{color:var(--text-muted);font-size:14px;line-height:1.55;}
  .byline{
    margin-top:auto;padding-top:12px;display:flex;align-items:center;gap:10px;
    font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--text-faint);
    border-top:1px solid var(--line);
  }
  .avatar{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--signal),var(--turf));flex-shrink:0;}

  .card.c-a{grid-column:span 4; grid-row:span 2;}
  .card.c-b{grid-column:span 2;}
  .card.c-c{grid-column:span 2;}
  .card.c-d{grid-column:span 3;}
  .card.c-e{grid-column:span 3;}

  .ad-tile{
    grid-column:span 6;display:flex;align-items:center;gap:20px;padding:20px 24px;
    background:var(--surface-2);border:1px dashed var(--line);border-radius:var(--radius);
  }
  .ad-tile .ad-box{
    width:120px;height:70px;flex-shrink:0;border-radius:8px;background:var(--surface);
    display:flex;align-items:center;justify-content:center;color:var(--text-faint);
    font-family:'JetBrains Mono',monospace;font-size:10px;text-align:center;border:1px solid var(--line);
  }
  .ad-tile .ad-label{
    font-family:'JetBrains Mono',monospace;font-size:9px;color:var(--text-faint);
    text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px;display:block;
  }
  .ad-tile p{color:var(--text-faint);font-size:12px;}

  /* ============ STATS STRIP ============ */
  .stats{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line); position: relative; overflow: hidden;}
  .stats::before {
    content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px;
    background: linear-gradient(90deg, transparent, var(--turf), transparent); opacity: 0.5;
  }
  .stats-grid{display:grid;grid-template-columns:repeat(4,1fr); position: relative; z-index: 2;}
  .stat{padding:40px 28px;border-left:1px solid var(--line); transition: background 0.3s;}
  .stat:hover{background: var(--surface-2);}
  .stat:first-child{border-left:none;}
  .stat .num{font-family:'Bebas Neue',sans-serif;font-size:52px;color:var(--turf);line-height:1; text-shadow: 0 0 15px rgba(200,255,77,0.2);}
  .stat .label{margin-top:10px;color:var(--text-muted);font-size:13px;max-width:22ch;}

  /* ============ NEWSLETTER ============ */
  .newsletter{
    background:linear-gradient(135deg, var(--surface) 0%, #171224 100%);
    border:1px solid var(--line);border-radius:24px;
    padding:64px;display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap;
    position:relative;overflow:hidden;
  }
  .newsletter::before{
    content:"";position:absolute;width:340px;height:340px;border-radius:50%;
    background:radial-gradient(circle, rgba(124,92,255,.25), transparent 70%);
    top:-140px;right:-100px;
    animation: pulse-bg 4s infinite alternate;
  }
  .newsletter-copy{position:relative;z-index:1;max-width:480px;}
  .newsletter h2{font-size:clamp(28px,3.4vw,42px);}
  .newsletter p{color:var(--text-muted);margin-top:14px;font-size:15px;}
  .newsletter-form{position:relative;z-index:1;display:flex;gap:10px;flex-wrap:wrap;}
  .newsletter-form input{
    background:var(--ink);border:1px solid var(--line);border-radius:100px;
    padding:15px 20px;color:var(--text);font-size:14px;width:280px;max-width:100%;
    transition: all 0.3s;
  }
  .newsletter-form input:focus{border-color:var(--turf);outline:none; box-shadow: 0 0 0 3px rgba(200,255,77,0.2);}

  /* ============ FOOTER ============ */
  footer{border-top:1px solid var(--line);padding:72px 0 32px;}
  .footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:40px;padding-bottom:48px;}
  .footer-brand p{color:var(--text-muted);font-size:13px;margin-top:14px;max-width:32ch;}
  .footer-col h5{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);margin-bottom:16px;}
  .footer-col a{display:block;color:var(--text-muted);font-size:14px;padding:6px 0;transition:color .2s;}
  .footer-col a:hover{color:var(--turf); transform: translateX(3px);}
  .footer-bottom{
    border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;
    align-items:center;flex-wrap:wrap;gap:14px;font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--text-faint);
  }
  .socials{display:flex;gap:14px;}
  .socials a{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted); transition: all 0.2s;}
  .socials a:hover{border-color:var(--turf);color:var(--ink); background: var(--turf); transform: scale(1.1);}

  /* ============ CMP / COOKIE BANNER ============ */
  .cmp{
    position:fixed;left:20px;right:20px;bottom:20px;z-index:300;max-width:640px;
    background:var(--surface);border:1px solid var(--line);border-radius:16px;
    padding:22px 24px;box-shadow:0 20px 60px -20px rgba(0,0,0,.6);
    transform:translateY(140%);opacity:0;transition:transform .5s ease, opacity .5s ease;
  }
  .cmp.show{transform:translateY(0);opacity:1;}
  .cmp p{font-size:12.5px;color:var(--text-muted);line-height:1.6;}
  .cmp a{color:var(--turf);border-bottom:1px solid rgba(200,255,77,.4);}
  .cmp-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap;}
  .cmp-btn{font-size:12px;font-weight:700;padding:10px 16px;border-radius:100px; cursor: pointer; transition: all 0.2s;}
  .cmp-accept{background:var(--turf);color:var(--ink);}
  .cmp-accept:hover{box-shadow: 0 0 15px rgba(200,255,77,0.4);}
  .cmp-reject{border:1px solid var(--line);color:var(--text-muted); background: transparent;}
  .cmp-reject:hover{color: var(--text); border-color: var(--text-muted);}
  .cmp-settings{color:var(--text-faint);text-decoration:underline;font-size:12px;padding:10px 4px; background: transparent; border: none;}

  /* ============ RESPONSIVE ============ */
  @media (max-width:980px){
    nav.primary-nav{display:none;}
    .btn-menu{display:flex;}
    .bento{grid-template-columns:repeat(2,1fr);}
    .card.c-a,.card.c-b,.card.c-c,.card.c-d,.card.c-e{grid-column:span 2;}
    .card.c-a{grid-row:auto;}
    .stats-grid{grid-template-columns:repeat(2,1fr);}
    .stat:nth-child(3){border-left:none;}
    .footer-grid{grid-template-columns:1fr 1fr;}
    .newsletter{padding:40px 28px;}
    .sound-toggle{bottom:96px;right:16px;}
  }
  @media (max-width:560px){
    .footer-grid{grid-template-columns:1fr;}
    .stats-grid{grid-template-columns:1fr;}
    .stat{border-left:none;border-top:1px solid var(--line);}
    .stat:first-child{border-top:none;}
    .hero-ctas{flex-direction:column;align-items:stretch;}
    .btn{justify-content:center;}
  }

  @media (prefers-reduced-motion: reduce){
    *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important;}
  }

  /* ============ ARTICLE & EXTRA STYLES ============ */
  .article-hero img { width:100%; height:100%; object-fit:cover; }
  .article-hero::after { content:''; position:absolute; inset:0; background:linear-gradient(to bottom, rgba(10,14,18,0.2) 0%, rgba(10,14,18,1) 100%); pointer-events: none;}
  .article-hero .hero-tag { display:inline-block; background:var(--turf); color:var(--ink); font-size:12px; font-family:'JetBrains Mono',monospace; font-weight:700; padding:6px 14px; border-radius:100px; text-transform:uppercase; letter-spacing:1px; margin-bottom:1rem; box-shadow: 0 0 15px rgba(200,255,77,0.2); }
  .article-hero h1 { font-family:'Bebas Neue',sans-serif; font-size:clamp(2.5rem,6vw,5rem); line-height:1.05; color:var(--text); margin-bottom:1rem; letter-spacing: .02em; text-shadow: 0 0 30px rgba(0,0,0,0.8); }
  .article-hero .meta { display:flex; flex-wrap:wrap; gap:1.5rem; color:var(--text-muted); font-size:12px; font-family:'JetBrains Mono',monospace; }
  
  .container { max-width:860px; margin:3rem auto 3rem; padding:0 28px; }
  .breadcrumb { font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--text-faint); margin-bottom:2rem; }
  .breadcrumb a { color:var(--text-muted); transition:color .2s; }
  .breadcrumb a:hover { color:var(--turf); }
  .article-header { margin-bottom: 3rem; }
  .article-header h1 { font-family:'Bebas Neue',sans-serif; font-size:clamp(36px, 5vw, 64px); line-height:1.1; margin:1rem 0; text-transform:uppercase; color:var(--text); letter-spacing:.02em;}
  .article-meta { display:flex; gap:1.5rem; color:var(--text-faint); font-family:'JetBrains Mono',monospace; font-size:11px; }
  
  .container h2 { font-family:'Bebas Neue',sans-serif; font-size:36px; color:var(--turf); margin:4rem 0 1.5rem; text-transform:uppercase; letter-spacing:.01em; line-height:1.1;}
  .container h3 { font-family:'Inter',sans-serif; font-size:22px; font-weight:700; margin:2rem 0 1rem; color:var(--text); }
  .container p { margin-bottom:1.5rem; font-size:17px; line-height:1.75; color:var(--text-muted); }
  .container ul { list-style:disc; margin-left:2rem; margin-bottom:1.5rem; color:var(--text-muted); font-size:17px; line-height:1.75; }
  .container li { margin-bottom:0.5rem; }
  .pull-quote { border-left:4px solid var(--signal); padding:1.5rem 2rem; margin:3rem 0; font-size:22px; font-style:italic; color:var(--text); background:rgba(124,92,255,0.05); border-radius:0 12px 12px 0; }
  .adsense-slot { text-align:center; margin:3rem 0; padding:1.5rem; background:var(--surface-2); border-radius:12px; border:1px solid var(--line); min-height:120px; display:flex; flex-direction:column; align-items:center; justify-content:center; }
  .affiliate-box { background:var(--surface); border:1px solid var(--turf); border-radius:16px; padding:2rem; margin:3rem 0; display:grid; grid-template-columns:auto 1fr; gap:2rem; align-items:center; }
  .affiliate-box h3 { color:var(--text); margin:0 0 0.5rem; font-size:24px; text-transform:none; font-family:'Bebas Neue',sans-serif; letter-spacing:.02em;}
  .affiliate-box p { font-size:15px; margin-bottom:1.5rem; color:var(--text-muted); }
  .btn-affiliate { display:inline-flex; background:var(--turf); color:var(--ink); font-weight:700; padding:12px 24px; border-radius:100px; text-decoration:none; font-size:14px; transition:0.3s; font-family:'Inter',sans-serif; }
  .btn-affiliate:hover { background:var(--text); transform:translateY(-2px); box-shadow:0 10px 20px -10px rgba(200,255,77,0.4); }
  .related-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(250px, 1fr)); gap:1.5rem; margin:3rem 0; }
  .related-card { background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:1.5rem; text-decoration:none; transition:0.3s; display:flex; flex-direction:column; }
  .related-card:hover { border-color:var(--turf); transform:translateY(-4px); box-shadow:0 10px 30px -10px rgba(200,255,77,0.1); }
  .related-card h4 { color:var(--text); font-family:'Inter',sans-serif; font-size:16px; font-weight:700; margin-bottom:0.75rem; line-height:1.4; }
  .related-card span { color:var(--text-faint); font-family:'JetBrains Mono',monospace; font-size:11px; margin-top:auto; }
  
  @media(max-width:768px) {
    .container { margin-top: 5rem; }
    .affiliate-box { grid-template-columns:1fr; text-align:center; }
    .article-header h1 { font-size:clamp(28px, 8vw, 42px); }
  }