/*BLEND PIXEL STUDIO — home.css v15.1
   FIX: light mode tokens added via html[data-theme="light"] .bps-home
   ============================================================ */

/* ════════════════════════════════════════════════════════════
   KILL KADENCE PAGE CHROME ON HOMEPAGE
════════════════════════════════════════════════════════════ */
.home #primary,.home .site-main,.home .content-container,
.home .entry-content,.home article.page,.home .entry-header,
.home .wp-block-group,.home .entry-content-wrap {
    background:transparent!important;box-shadow:none!important;
    border:none!important;border-radius:0!important;
    padding:0!important;margin:0!important;
    max-width:100%!important;width:100%!important;
}

/* ════════════════════════════════════════════════════════════
   DARK TOKENS (default)
════════════════════════════════════════════════════════════ */
.bps-home {
    --bg:#0b0a0e; --s1:#111018; --s2:#18161f; --s3:#201d2b;
    --bd:#2a2738; --bdh:#3d3a52;
    --acc:#efb07d; --acc-l:#f5c89a; --acc-glow:rgba(239,176,125,.18);
    --ok:#4ade80; --discord:#5865f2;
    --t1:#f0ede8; --t2:#9a8e7e; --t3:#8f8271;
    --r:10px; --rl:16px;
    --tr:.22s ease;
    background:var(--bg);
    color:var(--t1);
    font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
    overflow-x:hidden;
}

/* ════════════════════════════════════════════════════════════
   LIGHT MODE OVERRIDE — all tokens flip here
════════════════════════════════════════════════════════════ */
html[data-theme="light"] .bps-home {
    --bg:#f5f3f0; --s1:#ffffff; --s2:#ede9e3; --s3:#e0dbd3;
    --bd:#ccc6bc; --bdh:#b0a89e;
    --t1:#1a1612; --t2:#5c5248; --t3:#655a4c;
    background:var(--bg);
    color:var(--t1);
}
/* Light mode specific hero bg overlay */
html[data-theme="light"] .bps-hero-bg { opacity:.12; filter:blur(3px) saturate(.5); }
html[data-theme="light"] .bps-hero-left { background:linear-gradient(135deg, rgba(245,243,240,.95) 0%, rgba(245,243,240,.75) 100%); }
html[data-theme="light"] .bps-hero-right { background:var(--s1); border-color:var(--bd); }
html[data-theme="light"] .bps-hero-card { background:var(--s2); border-color:var(--bd); }
html[data-theme="light"] .bps-hero-card-body { background:var(--s1); }
html[data-theme="light"] .bps-btn-secondary { background:rgba(26,22,18,.06); color:var(--t1); border-color:rgba(26,22,18,.15); }
html[data-theme="light"] .bps-btn-secondary:hover { background:rgba(26,22,18,.1); }
html[data-theme="light"] .bps-cats-section { background:var(--s2); }
html[data-theme="light"] .bps-deepdive-section { background:linear-gradient(135deg,var(--s2) 0%,var(--bg) 100%); border-color:var(--bd); }
html[data-theme="light"] .bps-deepdive-thumb { border-color:var(--bd); box-shadow:0 20px 60px rgba(0,0,0,.15); }
html[data-theme="light"] .bps-toppacks-section { background:var(--s2); }
html[data-theme="light"] .bps-pack-card { background:var(--s1); border-color:var(--bd); }
html[data-theme="light"] .bps-pack-card-img { background:var(--s2); }
html[data-theme="light"] .bps-free-card { background:var(--s1); border-color:var(--bd); }
html[data-theme="light"] .bps-pricing-section { background:var(--s1); border-color:var(--bd); }
html[data-theme="light"] .bps-license-toggle { background:var(--s2); border-color:var(--bd); }
html[data-theme="light"] .bps-lic-btn--active { background:var(--s1); color:var(--t1); box-shadow:0 2px 8px rgba(0,0,0,.1); }
html[data-theme="light"] .bps-lic-content { background:var(--s2); border-color:var(--bd); }
html[data-theme="light"] .bps-community-section { background:var(--bg); }
html[data-theme="light"] .bps-newsletter-card { background:var(--s1); border-color:var(--bd); }
html[data-theme="light"] .bps-newsletter-input { background:var(--s2); border-color:var(--bd); color:var(--t1); }
html[data-theme="light"] .bps-engine-pill { background:var(--s2); border-color:var(--bd); color:var(--t2); }
html[data-theme="light"] .bps-compat-bar { background:var(--s2); border-color:var(--bd); }
html[data-theme="light"] .bps-hero-stats { border-color:var(--bd); }
html[data-theme="light"] .bps-hero-stat-div { background:var(--bd); }
html[data-theme="light"] .bps-cat-tile { border-color:var(--bd); }
html[data-theme="light"] .bps-deepdive-cat { background:var(--s2); border-color:var(--bd); }

