:root{
    --bg:#0a0c0e;
    --panel:#14171a;
    --panel-2:#1c2024;
    --steel:#7d8489;
    --steel-2:#454b50;
    --text:#e7e5dd;
    --muted:#8b9096;
    --accent:#3fd8c4;
    --accent-2:#63e8d6;

    --db-orange:#e8562f;
    --db-orange-2:#ff7a4d;
    --db-red:#a30f0f;
    --db-cream:#eee6d2;
    --db-rust:#5c2a12;
    --db-rust-dark:#2a1206;
    --db-charcoal:#171310;

    --dm-amber:#ffb020;
    --dm-red:#d6402c;

    --sw-red:#ff2d4d;
    --sw-steel:#9aa0a5;

    --sb-gold:#c9a227;
    --sb-gold-2:#e8c968;

    --bb-amber:#c9973b;
    --bb-amber-2:#e8bd6a;

    --dl-blue:#2f7fd6;
    --dl-blue-2:#7fb3ec;

    --at-magenta:#c92f7d;
    --at-magenta-2:#e85fa8;

    --rt-copper:#b5652f;
    --rt-copper-2:#d98a55;

    --rz-red:#dd3b2e;
    --rz-red-2:#ff7a63;

    --em-steel:#9aa2a8;
    --em-steel-2:#d8dde0;

    --ks-orange:#e6720a;
    --ks-orange-2:#ffab5c;

    --iw-steel:#5a6b78;
    --iw-steel-2:#93b3c9;

    --ok-violet:#7c4fd6;
    --ok-violet-2:#ab8bee;

    --zb-green:#3a8f5c;
    --zb-green-2:#5fd98c;

    --tb-coral:#d94f68;
    --tb-coral-2:#ff8a9c;

    --mb-cyan:#2196a8;
    --mb-cyan-2:#5fd6e8;

    --st-navy:#3d5a8a;
    --st-navy-2:#7ea8e0;

    --stamp-red:#a3122a;
    --stamp-red-2:#e2455f;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth; filter:contrast(1.08) saturate(0.98);}
  body{
    margin:0;
    background:
      radial-gradient(ellipse at 20% -10%, rgba(63,216,196,0.07), transparent 40%),
      radial-gradient(ellipse at 85% 10%, rgba(163,18,42,0.05), transparent 35%),
      var(--bg);
    color:var(--text);
    font-family:'Inter',sans-serif;
    overflow-x:hidden;
  }
  body::before{
    content:"";
    position:fixed; inset:0; pointer-events:none; z-index:9998;
    opacity:0.18; mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/%3E%3C/svg%3E");
  }
  body::after{
    content:"";
    position:fixed; inset:0; pointer-events:none; z-index:9997;
    background:
      radial-gradient(ellipse at 50% 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.35) 100%),
      repeating-linear-gradient(180deg, rgba(0,0,0,0) 0px, rgba(0,0,0,0) 3px, rgba(63,216,196,0.02) 4px);
  }
  h1,h2,h3{font-family:'Oswald',sans-serif; margin:0; text-transform:uppercase; letter-spacing:0.5px;}
  a{color:inherit;}
  .wrap{max-width:1180px; margin:0 auto; padding:0 28px;}
  .mono{font-family:'Share Tech Mono',monospace;}

  /* ---------- NAV ---------- */
  nav{
    position:sticky; top:0; z-index:100;
    background:rgba(10,12,14,0.92);
    backdrop-filter:blur(6px);
    border-bottom:1px solid rgba(63,216,196,0.2);
  }
  nav .wrap{display:flex; align-items:center; justify-content:space-between; height:64px;}
  .nav-logo{font-family:'Archivo Black',sans-serif; font-size:19px; letter-spacing:1px; color:var(--accent);}
  .nav-logo span{color:var(--text);}
  .nav-links{display:flex; gap:22px; font-size:12.5px; letter-spacing:1px; text-transform:uppercase; font-weight:600; flex-wrap:wrap; justify-content:flex-end;}
  .nav-links a{text-decoration:none; color:var(--muted); transition:color .2s;}
  .nav-links a:hover{color:var(--accent-2);}
  .nav-group-label{
    font-size:10px; letter-spacing:2px; color:var(--steel); font-weight:700;
    padding-left:14px; border-left:1px solid rgba(255,255,255,0.15); display:flex; align-items:center;
  }

  @media (max-width:900px){
    nav .wrap{overflow:hidden;}
    .nav-links{
      flex-wrap:nowrap; justify-content:flex-start;
      overflow-x:auto; -webkit-overflow-scrolling:touch;
      scrollbar-width:none; -ms-overflow-style:none;
      min-width:0;
    }
    .nav-links::-webkit-scrollbar{display:none;}
    .nav-group-label{flex:0 0 auto;}
    .nav-links a{flex:0 0 auto;}
  }

  /* ---------- PLUGIN THUMBNAIL STRIP (sticky under nav) ---------- */
  .plugin-strip-wrap{
    position:sticky; top:64px; z-index:99;
    background:rgba(10,12,14,0.96); backdrop-filter:blur(6px);
    border-bottom:1px solid rgba(255,255,255,0.08);
  }
  .titlebar-croquis{
    width:100%; height:56px; overflow:hidden; pointer-events:none;
    border-bottom:1px solid rgba(255,255,255,0.05);
  }
  .titlebar-croquis .croquis-canvas{ display:block; pointer-events:none; }
  @media (max-width:640px){ .titlebar-croquis{display:none;} }
  .plugin-strip{
    display:flex; align-items:flex-start; gap:16px;
    overflow-x:auto; padding:10px 28px;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none; -ms-overflow-style:none;
  }
  .plugin-strip::-webkit-scrollbar{display:none;}
  .plugin-thumb{
    display:flex; flex-direction:column; align-items:center; gap:5px;
    text-decoration:none; flex:0 0 auto; width:56px;
  }
  .plugin-thumb-img{
    width:52px; height:52px; border-radius:6px; overflow:hidden; display:block;
    border:1px solid rgba(255,255,255,0.15); background:#000;
    transition:transform .15s ease, border-color .15s ease, box-shadow .15s ease;
  }
  .plugin-thumb-img img{width:100%; height:100%; object-fit:cover; display:block;}
  .plugin-thumb:hover .plugin-thumb-img{
    transform:translateY(-2px) scale(1.08); border-color:var(--accent);
    box-shadow:0 4px 12px rgba(0,0,0,0.5);
  }
  .plugin-thumb-label{
    font-family:'Share Tech Mono',monospace; font-size:8.5px; letter-spacing:0.5px;
    color:var(--muted); text-align:center; line-height:1.2; text-transform:uppercase;
  }
  .plugin-thumb.soon{cursor:pointer;}
  .plugin-thumb.soon .plugin-thumb-img{position:relative;}
  .plugin-thumb.soon .plugin-thumb-img::after{
    content:"SOON"; position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
    background:rgba(6,7,8,0.5); color:var(--accent-2); font-family:'Archivo Black',sans-serif;
    font-size:7.5px; letter-spacing:1px;
  }
  @media (max-width:640px){
    .plugin-thumb-label{display:none;}
    .plugin-thumb{width:52px;}
  }
  .plugin-strip-divider{width:1px; align-self:stretch; background:rgba(255,255,255,0.14); flex:0 0 auto; margin:2px 2px;}

  /* ---------- CATALOG VIEW TOGGLE + DOS TERMINAL ---------- */
  .catalog-toggle{display:flex; gap:10px; justify-content:center; margin:48px 0 0;}
  .catalog-toggle button{
    font-family:'Share Tech Mono',monospace; font-size:12px; letter-spacing:1.5px; text-transform:uppercase;
    background:transparent; border:1px solid rgba(255,255,255,0.22); color:var(--muted);
    padding:9px 18px; border-radius:4px; cursor:pointer; transition:all .15s;
  }
  .catalog-toggle button.active{border-color:var(--accent-2); color:var(--accent-2); background:rgba(63,216,196,0.08);}
  .catalog-toggle button:hover{color:var(--accent-2);}

  .dos-terminal{
    display:none;
    background:#050705; border:1px solid rgba(63,216,196,0.25); border-radius:6px;
    padding:26px 28px; margin:28px auto 60px; max-width:1040px;
    font-family:'Share Tech Mono',monospace; font-size:12.5px; line-height:1.9; color:#3fd8c4;
    box-shadow:0 0 60px rgba(63,216,196,0.07) inset, 0 24px 60px rgba(0,0,0,0.55);
    overflow-x:auto;
  }
  .dos-terminal.active{display:block;}
  .dos-prompt-line{font-family:'Press Start 2P',monospace; font-size:11px; color:#8fffee; margin-bottom:20px; white-space:nowrap;}
  .dos-dir-header{font-family:'Press Start 2P',monospace; font-size:10px; color:#5f7a76; margin:26px 0 12px; white-space:nowrap;}
  .dos-row{
    display:grid; grid-template-columns:130px 46px 84px 64px 1fr; gap:16px; align-items:baseline;
    padding:3px 8px; border-radius:2px; text-decoration:none; color:#3fd8c4; white-space:nowrap;
  }
  .dos-row:hover{background:#3fd8c4; color:#031210;}
  .dos-row:hover .dos-hook{color:#031210;}
  .dos-hook{color:#7d9c97; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
  .dos-row.locked{color:#5a3030; cursor:not-allowed;}
  .dos-row.locked .dos-hook{color:#5a3030;}
  .dos-cursor{display:inline-block; width:8px; height:13px; background:#3fd8c4; margin-left:6px; vertical-align:middle; animation:dosblink 1s steps(1) infinite;}
  @keyframes dosblink{50%{opacity:0;}}
  .dos-footer{font-family:'Press Start 2P',monospace; font-size:10px; margin-top:24px; color:#5f7a76; white-space:nowrap; line-height:2.2;}
  @media (max-width:760px){ .dos-row{grid-template-columns:100px 38px 70px 50px 1fr;} }

  /* ---------- CATEGORY BANNER ---------- */
  .category-banner{padding:56px 0 8px; text-align:center; border-top:1px solid rgba(255,255,255,0.08);}
  .category-banner .cat-eyebrow{font-family:'Share Tech Mono',monospace; letter-spacing:4px; font-size:12px; color:var(--muted); margin-bottom:8px;}
  .category-banner h2{font-size:clamp(28px,4.4vw,44px); letter-spacing:2px;}
  .category-banner .cat-rule{width:64px; height:3px; margin:18px auto 0; border-radius:2px;}
  .category-banner.cat-effects h2{color:var(--db-orange);}
  .category-banner.cat-effects .cat-rule{background:var(--db-orange);}
  .category-banner.cat-instruments h2{color:var(--dm-amber);}
  .category-banner.cat-instruments .cat-rule{background:var(--dm-amber);}

  /* ---------- PER-CATEGORY COMING SOON GROUPS ---------- */
  .cs-group{padding:64px 0 80px;}
  .cs-group-title{text-align:center; font-family:'Share Tech Mono',monospace; letter-spacing:3px; font-size:12px; color:var(--muted); margin-bottom:36px;}

  /* ---------- MANIFESTO ---------- */
  .manifesto{padding:64px 0 80px; border-top:1px solid rgba(255,255,255,0.08); background:radial-gradient(ellipse at 50% 0%, rgba(63,216,196,0.06), transparent 60%);}
  .manifesto-tag{
    font-family:'Archivo Black',sans-serif; text-align:center; text-transform:uppercase;
    font-size:clamp(24px,4.6vw,46px); letter-spacing:1px; line-height:1.15;
    color:var(--accent-2); text-shadow:0 0 30px rgba(63,216,196,0.28);
  }
  .manifesto-sub{
    max-width:620px; margin:16px auto 50px; text-align:center; color:var(--muted);
    font-size:14.5px; line-height:1.7; font-style:italic;
  }
  .manifesto-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:40px;}
  @media (max-width:860px){ .manifesto-grid{grid-template-columns:1fr; gap:32px;} }
  .manifesto-item{border-top:2px solid rgba(63,216,196,0.4); padding-top:18px;}
  .manifesto-item h3{font-family:'Oswald',sans-serif; text-transform:uppercase; font-size:15px; letter-spacing:1px; color:var(--text); margin-bottom:10px;}
  .manifesto-item p{color:var(--muted); font-size:14px; line-height:1.7;}

  /* ---------- NO-PRESETS BADGE (per product) ---------- */
  .no-presets-badge{
    display:inline-flex; align-items:center; gap:8px; font-family:'Share Tech Mono',monospace;
    font-size:10.5px; letter-spacing:1.3px; color:var(--muted);
    border:1px dashed rgba(255,255,255,0.28); border-radius:20px; padding:6px 13px; margin-bottom:18px;
  }

  /* ---------- HERO ---------- */
  .hero{padding:80px 0 60px; text-align:center;}
  .hero .eyebrow{color:var(--accent); font-weight:700; letter-spacing:3px; font-size:12px; margin-bottom:14px;}
  .hero h1{
    font-size:clamp(30px,5vw,52px); line-height:1.1;
    text-shadow:-2px 0 0 rgba(63,216,196,0.5), 2px 0 0 rgba(226,69,95,0.45);
  }
  .hero p{color:var(--muted); max-width:640px; margin:18px auto 30px; font-size:16px; line-height:1.6;}
  .hero-badges{display:flex; gap:14px; justify-content:center; flex-wrap:wrap; margin-bottom:8px;}
  .hero-badge{
    border:1px solid rgba(63,216,196,0.35); color:var(--accent-2);
    font-size:12px; letter-spacing:1.5px; padding:8px 14px; border-radius:20px;
    font-family:'Share Tech Mono',monospace;
  }
  .sticker{
    display:inline-block; font-family:'Press Start 2P',monospace; font-size:9px; letter-spacing:0.5px;
    padding:8px 12px; border:2px solid #0a0a0a; border-radius:3px; text-transform:uppercase;
    box-shadow:2px 3px 0 rgba(0,0,0,0.45); vertical-align:middle; white-space:nowrap; line-height:1.4;
  }
  .sticker-hazard{
    background:repeating-linear-gradient(45deg, #f2c230, #f2c230 9px, #1a1a1a 9px, #1a1a1a 18px);
    color:#1a1a1a; transform:rotate(-6deg);
  }
  .sticker-red{background:var(--stamp-red); color:#fff; transform:rotate(4deg); border-color:#3a0409;}

  .hero-rotator{
    font-family:'Archivo Black',sans-serif; font-size:clamp(15px,2.2vw,21px); letter-spacing:1.5px;
    text-transform:uppercase; color:var(--accent-2); margin-bottom:18px; line-height:1.4;
    text-shadow:-1.5px 0 0 rgba(63,216,196,0.55), 1.5px 0 0 rgba(226,69,95,0.5);
    transition:opacity .5s;
  }

  .classified-stamp{
    display:inline-block; font-family:'Archivo Black',sans-serif; font-size:13px; letter-spacing:2.5px;
    color:var(--stamp-red-2); border:3px double var(--stamp-red); border-radius:4px;
    padding:8px 18px; margin-bottom:22px; transform:rotate(-3.5deg);
    text-shadow:0 0 12px rgba(163,18,42,0.3), -1.5px 0 0 rgba(63,216,196,0.5), 1.5px 0 0 rgba(226,69,95,0.45);
    opacity:1;
  }

  .dossier{padding:56px 0 72px; border-top:1px solid rgba(255,255,255,0.08); background:radial-gradient(ellipse at 50% 0%, rgba(163,18,42,0.08), transparent 60%);}
  .dossier-wrap{max-width:720px; position:relative; padding:28px 32px; border:1px solid rgba(63,216,196,0.14);}
  .dossier-wrap::before, .dossier-wrap::after{content:""; position:absolute; width:16px; height:16px; pointer-events:none;}
  .dossier-wrap::before{top:-1px; left:-1px; border-top:2px solid var(--accent-2); border-left:2px solid var(--accent-2);}
  .dossier-wrap::after{bottom:-1px; right:-1px; border-bottom:2px solid var(--accent-2); border-right:2px solid var(--accent-2);}
  .dossier-eyebrow{
    font-family:'Share Tech Mono',monospace; font-size:12px; letter-spacing:2.5px;
    color:var(--stamp-red-2); margin-bottom:12px; text-transform:uppercase;
  }
  .dossier-title{font-family:'Archivo Black',sans-serif; font-size:clamp(22px,3.6vw,32px); margin:0 0 20px;}
  .dossier-body{color:var(--muted); font-size:15.5px; line-height:1.7; margin-bottom:16px;}
  .redacted{
    display:inline-block; background:#0a0a0a; color:#0a0a0a; border-radius:2px;
    padding:0 6px; user-select:none;
  }
  .redact-word{
    font-family:'Share Tech Mono',monospace; color:var(--stamp-red-2);
    letter-spacing:1px; border:1px dashed rgba(226,69,95,0.4); border-radius:3px; padding:1px 6px;
  }
  .dossier-links{margin-top:24px; font-size:13px; color:var(--muted);}
  .dossier-links-label{margin-right:8px;}
  .dossier-links a{color:var(--stamp-red-2); text-decoration:none; border-bottom:1px solid rgba(226,69,95,0.4);}
  .dossier-links a:hover{border-bottom-color:var(--stamp-red-2);}
  .dossier-links-sep{margin:0 8px; color:var(--muted);}

  /* ---------- MADISON AVENUE WINDOW SCENE ---------- */
  .madison-section{padding:0 0 8px;}
  .madison-scene{
    position:relative; height:300px; border-radius:8px; overflow:hidden;
    background:linear-gradient(180deg, #cbb98a 0%, #cbb98a 74%, #8a7550 74%, #8a7550 100%);
    box-shadow:0 20px 50px rgba(0,0,0,0.4);
  }
  .madison-sidewalk{position:absolute; left:0; right:0; bottom:56px; height:2px; background:rgba(0,0,0,0.25);}
  .madison-lamppost{position:absolute; left:6%; bottom:56px; width:4px; height:130px; background:#2a2620;}
  .madison-lamppost::before{content:""; position:absolute; top:-14px; left:-8px; width:20px; height:20px; border-radius:50%; background:#3a3428;}
  .madison-building{position:absolute; right:5%; bottom:56px; width:44%; max-width:380px; height:210px; background:#2c2a26; border-radius:4px 4px 0 0;}
  .madison-awning{
    position:absolute; top:-18px; left:-4%; right:-4%; height:22px;
    background:repeating-linear-gradient(90deg, var(--stamp-red) 0 20px, #eee6d2 20px 40px);
    border-radius:4px 4px 0 0; box-shadow:0 4px 8px rgba(0,0,0,0.3);
  }
  .madison-sign{
    position:absolute; top:-42px; left:0; right:0; text-align:center;
    font-family:'Oswald',sans-serif; letter-spacing:3px; font-size:12px; color:#eee6d2;
  }
  .madison-window{
    position:absolute; top:34px; left:8%; right:8%; bottom:16px;
    display:flex; align-items:flex-end; justify-content:center;
  }
  .madison-tv{
    position:relative; width:90%; aspect-ratio:16/9; background:#f4efe0;
    box-shadow:0 14px 34px rgba(0,0,0,0.5), 0 0 60px rgba(244,239,224,0.3);
  }
  .madison-tv::before{
    content:""; position:absolute; left:8%; bottom:-22px; width:4px; height:22px; background:#2a2620;
  }
  .madison-tv::after{
    content:""; position:absolute; right:8%; bottom:-22px; width:4px; height:22px; background:#2a2620;
  }
  .madison-tv-screen{position:relative; width:100%; height:100%; border-radius:0; background:#f4efe0; overflow:hidden; border:none;}
  .tv-slide{
    position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0;
    filter:grayscale(0.35) contrast(1.2) sepia(0.1) brightness(1.08);
    mix-blend-mode:multiply;
    animation:tvfade 45s infinite;
  }
  .tv-slide:nth-child(1){animation-delay:0s;}
  .tv-slide:nth-child(2){animation-delay:3s;}
  .tv-slide:nth-child(3){animation-delay:6s;}
  .tv-slide:nth-child(4){animation-delay:9s;}
  .tv-slide:nth-child(5){animation-delay:12s;}
  .tv-slide:nth-child(6){animation-delay:15s;}
  .tv-slide:nth-child(7){animation-delay:18s;}
  .tv-slide:nth-child(8){animation-delay:21s;}
  .tv-slide:nth-child(9){animation-delay:24s;}
  .tv-slide:nth-child(10){animation-delay:27s;}
  .tv-slide:nth-child(11){animation-delay:30s;}
  .tv-slide:nth-child(12){animation-delay:33s;}
  .tv-slide:nth-child(13){animation-delay:36s;}
  .tv-slide:nth-child(14){animation-delay:39s;}
  .tv-slide:nth-child(15){animation-delay:42s;}
  @keyframes tvfade{0%{opacity:0;} 1.3%{opacity:1;} 5.3%{opacity:1;} 6.7%{opacity:0;} 100%{opacity:0;}}
  .film-grain{
    position:absolute; inset:-10%; z-index:3; pointer-events:none; opacity:0.3; mix-blend-mode:overlay;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    animation:filmGrain 0.3s steps(2) infinite;
  }
  @keyframes filmGrain{ 0%{transform:translate(0,0);} 50%{transform:translate(-3%,2%);} 100%{transform:translate(2%,-3%);} }
  .film-scratches{
    position:absolute; inset:0; z-index:4; pointer-events:none;
    background:
      repeating-linear-gradient(90deg, rgba(255,255,255,0.5) 0 1px, transparent 1px 90px),
      radial-gradient(ellipse at center, transparent 55%, rgba(244,239,224,0.9) 100%);
    animation:filmScratch 4s steps(1) infinite, filmFlicker 0.15s steps(2) infinite;
  }
  @keyframes filmScratch{ 0%,100%{background-position:0 0, 0 0;} 20%{background-position:60px 0, 0 0;} 45%{background-position:-40px 0, 0 0;} 70%{background-position:20px 0, 0 0;} 90%{background-position:-15px 0, 0 0;} }
  @keyframes filmFlicker{ 0%,100%{opacity:0.85;} 50%{opacity:1;} }
  .madison-price-tag{
    position:absolute; bottom:8px; right:8px; background:var(--stamp-red); color:#fff;
    font-family:'Share Tech Mono',monospace; font-size:10px; padding:4px 8px; border-radius:2px; transform:rotate(-4deg);
    z-index:5;
  }
  .madison-caption{margin-top:14px; text-align:center; font-family:'Share Tech Mono',monospace; font-size:11px; letter-spacing:1.5px; color:var(--muted); text-transform:uppercase;}
  @media (max-width:760px){
    .madison-scene{height:220px;}
    .madison-lamppost{height:100px;}
    .madison-sign{font-size:9px;}
  }

  .memo-section{padding:0 0 20px;}
  .fightclub-rule{
    font-family:'Archivo Black',sans-serif; text-align:center; text-transform:uppercase;
    font-size:clamp(17px,2.6vw,23px); line-height:1.4; color:var(--text);
    margin-bottom:32px; letter-spacing:0.3px;
  }
  .memo-card{
    background:#17150f; border:1px solid rgba(255,255,255,0.1); border-radius:2px;
    padding:26px 30px; transform:rotate(-0.6deg); box-shadow:0 14px 34px rgba(0,0,0,0.5);
    font-family:'Share Tech Mono',monospace;
  }
  .memo-header{color:var(--stamp-red-2); font-size:11px; letter-spacing:2px; margin-bottom:14px; text-align:center;}
  .memo-meta{font-size:12px; color:var(--muted); line-height:1.9; margin-bottom:16px; text-transform:uppercase; letter-spacing:0.4px;}
  .memo-body{font-size:13.5px; color:var(--text); line-height:1.75; margin-bottom:16px;}
  .memo-sign{font-size:12.5px; color:var(--muted); text-align:right; font-style:italic;}

  .jump-links{display:flex; gap:16px; justify-content:center; margin-top:28px; flex-wrap:wrap;}
  .jump-links a{
    text-decoration:none; font-size:13px; font-weight:700; letter-spacing:1px; text-transform:uppercase;
    border:1px solid rgba(255,255,255,0.15); padding:10px 18px; border-radius:4px; color:var(--text);
    transition:border-color .2s, transform .15s;
  }
  .jump-links a:hover{border-color:var(--accent); transform:translateY(-2px);}

  /* ---------- PRODUCT SECTION SHARED ---------- */
  .product{padding:80px 0; border-top:1px solid rgba(255,255,255,0.06);}
  .product .wrap{position:relative;}
  .product-head{text-align:center; max-width:700px; margin:0 auto 40px;}
  .product-eyebrow{font-weight:700; letter-spacing:3px; font-size:12px; margin-bottom:10px;}
  .product-name{font-size:clamp(30px,5vw,48px); margin-bottom:12px;}
  .product-tagline{color:var(--muted); font-size:16px; line-height:1.6;}
  .product-body{display:grid; grid-template-columns:1.1fr 0.9fr; gap:48px; align-items:center;}
  @media (max-width:860px){ .product-body{grid-template-columns:1fr;} }
  .feature-list{list-style:none; margin:22px 0 28px; padding:0; display:flex; flex-direction:column; gap:14px;}
  .feature-list li{color:var(--muted); font-size:14.5px; line-height:1.6; padding-left:22px; position:relative;}
  .feature-list li::before{content:"—"; position:absolute; left:0; font-weight:700;}
  .platform-row{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:22px;}
  .platform-tag{
    font-size:11px; letter-spacing:1.5px; padding:6px 12px; border-radius:3px;
    font-family:'Share Tech Mono',monospace; border:1px solid currentColor;
  }
  .buy-row{display:flex; align-items:center; gap:18px; flex-wrap:wrap;}
  .price-tag{font-family:'Archivo Black',sans-serif; font-size:15px; line-height:1.3;}
  .price-tag b{font-size:26px; display:block;}
  .price-tag small{color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:1px;}
  .buy-btn{
    font-family:'Archivo Black',sans-serif; font-size:15px; text-decoration:none;
    padding:15px 28px; border-radius:6px; display:inline-block;
    transition:transform .15s;
  }
  .buy-btn:hover{transform:translateY(-2px);}
  .buy-btn.soon{
    opacity:.55; cursor:not-allowed; pointer-events:none;
    filter:grayscale(.4); position:relative;
  }
  .buy-btn.soon:hover{transform:none;}

  /* ---------- BIG "COMING SOON" HEAD STAMP (Avalon-style teaser pages) ---------- */
  .cs-stamp{
    display:inline-block; font-family:'Archivo Black',sans-serif; font-size:15px; letter-spacing:2px;
    padding:11px 24px; border-radius:4px; text-transform:uppercase; color:#1a1a1a;
    background:#f2c230; border:3px dashed #1a1a1a;
    transform:rotate(-3deg); box-shadow:0 6px 16px rgba(0,0,0,0.5); margin-bottom:20px;
  }
  @media (max-width:640px){ .cs-stamp{font-size:12px; padding:9px 16px;} }

  /* ---------- SITEWIDE AVALON LAUNCH BANNER ---------- */
  .launch-banner{
    display:block; background:var(--stamp-red); color:#fbe4e8; text-align:center;
    padding:10px 16px; font-family:'Archivo Black',sans-serif; font-size:13px;
    letter-spacing:1.5px; text-transform:uppercase; text-decoration:none;
  }
  .launch-banner:hover{background:var(--stamp-red-2); color:#1a1a1a;}
  .launch-banner b{color:#f2c230;}
  .launch-banner:hover b{color:#1a1a1a;}
  @media (max-width:640px){
    .launch-banner{font-size:11px; padding:9px 10px; letter-spacing:0.75px;}
  }

  /* ---------- SKIN SHOWCASE GRID (multi-skin teaser pages) ---------- */
  .skin-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin:0 0 28px;}
  @media (max-width:640px){ .skin-grid{grid-template-columns:1fr;} }
  .skin-card{background:var(--panel-2); border:1px solid rgba(255,255,255,0.08); border-radius:8px; overflow:hidden;}
  .skin-card-wide{grid-column:1 / -1;}
  .skin-card img{width:100%; display:block; cursor:zoom-in;}
  .skin-card-label{
    text-align:center; padding:9px; font-family:'Share Tech Mono',monospace; font-size:11px;
    letter-spacing:2px; color:var(--muted); text-transform:uppercase; border-top:1px solid rgba(255,255,255,0.06);
  }
  .shot{width:100%; display:block; border-radius:6px; box-shadow:0 10px 28px rgba(0,0,0,0.55); cursor:zoom-in; transition:transform .2s, box-shadow .2s;}
  .shot:hover{transform:scale(1.015); box-shadow:0 14px 34px rgba(0,0,0,0.65);}

  /* ---------- LIGHTBOX ---------- */
  .lightbox-overlay{
    position:fixed; inset:0; z-index:9999; display:none;
    align-items:center; justify-content:center;
    background:rgba(6,7,8,0.9); backdrop-filter:blur(3px);
    padding:40px; cursor:zoom-out;
  }
  .lightbox-overlay.open{display:flex;}
  .lightbox-overlay img{
    max-width:min(92vw,1100px); max-height:88vh; display:block;
    border-radius:8px; box-shadow:0 20px 60px rgba(0,0,0,0.7);
  }
  .lightbox-close{
    position:absolute; top:22px; right:30px; font-family:'Archivo Black',sans-serif;
    font-size:15px; color:var(--text); background:rgba(255,255,255,0.08);
    border:1px solid rgba(255,255,255,0.2); border-radius:6px; padding:8px 14px;
    cursor:pointer; letter-spacing:1px;
  }
  .lightbox-close:hover{background:rgba(255,255,255,0.16);}

  /* ============ DB-CELL LICENSING (4th slot) ============ */
  .dbcell-section{
    background:radial-gradient(ellipse at 50% 0%, rgba(63,216,196,0.07), transparent 65%);
    border-top:1px solid rgba(63,216,196,0.15);
  }
  .dbcell-card{
    display:grid; grid-template-columns:0.85fr 1.15fr; gap:48px; align-items:center;
    background:var(--panel); border:1px solid rgba(63,216,196,0.25); border-radius:10px;
    padding:44px; box-shadow:0 10px 28px rgba(0,0,0,0.45);
  }
  @media (max-width:860px){ .dbcell-card{grid-template-columns:1fr;} }
  .dbcell-chip-wrap{
    background:var(--panel-2); border-radius:8px; padding:20px;
    border:1px solid rgba(63,216,196,0.18);
  }
  .dbcell-eyebrow{
    color:var(--accent); font-weight:700; letter-spacing:3px; font-size:12px; margin-bottom:12px;
    font-family:'Share Tech Mono',monospace;
  }
  .dbcell-card h2{font-size:clamp(24px,3.4vw,34px); margin-bottom:14px; color:var(--text);}
  .dbcell-card p{color:var(--muted); font-size:15px; line-height:1.65; margin-bottom:22px;}
  .dbcell-cta{
    display:inline-block; font-family:'Archivo Black',sans-serif; font-size:15px;
    text-decoration:none; padding:16px 26px; border-radius:6px;
    background:var(--accent); color:#06110f; transition:transform .15s;
  }
  .dbcell-cta:hover{transform:translateY(-2px);}
  .dbcell-fine{margin-top:14px; color:var(--muted); font-size:12px; font-family:'Share Tech Mono',monospace;}

  /* ============ COMING SOON TEASER ============ */
  .teaser-section{
    background:radial-gradient(ellipse at 50% 0%, rgba(255,255,255,0.04), transparent 60%);
    border-top:1px solid rgba(255,255,255,0.08);
  }
  .teaser-eyebrow{color:var(--muted); font-family:'Share Tech Mono',monospace; letter-spacing:3px; font-size:12px; text-align:center; margin-bottom:10px;}
  .teaser-title{font-size:clamp(26px,4vw,40px); text-align:center; margin-bottom:12px;}
  .teaser-sub{color:var(--muted); text-align:center; max-width:640px; margin:0 auto 44px; font-size:15px; line-height:1.6;}
  .teaser-grid{display:grid; grid-template-columns:1fr 1fr; gap:32px;}
  @media (max-width:860px){ .teaser-grid{grid-template-columns:1fr;} }
  .teaser-card{
    background:var(--panel); border:1px solid rgba(255,255,255,0.08); border-radius:10px;
    overflow:hidden; box-shadow:0 14px 34px rgba(0,0,0,0.45);
  }
  .teaser-img-wrap{position:relative; overflow:hidden; aspect-ratio:16/9; background:#000;}
  .teaser-img{
    width:100%; height:100%; object-fit:cover; display:block; cursor:zoom-in;
    transition:transform .25s ease;
  }
  .teaser-img-wrap:hover .teaser-img{transform:scale(1.04);}
  .teaser-ribbon{
    position:absolute; top:18px; left:-46px; z-index:2; pointer-events:none;
    background:var(--accent); color:#06110f;
    font-family:'Archivo Black',sans-serif; font-size:11px; letter-spacing:2px;
    padding:6px 56px; transform:rotate(-35deg);
    box-shadow:0 3px 10px rgba(0,0,0,0.5);
  }
  .teaser-peek{
    position:absolute; inset:0; z-index:1; display:flex; align-items:center; justify-content:center;
    background:rgba(6,7,8,0.45); opacity:0; transition:opacity .25s ease; pointer-events:none;
    text-align:center; padding:20px; font-family:'Share Tech Mono',monospace;
    font-size:12px; letter-spacing:1.5px; color:#fff;
  }
  .teaser-img-wrap:hover .teaser-peek{opacity:1;}
  .teaser-body{padding:24px 26px 28px;}
  .teaser-eyebrow-2{font-family:'Share Tech Mono',monospace; font-size:11px; letter-spacing:1.5px; color:var(--accent-2); margin-bottom:8px;}
  .teaser-name{font-family:'Archivo Black',sans-serif; font-size:24px; margin-bottom:6px;}
  .teaser-tag{font-style:italic; color:var(--muted); font-size:14px; margin-bottom:14px;}
  .teaser-desc{color:var(--muted); font-size:14px; line-height:1.65;}

  /* ============ DISTROYBOY MOCK ============ */
  .db-section{background:radial-gradient(ellipse at 50% 0%, rgba(163,15,15,0.09), transparent 60%);}
  .db-eyebrow, .db-name{color:var(--db-orange);}

  .db-hazard-tape{
    overflow:hidden; white-space:nowrap; height:28px; display:flex; align-items:center;
    background:repeating-linear-gradient(135deg, var(--db-red) 0 18px, #171310 18px 36px);
    box-shadow:0 2px 14px rgba(0,0,0,0.6) inset, 0 2px 8px rgba(0,0,0,0.4);
    margin-bottom:40px;
  }
  .db-hazard-track{display:inline-flex; gap:40px; padding-left:20px; animation:dbHazardScroll 12s linear infinite;}
  .db-hazard-track span{
    font-family:'Share Tech Mono',monospace; font-weight:700; font-size:11px;
    letter-spacing:3px; color:#0e0806; text-shadow:0 1px 0 rgba(255,255,255,0.15);
  }
  @keyframes dbHazardScroll{from{transform:translateX(0);} to{transform:translateX(-50%);}}

  @keyframes dbRage{
    0%,92%{transform:translate(0,0) rotate(0);}
    93%{transform:translate(-2px,1px) rotate(-0.4deg);}
    94%{transform:translate(2px,-1px) rotate(0.4deg);}
    95%{transform:translate(-1px,-2px) rotate(-0.3deg);}
    96%{transform:translate(1px,2px) rotate(0.3deg);}
    97%,100%{transform:translate(0,0) rotate(0);}
  }
  .db-name{
    animation:dbRage 5s infinite;
    text-shadow:1px 1px 0 #7a2f14, 2px 2px 0 #5c2310, 0 0 20px rgba(214,64,44,0.5);
  }
  @media (prefers-reduced-motion: reduce){
    .db-name{animation:none;}
    .db-hazard-track{animation:none;}
  }

  .db-panel{
    position:relative;
    background:
      linear-gradient(180deg, rgba(255,255,255,0.02), rgba(0,0,0,0.3)),
      repeating-linear-gradient(180deg, rgba(0,0,0,0.08) 0px, rgba(0,0,0,0.08) 2px, transparent 2px, transparent 4px),
      linear-gradient(135deg, var(--db-rust-dark), var(--db-charcoal) 60%);
    border:1px solid rgba(0,0,0,0.5);
    border-radius:8px;
    clip-path: polygon(0 0, 96% 0, 100% 5%, 100% 100%, 5% 100%, 0 94%);
    padding:20px 22px 30px;
    box-shadow:0 16px 40px rgba(0,0,0,0.55), inset 0 0 30px rgba(0,0,0,0.4);
  }
  .db-panel::after{
    content:""; position:absolute; inset:0; pointer-events:none;
    background:
      linear-gradient(105deg, transparent 42%, rgba(255,255,255,0.09) 43%, transparent 44.5%),
      linear-gradient(100deg, transparent 60%, rgba(255,255,255,0.06) 61%, transparent 62.5%),
      linear-gradient(115deg, transparent 18%, rgba(0,0,0,0.3) 19%, transparent 20.5%);
    mix-blend-mode:overlay;
  }
  .db-drip{
    position:absolute; width:5px; border-radius:0 0 60% 60%; z-index:2;
    background:linear-gradient(180deg, var(--db-red), #5c0c0c);
    box-shadow:0 2px 4px rgba(0,0,0,0.5);
  }
  .db-drip.d1{bottom:-16px; left:12%; height:18px;}
  .db-drip.d2{bottom:-10px; left:54%; height:12px;}
  .db-drip.d3{bottom:-20px; left:80%; height:24px;}
  .db-screw{
    position:absolute; width:16px; height:16px; border-radius:50%;
    background:radial-gradient(circle at 35% 30%, #cfd3d4, #6c7072 55%, #2c2e2f 100%);
    box-shadow:0 2px 4px rgba(0,0,0,0.6);
  }
  .db-screw::after{content:""; position:absolute; top:50%; left:50%; width:70%; height:2px; background:#3a3a3a; transform:translate(-50%,-50%) rotate(20deg);}
  .db-screw.tl{top:8px; left:8px;} .db-screw.tr{top:8px; right:8px;}
  .db-screw.bl{bottom:8px; left:8px;} .db-screw.br{bottom:8px; right:8px;}
  .db-top{display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap;}
  .db-top-left{display:flex; align-items:center; gap:10px;}
  .db-dice{width:30px; height:30px; border-radius:6px; background:radial-gradient(circle at 30% 25%,#3b3532,#161311 70%); display:grid; place-items:center; cursor:pointer;}
  .db-dice-face{display:grid; grid-template-columns:repeat(3,5px); grid-template-rows:repeat(3,5px); gap:1.5px;}
  .db-dice-dot{width:5px; height:5px; border-radius:50%; background:#e8e2d4;}
  .db-vfd{font-family:'Share Tech Mono',monospace; color:var(--accent); font-size:11px; letter-spacing:1.5px; text-shadow:0 0 6px rgba(63,216,196,0.8); animation:dbvfd 2.2s ease-in-out infinite;}
  @keyframes dbvfd{0%,100%{opacity:0.5;} 45%{opacity:1;} 50%{opacity:0.25;} 55%{opacity:1;}}
  .db-word{font-family:'Archivo Black',sans-serif; font-size:clamp(20px,3.4vw,32px); color:var(--db-orange); text-shadow:1px 1px 0 #7a2f14, 2px 2px 0 #5c2310; display:flex; align-items:center; gap:4px;}
  .db-mudflap{width:0.7em; height:1.1em;}
  .db-tone{width:34px; height:34px; border-radius:50%; background:radial-gradient(circle at 35% 30%, #fdf8ec, var(--db-cream) 55%, #cdc2a3 100%); position:relative; box-shadow:0 3px 6px rgba(0,0,0,0.5);}
  .db-tone::after{content:""; position:absolute; top:8%; left:50%; width:2px; height:36%; background:#3a352c; transform:translateX(-50%) rotate(-40deg);}
  .db-tagline{margin-top:10px; text-align:right; font-style:italic; color:var(--muted); font-size:12px; min-height:16px;}
  .db-rail{margin:14px 0 4px; height:18px; border-radius:5px; background:linear-gradient(180deg,#1c1815,#0f0d0b); display:flex; align-items:center; justify-content:space-around; box-shadow:inset 0 2px 5px rgba(0,0,0,0.7); cursor:pointer;}
  .db-rail span{color:var(--db-orange); font-size:10px; transition:transform .4s;}
  .db-rail.reversed span{transform:scaleX(-1);}
  .db-pedals{display:grid; grid-template-columns:repeat(8,1fr); gap:6px; margin-top:12px;}
  .db-pedal-name{font-size:8.5px; font-weight:600; text-transform:uppercase; text-align:center; min-height:18px; display:flex; align-items:center; justify-content:center;}
  .db-knob{width:36px; height:36px; border-radius:50%; margin:0 auto; position:relative; box-shadow:0 2px 5px rgba(0,0,0,0.5);}
  .db-knob::after{content:""; position:absolute; top:8%; left:50%; width:1.5px; height:34%; background:#eee; transform-origin:bottom center; transform:translateX(-50%) rotate(var(--rot,0deg));}
  .db-pct{text-align:center; font-size:9px; font-family:'Share Tech Mono',monospace; margin-top:4px;}
  .db-foot{display:flex; flex-direction:column; align-items:center; margin-top:16px; gap:4px;}
  .db-switch{width:38px; height:38px; border-radius:50%; cursor:pointer; background:radial-gradient(circle at 35% 30%, #d64632, var(--db-red) 55%, #5c1710 100%); box-shadow:0 0 0 4px #171310, 0 4px 10px rgba(0,0,0,0.5);}
  .db-foot-label{font-size:9px; letter-spacing:2px; color:var(--muted);}
  .db-buy{background:linear-gradient(180deg, var(--db-orange-2), var(--db-red)); color:#0e0806; box-shadow:0 4px 0 #5c0c0c;}
  .db-platform{color:var(--db-orange); }

  /* ---------- VIDEO EMBEDS ---------- */
  .video-block{margin-top:48px; max-width:860px;}
  .video-grid{margin-top:48px; display:grid; grid-template-columns:1fr 1fr; gap:28px; max-width:1180px;}
  .video-grid .video-block{margin-top:0; max-width:none;}
  @media (max-width:760px){ .video-grid{grid-template-columns:1fr;} }
  .video-title{font-family:'Archivo Black',sans-serif; font-size:13px; letter-spacing:2px; margin-bottom:14px; text-transform:uppercase;}
  .video-embed{position:relative; width:100%; padding-bottom:56.25%; height:0; border-radius:8px; overflow:hidden; box-shadow:0 16px 40px rgba(0,0,0,0.5);}
  .video-embed iframe{position:absolute; inset:0; width:100%; height:100%; border:0;}
  .db-video-block .video-title{color:var(--db-orange);}
  .db-video-block .video-embed{border:1px solid rgba(163,15,15,0.35);}
  .sw-video-block .video-title{color:var(--sw-red);}
  .sw-video-block .video-embed{border:1px solid rgba(255,45,77,0.35);}
  .dm-video-block .video-title{color:var(--dm-amber);}
  .dm-video-block .video-embed{border:1px solid rgba(255,176,32,0.35);}
  .sb-video-block .video-title{color:var(--sb-gold);}
  .sb-video-block .video-embed{border:1px solid rgba(201,162,39,0.35);}
  .bb-video-block .video-title{color:var(--bb-amber);}
  .bb-video-block .video-embed{border:1px solid rgba(201,151,59,0.35);}
  .rz-video-block .video-title{color:var(--rz-red-2);}
  .rz-video-block .video-embed{border:1px solid rgba(221,59,46,0.35);}
  .zb-video-block .video-title{color:var(--zb-green-2);}
  .zb-video-block .video-embed{border:1px solid rgba(58,143,92,0.35);}

  /* ============ DR. MACH MOCK ============ */
  .dm-section{background:radial-gradient(ellipse at 50% 0%, rgba(255,176,32,0.05), transparent 60%);}
  .dm-eyebrow, .dm-name{color:var(--dm-amber);}
  .dm-panel{
    background:linear-gradient(160deg, #2a2622, #17140f 70%);
    border:1px solid rgba(0,0,0,0.5); border-radius:8px; padding:22px;
    box-shadow:0 16px 40px rgba(0,0,0,0.55), inset 0 0 30px rgba(0,0,0,0.4);
  }
  .dm-top{display:flex; justify-content:space-between; align-items:center; margin-bottom:16px;}
  .dm-word{font-family:'Archivo Black',sans-serif; font-size:clamp(18px,3vw,26px); color:var(--dm-amber);}
  .dm-rndmz{
    background:linear-gradient(180deg, #ffcf6b, var(--dm-amber)); color:#2a1a00; font-family:'Archivo Black',sans-serif;
    font-size:11px; padding:8px 14px; border-radius:20px; cursor:pointer; letter-spacing:1px;
    box-shadow:0 0 14px rgba(255,176,32,0.5);
  }
  .dm-pads{display:grid; grid-template-columns:repeat(8,1fr); gap:6px; margin-bottom:16px;}
  .dm-pad{
    aspect-ratio:1; border-radius:5px; background:linear-gradient(160deg,#3a3229,#1a150f);
    border:1px solid rgba(255,255,255,0.06); position:relative; cursor:pointer;
  }
  .dm-pad::after{content:""; position:absolute; inset:5px; border-radius:3px; background:radial-gradient(circle at 40% 30%, rgba(255,176,32,0.35), transparent 70%);}
  .dm-pad.lit::after{background:radial-gradient(circle at 40% 30%, rgba(255,176,32,0.9), transparent 70%); box-shadow:0 0 12px rgba(255,176,32,0.7);}
  .dm-knob-row{display:flex; justify-content:space-around; gap:10px; flex-wrap:wrap;}
  .dm-knob-wrap{text-align:center;}
  .dm-knob{width:44px; height:44px; border-radius:50%; margin:0 auto 6px; background:radial-gradient(circle at 35% 30%, #4a423a, #17140f 75%); position:relative; box-shadow:0 3px 6px rgba(0,0,0,0.5);}
  .dm-knob::after{content:""; position:absolute; top:8%; left:50%; width:2px; height:36%; background:var(--dm-amber); transform-origin:bottom center; transform:translateX(-50%) rotate(var(--rot,0deg));}
  .dm-knob-lbl{font-size:9px; letter-spacing:1px; color:var(--muted); text-transform:uppercase;}
  .dm-buy{background:linear-gradient(180deg, #ffcf6b, var(--dm-red)); color:#2a1300; box-shadow:0 4px 0 #7a1e10;}
  .dm-platform{color:var(--dm-amber);}

  /* ============ SAWZALL MOCK ============ */
  .sw-section{background:radial-gradient(ellipse at 50% 0%, rgba(255,45,77,0.05), transparent 60%);}
  .sw-eyebrow, .sw-name{color:var(--sw-red);}
  .sw-panel{
    background:linear-gradient(160deg, #232323, #111 70%);
    border:1px solid rgba(0,0,0,0.5); border-radius:8px; padding:16px;
    box-shadow:0 16px 40px rgba(0,0,0,0.55);
  }
  .sw-buy{background:linear-gradient(180deg, #ff6b7f, var(--sw-red)); color:#2a0006; box-shadow:0 4px 0 #7a0018;}
  .sw-platform{color:var(--sw-red);}
  .sw-techbadge{font-size:10.5px; color:var(--muted); margin-top:10px; font-style:italic;}
  .subtag{font-style:italic; font-size:15px; margin:-4px 0 16px; font-weight:600;}
  .db-roster{margin-top:56px; background:rgba(0,0,0,0.25); border:1px solid rgba(163,15,15,0.25); border-top:2px solid var(--db-red); border-radius:8px; padding:30px 32px;}
  .db-roster-title{font-size:12px; letter-spacing:2px; color:var(--db-orange-2); font-weight:700; margin-bottom:20px; text-align:center;}
  .db-roster-group{margin-bottom:22px;}
  .db-roster-group:last-child{margin-bottom:0;}
  .db-roster-group h4{color:var(--db-orange); font-size:12px; letter-spacing:1.5px; margin-bottom:12px;}
  .db-chips{display:flex; flex-wrap:wrap; gap:8px;}
  .db-chip{
    background:rgba(238,230,210,0.05); border:1px solid rgba(238,230,210,0.15);
    color:var(--text); font-size:12.5px; padding:6px 12px; border-radius:3px;
    font-family:'Share Tech Mono',monospace;
  }
  .db-chip.bass{border-color:rgba(63,216,196,0.35); color:var(--accent);}

  .dm-note{color:var(--muted); font-size:14px; line-height:1.6; max-width:640px; margin:0 auto; font-style:italic;}
  .dm-roster{margin-top:56px; background:rgba(0,0,0,0.2); border:1px solid rgba(255,176,32,0.22); border-top:2px solid var(--dm-amber); border-radius:8px; padding:30px 32px;}
  .dm-roster-title{font-size:12px; letter-spacing:2px; color:var(--dm-amber); font-weight:700; margin-bottom:20px; text-align:center;}
  .dm-roster-group{margin-bottom:22px;}
  .dm-roster-group:last-child{margin-bottom:0;}
  .dm-roster-group h4{color:var(--dm-amber); font-size:12px; letter-spacing:1.5px; margin-bottom:12px;}
  .dm-chips{display:flex; flex-wrap:wrap; gap:8px;}
  .dm-chip{
    background:rgba(255,176,32,0.05); border:1px solid rgba(255,176,32,0.18);
    color:var(--text); font-size:12.5px; padding:6px 12px; border-radius:3px;
    font-family:'Share Tech Mono',monospace;
  }
  .dm-rules{margin-top:24px; padding-top:22px; border-top:1px dashed rgba(255,176,32,0.2);}
  .dm-rules h4{color:var(--dm-amber); font-size:12px; letter-spacing:1.5px; margin-bottom:12px;}
  .dm-rules ul{list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:10px;}
  .dm-rules li{color:var(--muted); font-size:13.5px; line-height:1.6; padding-left:20px; position:relative;}
  .dm-rules li::before{content:"§"; position:absolute; left:0; color:var(--dm-amber); font-weight:700;}

  /* ============ SPRINGBOY MOCK ============ */
  .sb-section{background:radial-gradient(ellipse at 50% 0%, rgba(201,162,39,0.08), transparent 60%);}
  .sb-eyebrow, .sb-name{color:var(--sb-gold);}
  .sb-panel{
    background:linear-gradient(160deg, #2a2620, #15130f 70%);
    border:1px solid rgba(0,0,0,0.5); border-radius:8px; padding:16px;
    box-shadow:0 16px 40px rgba(0,0,0,0.55);
  }
  .sb-buy{background:linear-gradient(180deg, var(--sb-gold-2), var(--sb-gold)); color:#241a02; box-shadow:0 4px 0 #7a5c0a;}
  .sb-platform{color:var(--sb-gold);}

  /* ============ BUCKETBOY MOCK ============ */
  .bb-section{background:radial-gradient(ellipse at 50% 0%, rgba(201,151,59,0.07), transparent 60%);}
  .bb-eyebrow, .bb-name{color:var(--bb-amber);}
  .bb-panel{
    background:linear-gradient(160deg, #2b2f28, #14160f 70%);
    border:1px solid rgba(0,0,0,0.5); border-radius:8px; padding:16px;
    box-shadow:0 16px 40px rgba(0,0,0,0.55);
  }
  .bb-buy{background:linear-gradient(180deg, var(--bb-amber-2), var(--bb-amber)); color:#241a02; box-shadow:0 4px 0 #7a520a;}
  .bb-platform{color:var(--bb-amber);}

  /* ============ DELTABOYZ MOCK ============ */
  .dl-section{background:radial-gradient(ellipse at 50% 0%, rgba(47,127,214,0.09), transparent 60%);}
  .dl-eyebrow, .dl-name{color:var(--dl-blue-2);}
  .dl-panel{
    background:linear-gradient(160deg, #151d2b, #0c1017 70%);
    border:1px solid rgba(0,0,0,0.5); border-radius:8px; padding:16px;
    box-shadow:0 16px 40px rgba(0,0,0,0.55);
  }
  .dl-buy{background:linear-gradient(180deg, var(--dl-blue-2), var(--dl-blue)); color:#04101f; box-shadow:0 4px 0 #0a2c52;}
  .dl-platform{color:var(--dl-blue-2);}
  .dl-bundle-tag{
    display:inline-block; font-family:'Share Tech Mono',monospace; font-size:11px; letter-spacing:1.5px;
    color:var(--dl-blue-2); border:1px solid rgba(127,179,236,0.35); border-radius:20px; padding:6px 14px; margin-bottom:16px;
  }

  /* ============ ATOMIZER MOCK ============ */
  .at-section{background:radial-gradient(ellipse at 50% 0%, rgba(201,47,125,0.09), transparent 60%);}
  .at-eyebrow, .at-name{color:var(--at-magenta-2);}
  .at-panel{
    background:linear-gradient(160deg, #241422, #120a10 70%);
    border:1px solid rgba(0,0,0,0.5); border-radius:8px; padding:16px;
    box-shadow:0 16px 40px rgba(0,0,0,0.55);
  }
  .at-buy{background:linear-gradient(180deg, var(--at-magenta-2), var(--at-magenta)); color:#26041a; box-shadow:0 4px 0 #6e0e42;}
  .at-platform{color:var(--at-magenta-2);}

  /* ============ ROTATOR MOCK ============ */
  .rt-section{background:radial-gradient(ellipse at 50% 0%, rgba(181,101,47,0.09), transparent 60%);}
  .rt-eyebrow, .rt-name{color:var(--rt-copper-2);}
  .rt-panel{
    background:linear-gradient(160deg, #2b1d12, #150e08 70%);
    border:1px solid rgba(0,0,0,0.5); border-radius:8px; padding:16px;
    box-shadow:0 16px 40px rgba(0,0,0,0.55);
  }
  .rt-buy{background:linear-gradient(180deg, var(--rt-copper-2), var(--rt-copper)); color:#2a1200; box-shadow:0 4px 0 #6e3612;}
  .rt-platform{color:var(--rt-copper-2);}

  /* ============ RHEEZUS MOCK ============ */
  .rz-section{background:radial-gradient(ellipse at 50% 0%, rgba(221,59,46,0.09), transparent 60%);}
  .rz-eyebrow, .rz-name{color:var(--rz-red-2);}
  .rz-panel{
    background:linear-gradient(160deg, #241614, #120a09 70%);
    border:1px solid rgba(0,0,0,0.5); border-radius:8px; padding:16px;
    box-shadow:0 16px 40px rgba(0,0,0,0.55);
  }
  .rz-buy{background:linear-gradient(180deg, var(--rz-red-2), var(--rz-red)); color:#2a0402; box-shadow:0 4px 0 #7a170f;}
  .rz-platform{color:var(--rz-red-2);}

  /* ============ ELECTROCOMP 101 MOCK ============ */
  .em-section{background:radial-gradient(ellipse at 50% 0%, rgba(154,162,168,0.08), transparent 60%);}
  .em-eyebrow, .em-name{color:var(--em-steel-2);}
  .em-panel{
    background:linear-gradient(160deg, #2a2620, #16130f 70%);
    border:1px solid rgba(0,0,0,0.5); border-radius:8px; padding:16px;
    box-shadow:0 16px 40px rgba(0,0,0,0.55);
  }
  .em-buy{background:linear-gradient(180deg, var(--em-steel-2), var(--em-steel)); color:#151a1c; box-shadow:0 4px 0 #4c5459;}
  .em-platform{color:var(--em-steel-2);}

  /* ============ KICKSTOMPER MOCK ============ */
  .ks-section{background:radial-gradient(ellipse at 50% 0%, rgba(230,114,10,0.09), transparent 60%);}
  .ks-eyebrow, .ks-name{color:var(--ks-orange-2);}
  .ks-panel{
    background:linear-gradient(160deg, #201a12, #100c08 70%);
    border:1px solid rgba(0,0,0,0.5); border-radius:8px; padding:16px;
    box-shadow:0 16px 40px rgba(0,0,0,0.55);
  }
  .ks-buy{background:linear-gradient(180deg, var(--ks-orange-2), var(--ks-orange)); color:#2a1300; box-shadow:0 4px 0 #7a3c05;}
  .ks-platform{color:var(--ks-orange-2);}

  /* ============ IRONWALL MOCK ============ */
  .iw-section{background:radial-gradient(ellipse at 50% 0%, rgba(90,107,120,0.10), transparent 60%);}
  .iw-eyebrow, .iw-name{color:var(--iw-steel-2);}
  .iw-panel{
    background:linear-gradient(160deg, #1c2226, #0e1214 70%);
    border:1px solid rgba(0,0,0,0.5); border-radius:8px; padding:16px;
    box-shadow:0 16px 40px rgba(0,0,0,0.55);
  }
  .iw-buy{background:linear-gradient(180deg, var(--iw-steel-2), var(--iw-steel)); color:#0a1015; box-shadow:0 4px 0 #33424c;}
  .iw-platform{color:var(--iw-steel-2);}

  /* ============ ONEKNOB MOCK ============ */
  .ok-section{background:radial-gradient(ellipse at 50% 0%, rgba(124,79,214,0.10), transparent 60%);}
  .ok-eyebrow, .ok-name{color:var(--ok-violet-2);}
  .ok-panel{
    background:linear-gradient(160deg, #1e1a2b, #0f0c17 70%);
    border:1px solid rgba(0,0,0,0.5); border-radius:8px; padding:16px;
    box-shadow:0 16px 40px rgba(0,0,0,0.55);
  }
  .ok-buy{background:linear-gradient(180deg, var(--ok-violet-2), var(--ok-violet)); color:#160a2a; box-shadow:0 4px 0 #4a2c8c;}
  .ok-platform{color:var(--ok-violet-2);}

  /* ============ ZEROBOY MOCK ============ */
  .zb-section{background:radial-gradient(ellipse at 50% 0%, rgba(58,143,92,0.09), transparent 60%);}
  .zb-eyebrow, .zb-name{color:var(--zb-green-2);}
  .zb-panel{
    background:linear-gradient(160deg, #142219, #0a120d 70%);
    border:1px solid rgba(0,0,0,0.5); border-radius:8px; padding:16px;
    box-shadow:0 16px 40px rgba(0,0,0,0.55);
  }
  .zb-buy{background:linear-gradient(180deg, var(--zb-green-2), var(--zb-green)); color:#04170c; box-shadow:0 4px 0 #1c5c34;}
  .zb-platform{color:var(--zb-green-2);}

  /* ============ TALKBOY MOCK ============ */
  .tb-section{background:radial-gradient(ellipse at 50% 0%, rgba(217,79,104,0.09), transparent 60%);}
  .tb-eyebrow, .tb-name{color:var(--tb-coral-2);}
  .tb-panel{
    background:linear-gradient(160deg, #271620, #130a10 70%);
    border:1px solid rgba(0,0,0,0.5); border-radius:8px; padding:16px;
    box-shadow:0 16px 40px rgba(0,0,0,0.55);
  }
  .tb-buy{background:linear-gradient(180deg, var(--tb-coral-2), var(--tb-coral)); color:#2a040c; box-shadow:0 4px 0 #7a1a2c;}
  .tb-platform{color:var(--tb-coral-2);}

  /* ============ (F)MATRIXBOY MOCK ============ */
  .mb-section{background:radial-gradient(ellipse at 50% 0%, rgba(33,150,168,0.10), transparent 60%);}
  .mb-eyebrow, .mb-name{color:var(--mb-cyan-2);}
  .mb-panel{
    background:linear-gradient(160deg, #102226, #08151a 70%);
    border:1px solid rgba(0,0,0,0.5); border-radius:8px; padding:16px;
    box-shadow:0 16px 40px rgba(0,0,0,0.55);
  }
  .mb-buy{background:linear-gradient(180deg, var(--mb-cyan-2), var(--mb-cyan)); color:#04191d; box-shadow:0 4px 0 #164a54;}
  .mb-platform{color:var(--mb-cyan-2);}

  /* ============ 'SISTOR MOCK ============ */
  .st-section{background:radial-gradient(ellipse at 50% 0%, rgba(61,90,138,0.10), transparent 60%);}
  .st-eyebrow, .st-name{color:var(--st-navy-2);}
  .st-panel{
    background:linear-gradient(160deg, #171e2b, #0c1017 70%);
    border:1px solid rgba(0,0,0,0.5); border-radius:8px; padding:16px;
    box-shadow:0 16px 40px rgba(0,0,0,0.55);
  }
  .st-buy{background:linear-gradient(180deg, var(--st-navy-2), var(--st-navy)); color:#0a1220; box-shadow:0 4px 0 #22335a;}
  .st-platform{color:var(--st-navy-2);}

  /* ---------- HOMEPAGE HERO PICK + CATEGORY TILE GRID ---------- */
.hero-pick{display:block; text-decoration:none; margin:36px auto 8px; max-width:1100px; padding:0 24px;}
.hero-pick-card{display:flex; align-items:center; gap:24px; background:#141414; border:1px solid #2a2a2a; border-radius:12px; padding:20px 24px; transition:border-color .15s;}
.hero-pick-card:hover{border-color:var(--stamp-red-2);}
.hero-pick-img{width:120px; height:120px; border-radius:8px; overflow:hidden; flex:0 0 auto; background:#000;}
.hero-pick-img img{width:100%; height:100%; object-fit:cover; display:block;}
.hero-eyebrow{font-family:'Share Tech Mono',monospace; font-size:11px; letter-spacing:2px; color:var(--stamp-red-2); margin-bottom:6px;}
.hero-name{font-family:'Archivo Black',sans-serif; font-size:26px; color:var(--text); margin-bottom:6px;}
.hero-sub{font-size:13px; color:var(--muted);}
.hero-arrow{margin-left:auto; font-size:22px; color:var(--muted); flex:0 0 auto;}
@media (max-width:640px){ .hero-pick-card{flex-wrap:wrap;} .hero-arrow{display:none;} }
.cat-wrap{max-width:1100px; margin:0 auto; padding:0 24px 64px;}
.cat-label{font-family:'Share Tech Mono',monospace; font-size:12px; letter-spacing:2.5px; color:var(--stamp-red-2); margin:36px 0 12px;}
.tile-grid{display:grid; grid-template-columns:repeat(auto-fill, minmax(130px, 1fr)); gap:14px;}
.tile{display:block; text-decoration:none; background:#141414; border:1px solid #2a2a2a; border-radius:10px; padding:10px; transition:border-color .15s, transform .15s;}
.tile:hover{border-color:var(--stamp-red-2); transform:translateY(-2px);}
.tile-img{width:100%; aspect-ratio:1; border-radius:6px; overflow:hidden; background:#000; margin-bottom:8px;}
.tile-img img{width:100%; height:100%; object-fit:cover; display:block;}
.tile-name{font-family:'Share Tech Mono',monospace; font-size:11.5px; color:var(--text); text-align:center; line-height:1.3;}
.tile-skunk{background:#1a0d0d; border:1px dashed var(--stamp-red-2);}
.tile-skunk .tile-img{display:flex; align-items:center; justify-content:center;}
.tile-skunk .tile-name{color:var(--stamp-red-2); font-family:'Archivo Black',sans-serif; font-size:11.5px; letter-spacing:1px;}
.tile-soon{position:relative;}
.tile-soon-badge{
  position:absolute; top:16px; right:16px; background:rgba(6,7,8,0.75); color:var(--accent-2);
  font-family:'Archivo Black',sans-serif; font-size:9px; letter-spacing:1px; padding:3px 7px; border-radius:3px;
  border:1px solid var(--accent-2);
}

/* ---------- SKUNKWORKS ---------- */
  .sk-hero{text-align:center; padding:36px 0 18px;}
  .sk-logo{width:150px; height:auto; margin:0 auto 10px; display:block;}
  .sk-eyebrow{font-family:'Share Tech Mono',monospace; font-size:11.5px; letter-spacing:2.5px; color:var(--stamp-red-2); margin-bottom:8px;}
  .sk-title{font-family:'Archivo Black',sans-serif; font-size:clamp(30px,5vw,52px); letter-spacing:1px; margin:0 0 12px;}
  .sk-sub{max-width:560px; margin:0 auto; color:var(--muted); font-size:14.5px; line-height:1.6;}
  .sk-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:22px; padding:30px 0 64px;}
  .sk-card{
    background:#0d0d0d; border:1px solid #2a2a2a; border-radius:10px; overflow:hidden;
    display:flex; flex-direction:column;
  }
  .sk-card-img{position:relative; aspect-ratio:16/10; overflow:hidden; background:#000;}
  .sk-card-img img{width:100%; height:100%; object-fit:cover; display:block; filter:grayscale(0.15) contrast(1.05);}
  .sk-stamp{
    position:absolute; top:10px; left:10px; font-family:'Share Tech Mono',monospace; font-size:9.5px;
    letter-spacing:1.5px; color:var(--stamp-red-2); border:1px solid var(--stamp-red-2);
    padding:3px 7px; border-radius:3px; transform:rotate(-4deg); background:rgba(10,10,10,0.6);
  }
  .sk-card-body{padding:14px 16px 16px; display:flex; flex-direction:column; gap:8px; flex:1;}
  .sk-card-name{font-family:'Share Tech Mono',monospace; font-size:13.5px; font-weight:700; letter-spacing:0.5px; color:var(--text);}
  .sk-card-hook{font-size:12.5px; line-height:1.5; color:var(--muted); flex:1;}
  .sk-card-foot{display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:4px;}
  .sk-want-btn{
    background:var(--stamp-red); border:none; color:#fbe4e8; font-family:'Archivo Black',sans-serif;
    font-size:11px; letter-spacing:0.6px; padding:9px 14px; border-radius:5px; cursor:pointer;
    transition:transform .15s;
  }
  .sk-want-btn:hover{transform:translateY(-2px);}
  .sk-want-btn.noted{background:#2a2a2a; color:#777; cursor:default; transform:none;}
  .sk-want-count{font-family:'Share Tech Mono',monospace; font-size:11px; color:#666;}

  /* ---------- FOOTER ---------- */
  footer{padding:50px 0 60px; text-align:center; color:var(--muted); font-size:12px; border-top:1px solid rgba(255,255,255,0.06);}
  footer .foot-logo{font-family:'Archivo Black',sans-serif; color:var(--accent); font-size:18px; margin-bottom:10px;}
  footer a{color:var(--accent-2); text-decoration:none;}

  @media (max-width:600px){
    .product-body{gap:28px;}
  }

  /* ---------- FEATURED (homepage curated picks) ---------- */
  .featured-section{padding:44px 0 8px;}
  .featured-eyebrow{text-align:center; color:var(--muted); font-family:'Share Tech Mono',monospace; font-size:11.5px; letter-spacing:2px; margin-bottom:22px;}
  .featured-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(340px,1fr)); gap:26px; max-width:1080px; margin:0 auto;}
  .featured-card{
    display:flex; flex-direction:column; background:var(--panel);
    border:1px solid rgba(255,255,255,0.1); border-radius:12px; overflow:hidden;
    box-shadow:0 14px 30px rgba(0,0,0,0.4);
  }
  .featured-card-img{aspect-ratio:16/10; overflow:hidden; background:#000;}
  .featured-card-img img{width:100%; height:100%; object-fit:cover; display:block;}
  .featured-card-body{padding:20px 22px 22px; display:flex; flex-direction:column; gap:10px; flex:1;}
  .featured-card-tag{font-family:'Share Tech Mono',monospace; font-size:10.5px; letter-spacing:1.5px; color:var(--muted);}
  .featured-card-name{font-family:'Archivo Black',sans-serif; font-size:26px; letter-spacing:0.3px;}
  .featured-card-hook{font-size:14.5px; line-height:1.55; color:var(--muted); flex:1;}
  .featured-card-foot{display:flex; align-items:center; justify-content:space-between; margin-top:4px;}
  .featured-card-price{font-family:'Archivo Black',sans-serif; font-size:20px; color:var(--accent-2);}

  /* ---------- PRODUCT GRID (homepage card view) ---------- */
  .product-grid-section{padding:0 0 64px;}
  .product-grid.compact{grid-template-columns:repeat(auto-fit,minmax(175px,1fr)); gap:16px;}
  .product-grid.compact .product-card-hook{display:none;}
  .product-grid.compact .product-card-body{padding:12px 14px 10px;}
  .product-grid.compact .product-card-name{font-size:15px; margin-bottom:0;}
  .product-grid.compact .product-card-foot{padding:10px 14px 14px;}
  .product-grid.compact .product-card-price{font-size:17px;}
  .product-grid-hint{text-align:center; color:var(--muted); font-family:'Share Tech Mono',monospace; font-size:11.5px; letter-spacing:1.5px; margin-bottom:28px;}
  .product-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:22px;}
  .product-card{
    display:flex; flex-direction:column; background:var(--panel);
    border:1px solid rgba(255,255,255,0.08); border-radius:10px; overflow:hidden;
    box-shadow:0 10px 24px rgba(0,0,0,0.4);
    transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
  }
  .product-card:hover{transform:translateY(-5px); border-color:rgba(255,255,255,0.25); box-shadow:0 16px 34px rgba(0,0,0,0.55);}
  .product-card-link{display:block; text-decoration:none; color:inherit;}
  .product-card-img{aspect-ratio:16/10; overflow:hidden; background:#000;}
  .product-card-img img{width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s ease;}
  .product-card:hover .product-card-img img{transform:scale(1.05);}
  .product-card-body{padding:16px 18px 12px; border-top:2px solid rgba(255,255,255,0.08);}
  .product-card-name{font-family:'Archivo Black',sans-serif; font-size:18px; margin-bottom:6px; letter-spacing:0.3px;}
  .product-card-hook{color:var(--muted); font-size:12.5px; line-height:1.55; min-height:38px;}
  .product-card-foot{
    display:flex; align-items:center; justify-content:space-between; gap:10px;
    padding:0 18px 18px; margin-top:auto;
  }
  .product-card-price{font-family:'Archivo Black',sans-serif; font-size:21px; color:var(--accent-2); letter-spacing:0.3px;}
  .product-card-buy{
    font-family:'Archivo Black',sans-serif; font-size:12.5px; letter-spacing:0.8px; text-transform:uppercase;
    text-decoration:none; background:var(--accent); color:#06110f;
    padding:9px 16px; border-radius:5px; transition:transform .15s;
  }
  .product-card-buy:hover{transform:translateY(-2px);}
  .product-card.soon{opacity:0.88;}
  .product-card.soon .product-card-hook{min-height:auto;}
  .product-card-soon-badge{
    font-family:'Press Start 2P',monospace; font-size:8px; letter-spacing:0.5px; color:var(--muted);
    border:1px dashed rgba(255,255,255,0.28); border-radius:20px; padding:8px 13px; line-height:1.4;
  }

  /* ---------- BREADCRUMB (product pages) ---------- */
  .breadcrumb{padding:22px 0 0;}
  .breadcrumb a{
    font-family:'Share Tech Mono',monospace; font-size:12px; letter-spacing:1px;
    color:var(--muted); text-decoration:none; transition:color .2s;
  }
  .breadcrumb a:hover{color:var(--accent-2);}

  .nav-logo-link{text-decoration:none;}