/* ════════════════════════════════════════════════════════════
   SECTION UTILITIES
════════════════════════════════════════════════════════════ */
.bps-section { padding:80px 0; }
.bps-section-inner { max-width:1280px;margin:0 auto;padding:0 32px; }
.bps-section-eyebrow {
    display:inline-flex;align-items:center;gap:7px;
    font-size:11px;font-weight:700;letter-spacing:.12em;
    text-transform:uppercase;color:var(--acc);margin-bottom:10px;
}
.bps-section-eyebrow--ok { color:var(--ok); }
.bps-section-title {
    font-family:'Space Grotesk',sans-serif;
    font-size:clamp(26px,3.5vw,40px);font-weight:800;color:var(--t1);
    margin:0 0 14px;line-height:1.15;letter-spacing:-.02em;
}
.bps-section-sub { font-size:15px;color:var(--t2);margin:0;max-width:560px;line-height:1.7; }
.bps-section-head { margin-bottom:40px; }
.bps-section-head--row {
    display:flex;align-items:flex-end;justify-content:space-between;
    gap:20px;margin-bottom:32px;
}
.bps-section-head--row .bps-section-title { margin-bottom:0; }
.bps-view-all {
    font-size:14px;font-weight:600;color:var(--acc);text-decoration:none;
    white-space:nowrap;display:inline-flex;align-items:center;gap:6px;
    flex-shrink:0;padding-bottom:2px;border-bottom:1px solid rgba(239,176,125,.3);
    transition:color var(--tr),border-color var(--tr);
}
.bps-view-all:hover { color:var(--acc-l);border-color:var(--acc-l); }
.bps-dd-dot {
    width:8px;height:8px;border-radius:50%;background:var(--acc);
    display:inline-block;flex-shrink:0;box-shadow:0 0 8px var(--acc-glow);
}

/* ════════════════════════════════════════════════════════════
   BUTTONS
════════════════════════════════════════════════════════════ */
.bps-btn-primary {
    display:inline-flex;align-items:center;gap:8px;background:var(--acc);color:#000;
    font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;
    letter-spacing:.01em;padding:13px 24px;border-radius:var(--r);
    text-decoration:none;transition:all .25s;box-shadow:0 4px 20px var(--acc-glow);white-space:nowrap;
}
.bps-btn-primary:hover { background:var(--acc-l);color:#000;transform:translateY(-2px);box-shadow:0 8px 28px var(--acc-glow); }
.bps-btn-secondary {
    display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.06);color:var(--t1);
    backdrop-filter:blur(8px);font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:600;
    padding:13px 24px;border-radius:var(--r);border:1px solid rgba(255,255,255,.12);
    text-decoration:none;transition:all .25s;white-space:nowrap;
}
.bps-btn-secondary:hover { background:rgba(255,255,255,.1);color:var(--t1);border-color:rgba(255,255,255,.25); }
.bps-btn-outline {
    display:inline-flex;align-items:center;gap:8px;background:transparent;color:var(--acc);
    font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:600;
    padding:12px 22px;border-radius:var(--r);border:1.5px solid rgba(239,176,125,.4);
    text-decoration:none;transition:all .25s;white-space:nowrap;
}
.bps-btn-outline:hover { background:var(--acc-glow);color:var(--acc-l);border-color:var(--acc); }
.bps-btn-discord {
    display:inline-flex;align-items:center;gap:8px;background:var(--discord);color:#fff;
    font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;
    padding:13px 24px;border-radius:var(--r);text-decoration:none;transition:all .25s;
    box-shadow:0 4px 20px rgba(88,101,242,.3);
}
.bps-btn-discord:hover { background:#4752c4;color:#fff;transform:translateY(-2px);box-shadow:0 8px 28px rgba(88,101,242,.4); }

/* ════════════════════════════════════════════════════════════
   1. COMPAT BAR
════════════════════════════════════════════════════════════ */
.bps-compat-bar { background:var(--s2);border-bottom:1px solid var(--bd);padding:9px 32px; }
.bps-compat-inner { max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap; }
.bps-compat-left { display:flex;align-items:center;gap:8px;font-size:12px;color:var(--t3);flex-wrap:wrap; }
.bps-engine-pill { font-size:11px;font-weight:600;color:var(--t2);background:var(--s3);border:1px solid var(--bd);border-radius:4px;padding:2px 8px; }
.bps-compat-sep { color:var(--bd); }
.bps-compat-right { display:flex;align-items:center;gap:6px;font-size:12px;color:var(--t3); }
.bps-compat-right strong { color:var(--t2); }
.bps-compat-right svg { color:var(--ok);flex-shrink:0; }

/* ════════════════════════════════════════════════════════════
   2. HERO
════════════════════════════════════════════════════════════ */
.bps-hero { display:grid;grid-template-columns:1fr 480px;min-height:520px;align-items:stretch;position:relative;overflow:hidden; }
.bps-hero-left { position:relative;display:flex;align-items:center;padding:72px 64px 72px 48px;overflow:hidden; }
.bps-hero-bg { position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.18;filter:blur(2px) saturate(.7); }
.bps-hero-bg::after { content:'';position:absolute;inset:0;background:linear-gradient(135deg,var(--bg) 0%,rgba(11,10,14,.5) 100%); }
.bps-hero-content { position:relative;z-index:1;max-width:580px; }
.bps-hero-eyebrow { display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--acc);margin-bottom:18px; }
.bps-hero-dot { width:7px;height:7px;border-radius:50%;background:var(--acc);flex-shrink:0;animation:hero-dot-pulse 2s ease-in-out infinite;box-shadow:0 0 8px var(--acc-glow); }
@keyframes hero-dot-pulse { 0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)} }
.bps-hero-heading { font-family:'Space Grotesk',sans-serif;font-size:clamp(32px,4.5vw,56px);font-weight:800;color:var(--t1);line-height:1.1;letter-spacing:-.03em;margin:0 0 20px; }
.bps-hero-accent { color:var(--acc);position:relative; }
.bps-hero-accent::after { content:'';position:absolute;bottom:-3px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--acc),transparent);border-radius:2px; }
.bps-hero-sub { font-size:16px;color:var(--t2);line-height:1.7;margin:0 0 32px;max-width:480px; }
.bps-hero-ctas { display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:40px; }
.bps-hero-stats { display:flex;align-items:center;gap:24px;padding-top:32px;border-top:1px solid var(--bd); }
.bps-hero-stat { display:flex;flex-direction:column;gap:2px; }
.bps-stat-num { font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:800;color:var(--t1);line-height:1; }
.bps-stat-lbl { font-size:11px;color:var(--t3);text-transform:uppercase;letter-spacing:.07em; }
.bps-hero-stat-div { width:1px;height:32px;background:var(--bd); }
.bps-hero-right { background:var(--s1);border-left:1px solid var(--bd);display:flex;align-items:center;justify-content:center;padding:40px 36px; }
.bps-hero-card { width:100%;max-width:380px;background:var(--s2);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;transition:border-color .25s,box-shadow .25s; }
.bps-hero-card:hover { border-color:var(--bdh);box-shadow:0 12px 40px rgba(0,0,0,.5); }
.bps-hero-card-eyebrow { display:flex;align-items:center;gap:7px;padding:14px 18px 0;font-size:11px;font-weight:700;color:var(--acc);letter-spacing:.1em;text-transform:uppercase; }
.bps-hero-card-thumb { display:block;position:relative;aspect-ratio:16/9;overflow:hidden;margin:12px 18px;border-radius:10px;background:var(--s3);text-decoration:none; }
.bps-hero-card-thumb img { width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease; }
.bps-hero-card:hover .bps-hero-card-thumb img { transform:scale(1.04); }
.bps-hero-card-badge { position:absolute;top:10px;left:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--t2);background:rgba(17,16,24,.85);backdrop-filter:blur(8px);border:1px solid var(--bd);border-radius:5px;padding:3px 8px; }
.bps-play-btn { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:rgba(239,176,125,.9);color:#000;display:flex;align-items:center;justify-content:center;transition:all .25s; }
.bps-hero-card-thumb:hover .bps-play-btn { background:var(--acc-l);transform:translate(-50%,-50%) scale(1.1); }
.bps-hero-card-body { padding:12px 18px 18px; }
.bps-hero-card-title { font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:700;color:var(--t1);margin:0 0 12px;line-height:1.3; }
.bps-hero-card-title a { color:inherit;text-decoration:none; }
.bps-hero-card-title a:hover { color:var(--acc); }
.bps-hero-card-features { list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:7px; }
.bps-hero-card-features li { display:flex;align-items:center;gap:8px;font-size:13px;color:var(--t2); }
.bps-hero-card-footer { display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--bd); }
.bps-hero-card-price { font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:800;color:var(--acc); }
.bps-hero-card-cta { font-size:13px;font-weight:700;color:var(--acc);text-decoration:none;padding:8px 16px;background:var(--acc-glow);border:1px solid rgba(239,176,125,.25);border-radius:8px;transition:all .2s; }
.bps-hero-card-cta:hover { background:rgba(239,176,125,.25);color:var(--acc-l); }

/* ════════════════════════════════════════════════════════════
   3. CATEGORIES
════════════════════════════════════════════════════════════ */
.bps-cats-section { background:var(--s1); }
.bps-cats-grid { display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;gap:14px; }
.bps-cat-tile--large { grid-row:span 2; }
.bps-cat-tile { position:relative;overflow:hidden;border-radius:var(--rl);background-size:cover;background-position:center;background-color:var(--s3);border:1px solid var(--bd);text-decoration:none;transition:transform .28s,box-shadow .28s,border-color .28s;display:flex;align-items:flex-end;min-height:160px; }
.bps-cat-tile--large { min-height:340px; }
.bps-cat-tile:hover { transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.6);border-color:var(--bdh); }
.bps-cat-tile-overlay { position:absolute;inset:0;background:linear-gradient(to top,rgba(11,10,14,.92) 0%,rgba(11,10,14,.3) 50%,transparent 100%);transition:opacity .28s; }
.bps-cat-tile:hover .bps-cat-tile-overlay { opacity:.85; }
.bps-cat-tile-body { position:relative;z-index:1;padding:16px 18px;flex:1; }
.bps-cat-tile-label { font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:700;color:#fff;display:block;margin-bottom:3px;text-shadow:0 2px 8px rgba(0,0,0,.6); }
.bps-cat-tile--large .bps-cat-tile-label { font-size:20px; }
.bps-cat-tile-count { font-size:11px;color:rgba(255,255,255,.55);font-weight:500;letter-spacing:.04em; }
.bps-cat-tile-arrow { position:absolute;bottom:16px;right:16px;z-index:1;width:32px;height:32px;border-radius:50%;background:rgba(239,176,125,.15);border:1px solid rgba(239,176,125,.3);color:var(--acc);display:flex;align-items:center;justify-content:center;font-size:14px;opacity:0;transition:opacity .25s,background .25s; }
.bps-cat-tile:hover .bps-cat-tile-arrow { opacity:1;background:rgba(239,176,125,.25); }

/* ════════════════════════════════════════════════════════════
   4. DEEP DIVE
════════════════════════════════════════════════════════════ */
.bps-deepdive-section { background:linear-gradient(135deg,var(--s2) 0%,var(--bg) 100%);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd); }
.bps-deepdive-grid { display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center; }
.bps-deepdive-eyebrow { display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin-bottom:8px; }
.bps-deepdive-cat { display:inline-block;font-size:12px;font-weight:600;color:var(--t3);background:var(--s3);border:1px solid var(--bd);border-radius:4px;padding:2px 8px;margin-bottom:12px; }
.bps-deepdive-title { font-family:'Space Grotesk',sans-serif;font-size:clamp(24px,3vw,36px);font-weight:800;color:var(--t1);margin:0 0 14px;line-height:1.15;letter-spacing:-.02em; }
.bps-deepdive-title a { color:inherit;text-decoration:none; }
.bps-deepdive-title a:hover { color:var(--acc); }
.bps-deepdive-desc { font-size:15px;color:var(--t2);line-height:1.7;margin:0 0 22px; }
.bps-deepdive-features { list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:8px; }
.bps-deepdive-features li { display:flex;align-items:center;gap:10px;font-size:14px;color:var(--t2); }
.bps-deepdive-footer { display:flex;align-items:center;gap:18px;flex-wrap:wrap; }
.bps-deepdive-price { font-family:'Space Grotesk',sans-serif;font-size:32px;font-weight:800;color:var(--acc); }
.bps-deepdive-thumb { display:block;position:relative;border-radius:var(--rl);overflow:hidden;background:var(--s3);aspect-ratio:16/10;text-decoration:none;border:1px solid var(--bd);box-shadow:0 20px 60px rgba(0,0,0,.5);transition:box-shadow .3s,transform .3s; }
.bps-deepdive-thumb:hover { transform:translateY(-4px);box-shadow:0 28px 72px rgba(0,0,0,.65); }
.bps-deepdive-thumb img { width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s; }
.bps-deepdive-thumb:hover img { transform:scale(1.03); }
.bps-deepdive-play { position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(11,10,14,.4);opacity:0;transition:opacity .3s; }
.bps-deepdive-thumb:hover .bps-deepdive-play { opacity:1; }
.bps-play-ring { width:68px;height:68px;border-radius:50%;background:rgba(239,176,125,.9);color:#000;display:flex;align-items:center;justify-content:center;margin-bottom:10px;box-shadow:0 0 0 8px rgba(239,176,125,.2); }
.bps-deepdive-play-lbl { font-size:13px;font-weight:700;color:#fff;letter-spacing:.04em; }

/* ════════════════════════════════════════════════════════════
   5. FREE STARTER
════════════════════════════════════════════════════════════ */
.bps-free-section { background:var(--bg); }
.bps-free-header { display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:36px;flex-wrap:wrap; }
.bps-free-price { color:var(--ok); }
.bps-free-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:16px; }
.bps-free-card { background:var(--s1);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;text-decoration:none;transition:all .25s; }
.bps-free-card:hover { border-color:var(--bdh);transform:translateY(-3px);box-shadow:0 12px 36px rgba(0,0,0,.5); }
.bps-free-card-img { position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--s2); }
.bps-free-card-img img { width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s; }
.bps-free-card:hover .bps-free-card-img img { transform:scale(1.05); }
.bps-free-badge { position:absolute;top:10px;left:10px;background:var(--ok);color:#000;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;border-radius:5px;padding:3px 8px; }
.bps-free-card-body { padding:12px 14px 14px; }
.bps-free-card-cat { display:block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);margin-bottom:4px; }
.bps-free-card-name { font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;color:var(--t1);margin:0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.bps-free-card:hover .bps-free-card-name { color:var(--acc); }

/* ════════════════════════════════════════════════════════════
   6. TOP PACKS
════════════════════════════════════════════════════════════ */
.bps-toppacks-section { background:var(--s1); }
.bps-packs-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:20px; }
.bps-pack-card { background:var(--s2);border:1px solid var(--bd);border-radius:var(--rl);overflow:hidden;text-decoration:none;transition:all .25s; }
.bps-pack-card:hover { border-color:var(--bdh);transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,.55); }
.bps-pack-card-img { position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--s3); }
.bps-pack-card-img img { width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s; }
.bps-pack-card:hover .bps-pack-card-img img { transform:scale(1.06); }
.bps-pack-badge { position:absolute;top:10px;left:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;border-radius:5px;padding:3px 8px;z-index:3; }
.bps-pack-badge--sale { background:var(--acc);color:#000; }
.bps-pack-badge--free { background:var(--ok);color:#000; }
.bps-pack-card-hover { position:absolute;inset:0;background:rgba(11,10,14,.55);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s; }
.bps-pack-card-hover span { font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;background:rgba(239,176,125,.9);color:#000;padding:10px 20px;border-radius:8px; }
.bps-pack-card:hover .bps-pack-card-hover { opacity:1; }
.bps-pack-card-body { padding:14px 16px 16px; }
.bps-pack-cat { display:block;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--acc);margin-bottom:4px; }
.bps-pack-name { font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:600;color:var(--t1);margin:0 0 8px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.bps-pack-card:hover .bps-pack-name { color:var(--acc); }
.bps-pack-price-row { display:flex;align-items:baseline;gap:7px; }
.bps-pack-price { font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:700;color:var(--t1); }
.bps-pack-price-sale { font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:700;color:var(--acc); }
.bps-pack-price-was { font-size:12px;color:var(--t3);text-decoration:line-through; }
.bps-pack-price-free { font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:700;color:var(--ok); }

/* ════════════════════════════════════════════════════════════
   7. PRICING
════════════════════════════════════════════════════════════ */
.bps-pricing-section { background:var(--s2);border-top:1px solid var(--bd);border-bottom:1px solid var(--bd); }
.bps-pricing-grid { display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start; }
.bps-pricing-desc { font-size:15px;color:var(--t2);line-height:1.7;margin:0 0 28px; }
.bps-license-toggle { display:flex;background:var(--s3);border:1px solid var(--bd);border-radius:10px;padding:4px;gap:4px;margin-bottom:24px; }
.bps-lic-btn { flex:1;padding:10px 16px;background:transparent;border:none;border-radius:7px;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;color:var(--t3);cursor:pointer;transition:all .2s; }
.bps-lic-btn--active { background:var(--s1);color:var(--t1);box-shadow:0 2px 8px rgba(0,0,0,.25); }
.bps-lic-content { background:var(--s1);border:1px solid var(--bd);border-radius:var(--rl);padding:28px; }
.bps-lic-header { margin-bottom:20px; }
.bps-lic-title { font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;color:var(--t1);margin:0 0 6px; }
.bps-lic-tag { font-size:13px;color:var(--t2); }
.bps-lic-features { list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:10px; }
.bps-lic-features li { display:flex;align-items:center;gap:10px;font-size:14px;color:var(--t2); }

/* ════════════════════════════════════════════════════════════
   8. COMMUNITY
════════════════════════════════════════════════════════════ */
.bps-community-section { background:var(--bg); }
.bps-community-grid { display:grid;grid-template-columns:1fr 1fr;gap:24px; }
.bps-discord-card { background:linear-gradient(135deg,#2d2f6b 0%,#1e2057 100%);border:1px solid rgba(88,101,242,.3);border-radius:var(--rl);padding:36px;position:relative;overflow:hidden; }
.bps-discord-card::before { content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:rgba(88,101,242,.15); }
.bps-discord-header { display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:rgba(255,255,255,.7);margin-bottom:16px;position:relative;z-index:1; }
.bps-discord-icon { color:#fff;opacity:.9; }
.bps-discord-title { font-family:'Space Grotesk',sans-serif;font-size:26px;font-weight:800;color:#fff;margin:0 0 10px;position:relative;z-index:1; }
.bps-discord-sub { font-size:14px;color:rgba(255,255,255,.65);line-height:1.65;margin:0 0 20px;position:relative;z-index:1; }
.bps-discord-sub strong { color:#fff; }
.bps-discord-online { display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(255,255,255,.55);margin-bottom:24px;position:relative;z-index:1; }
.bps-online-dot { width:8px;height:8px;border-radius:50%;background:var(--ok);flex-shrink:0;animation:online-pulse 2s ease-in-out infinite;box-shadow:0 0 8px var(--ok); }
@keyframes online-pulse { 0%,100%{opacity:1}50%{opacity:.5} }
.bps-newsletter-card { background:var(--s1);border:1px solid var(--bd);border-radius:var(--rl);padding:36px;display:flex;flex-direction:column; }
.bps-newsletter-icon { width:52px;height:52px;border-radius:12px;background:var(--acc-glow);border:1px solid rgba(239,176,125,.25);display:flex;align-items:center;justify-content:center;color:var(--acc);margin-bottom:18px; }
.bps-newsletter-title { font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:800;color:var(--t1);margin:0 0 10px; }
.bps-newsletter-sub { font-size:14px;color:var(--t2);line-height:1.65;margin:0 0 24px; }
.bps-newsletter-form { display:flex;gap:8px;flex-wrap:wrap; }
.bps-newsletter-input { flex:1;min-width:200px;background:var(--s2);border:1.5px solid var(--bd);border-radius:var(--r);color:var(--t1);font-size:14px;padding:12px 16px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s; }
.bps-newsletter-input:focus { border-color:var(--acc);box-shadow:0 0 0 3px var(--acc-glow); }
.bps-newsletter-input::placeholder { color:var(--t3); }
.bps-newsletter-btn { background:var(--acc);color:#000;font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:700;padding:12px 22px;border:none;border-radius:var(--r);cursor:pointer;transition:all .2s;white-space:nowrap; }
.bps-newsletter-btn:hover { background:var(--acc-l);transform:translateY(-1px); }
.bps-newsletter-note { font-size:11px;color:var(--t3);margin:10px 0 0; }

/* ════════════════════════════════════════════════════════════
   RESPONSIVE
════════════════════════════════════════════════════════════ */
@media(max-width:1200px){
    .bps-hero{grid-template-columns:1fr 400px}
    .bps-hero-left{padding:60px 48px 60px 40px}
    .bps-pricing-grid,.bps-deepdive-grid{gap:40px}
}
@media(max-width:1024px){
    .bps-section-inner{padding:0 24px}
    .bps-hero{grid-template-columns:1fr 360px}
    .bps-hero-left{padding:48px 40px 48px 32px}
    .bps-packs-grid{grid-template-columns:repeat(2,1fr)}
    .bps-free-grid{grid-template-columns:repeat(2,1fr)}
    .bps-cats-grid{grid-template-columns:repeat(2,1fr)}
    .bps-cat-tile--large{grid-column:span 2;grid-row:span 1}
    .bps-deepdive-grid{grid-template-columns:1fr;gap:32px}
    .bps-pricing-grid{grid-template-columns:1fr;gap:32px}
    .bps-community-grid{grid-template-columns:1fr;gap:20px}
}
@media(max-width:768px){
    .bps-section{padding:56px 0}
    .bps-section-inner{padding:0 16px}
    .bps-compat-inner{justify-content:center}
    .bps-compat-right{display:none}
    .bps-hero{grid-template-columns:1fr}
    .bps-hero-left{padding:48px 24px 40px}
    .bps-hero-right{border-left:none;border-top:1px solid var(--bd);padding:28px 20px}
    .bps-hero-heading{font-size:32px}
    .bps-hero-stats{gap:16px}
    .bps-section-head--row{flex-direction:column;align-items:flex-start;gap:12px}
    .bps-free-header{flex-direction:column;gap:16px;align-items:flex-start}
    .bps-cats-grid{grid-template-columns:1fr 1fr;gap:10px}
    .bps-cat-tile--large{grid-column:span 2;min-height:180px}
    .bps-cat-tile{min-height:130px}
    .bps-packs-grid{grid-template-columns:1fr 1fr;gap:12px}
    .bps-free-grid{grid-template-columns:1fr 1fr;gap:12px}
    .bps-hero-ctas{gap:10px}
    .bps-newsletter-form{flex-direction:column}
    .bps-newsletter-input{min-width:0}
}
@media(max-width:480px){
    .bps-hero-heading{font-size:28px}
    .bps-hero-sub{font-size:14px}
    .bps-cats-grid{grid-template-columns:1fr;gap:8px}
    .bps-cat-tile--large{grid-column:span 1}
    .bps-packs-grid{grid-template-columns:1fr}
    .bps-free-grid{grid-template-columns:1fr 1fr;gap:10px}
    .bps-hero-stats{flex-wrap:wrap;gap:12px}
    .bps-hero-stat-div{display:none}
    .bps-discord-card,.bps-newsletter-card{padding:24px 20px}
    .bps-section-title{font-size:24px}
}

/* ============================================================