@import url('https://fonts.googleapis.com/css2?family=Bangers&family=Inter:wght@400;500;600;700;800;900&display=swap');

:root{
  --black:#050709;
  --ink:#090d12;
  --panel:#0b1016;
  --panel2:#0e151d;
  --line:#26303a;
  --white:#f6f7f3;
  --muted:#adb7c3;
  --lime:#c9ff00;
  --lime2:#aaf000;
  --red:#e52b2f;
  --shadow:0 24px 70px rgba(0,0,0,.45);
  --max:min(1240px, calc(100% - 36px));
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--white);
  background:
    radial-gradient(circle at 80% 0%, rgba(201,255,0,.08), transparent 28rem),
    linear-gradient(180deg,#050709 0%,#070b10 45%,#050709 100%);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
.wrap{width:var(--max);margin:auto}
.nav{
  position:sticky;top:0;z-index:50;
  background:rgba(4,7,10,.9);
  backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(255,255,255,.09);
}
.nav-inner{
  min-height:78px;
  display:flex;align-items:center;justify-content:space-between;gap:22px;
}
.brand{display:flex;align-items:center;gap:12px;font-weight:900}
.brand-badge{
  width:48px;height:48px;border-radius:12px;
  background:linear-gradient(145deg,#d8ff2f,#a8ef00);
  color:#061006;display:grid;place-items:center;
  font-size:19px;font-style:italic;box-shadow:0 0 30px rgba(201,255,0,.14)
}
.brand-name{font-size:18px;line-height:1}
.brand-country{font-size:11px;letter-spacing:.15em;color:#d6dde5;margin-top:5px}
.ch-cross{display:inline-grid;place-items:center;background:var(--red);width:18px;height:18px;border-radius:2px;margin-left:5px;vertical-align:-3px}
.ch-cross:before,.ch-cross:after{content:"";position:absolute;background:white}
.ch-cross{position:relative}
.ch-cross:before{width:11px;height:4px}
.ch-cross:after{width:4px;height:11px}
.menu{display:flex;align-items:center;gap:3px}
.menu a{padding:13px 12px;font-weight:800;font-size:14px;border-radius:8px}
.menu a:hover{color:var(--lime)}
.menu a.active{color:var(--lime);position:relative}
.menu a.active:after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:3px;background:var(--lime);border-radius:2px}
.bros-btn{
  border:1px solid rgba(201,255,0,.7);
  border-radius:12px;padding:13px 18px;font-weight:900;color:var(--lime)
}
.hero{position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.hero:before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,#050709 0%,rgba(5,7,9,.86) 23%,rgba(5,7,9,.28) 46%,rgba(5,7,9,.10) 62%,rgba(5,7,9,.18) 100%);
  z-index:1;pointer-events:none
}
.hero:after{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(circle at 68% 40%,rgba(201,255,0,.18),transparent 22rem),
    repeating-linear-gradient(135deg,transparent 0 19px,rgba(255,255,255,.015) 19px 20px);
  z-index:1;pointer-events:none
}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 44%;filter:saturate(1.1) contrast(1.08) brightness(1.05);transform:translateX(6%) scale(1.03);transform-origin:center}
.hero-inner{
  position:relative;z-index:2;min-height:620px;
  display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;
}
.hero-copy{padding:68px 0 54px}
.kicker{
  font-family:Bangers,Impact,sans-serif;
  color:var(--lime);font-size:26px;letter-spacing:.04em;
  transform:rotate(-2deg);display:inline-block
}
.hero h1,.brush{
  font-family:Bangers,Impact,sans-serif;
  letter-spacing:.015em;
  text-transform:uppercase;
}
.hero h1{
  font-size:clamp(50px,5.8vw,84px);
  line-height:.88;margin:10px 0 22px;
  max-width:700px;
  text-shadow:0 5px 0 rgba(0,0,0,.18)
}
.hero h1 span{color:var(--lime)}
.hero p{max-width:525px;color:#e5e9ec;font-size:17px;line-height:1.62;margin:0}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.btn{
  padding:15px 21px;border-radius:10px;border:1px solid rgba(201,255,0,.8);
  font-weight:900;text-transform:uppercase;display:inline-flex;align-items:center;gap:9px;
}
.btn.primary{background:var(--lime);color:#0a0d0b;box-shadow:0 8px 35px rgba(201,255,0,.15)}
.btn:hover{transform:translateY(-1px)}
.quick{margin-top:28px;position:relative;z-index:3}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.quick-card{
  min-height:145px;padding:20px;border:1px solid #39434d;border-radius:12px;
  background:linear-gradient(145deg,rgba(14,20,27,.98),rgba(6,10,14,.98));
  box-shadow:var(--shadow);position:relative;overflow:hidden
}
.quick-card:after{content:"";position:absolute;inset:auto -30px -30px auto;width:90px;height:90px;border-radius:50%;background:rgba(201,255,0,.05)}
.icon{
  width:46px;height:46px;border-radius:50%;border:1px solid rgba(201,255,0,.7);
  display:grid;place-items:center;color:var(--lime);font-size:21px;margin-bottom:15px
}
.quick-card h3{margin:0 0 6px;font-size:18px}
.quick-card p{margin:0;color:var(--muted);font-size:14px}
.arrow{position:absolute;right:18px;bottom:18px;color:var(--lime);font-size:27px}
.section{padding:72px 0}
.section-title{
  display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px
}
.section-title h2{
  font-family:Bangers,Impact,sans-serif;font-size:48px;line-height:1;margin:0;
  letter-spacing:.03em;text-transform:uppercase
}
.section-title h2 span{color:var(--lime)}
.small-link{color:var(--lime);font-weight:800;font-size:13px}
.stories{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.story{
  border:1px solid #303a44;border-radius:11px;overflow:hidden;background:var(--panel);
  transition:.2s ease
}
.story:hover{transform:translateY(-3px);border-color:#66727e}
.story-visual{
  height:180px;position:relative;overflow:hidden;
  background:
    linear-gradient(180deg,rgba(3,7,10,.05),rgba(3,7,10,.48)),
    url('assets/court.webp') center/cover;
}
.story:nth-child(2) .story-visual{background-position:35% 50%}
.story:nth-child(3) .story-visual{background-position:62% 38%}
.story:nth-child(4) .story-visual{background-position:80% 45%}
.label{
  position:absolute;left:12px;top:12px;background:var(--lime);color:#071007;
  font-size:11px;font-weight:900;border-radius:5px;padding:5px 8px;text-transform:uppercase
}
.story-body{padding:16px}
.story h3{margin:0 0 8px;font-size:17px;line-height:1.3}
.story p{margin:0;color:var(--muted);font-size:13px}
.about-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:28px;align-items:start}
.about-copy{position:sticky;top:105px}
.about-copy h2{font-family:Bangers,Impact,sans-serif;font-size:56px;line-height:.95;margin:0 0 18px;text-transform:uppercase}
.about-copy h2 span{color:var(--lime)}
.about-copy p{color:#d9e0e7;line-height:1.7}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chip{border:1px solid #38434e;border-radius:999px;padding:8px 11px;font-size:12px;color:#dce3e9}
.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.profile{
  border:1px solid #39434e;border-radius:13px;overflow:hidden;background:#070b10;position:relative
}
.profile-img{aspect-ratio:1.13/1;object-fit:cover;width:100%}
.profile-foot{padding:18px}
.profile-name{
  font-family:Bangers,Impact,sans-serif;font-size:36px;color:var(--lime);
  letter-spacing:.04em;margin:0;display:flex;align-items:center;gap:8px
}
.profile-sub{font-family:Bangers,Impact,sans-serif;font-size:20px;color:#fff;margin:1px 0 12px}
.stats{display:grid;gap:7px}
.stat{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #242c34;padding-top:8px;font-size:13px}
.stat span:first-child{color:var(--muted);font-weight:700}
.learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.learn-card,.partner-card{
  border:1px solid #303a44;border-radius:12px;padding:22px;background:linear-gradient(145deg,#0d141b,#070b0f)
}
.learn-card h3,.partner-card h3{margin:0 0 10px}
.learn-card p,.partner-card p{color:var(--muted);font-size:14px;margin:0 0 16px}
.tags{display:flex;flex-wrap:wrap;gap:7px}
.tag{font-size:11px;border:1px solid #35404a;border-radius:999px;padding:6px 9px}
.partner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.footer{
  border-top:1px solid #2a333c;background:#050709;padding:34px 0 40px
}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}
.footer h4{margin:0 0 10px}
.footer p,.footer a{color:var(--muted);font-size:13px}
.footer-links{display:flex;gap:16px;flex-wrap:wrap}
.mobile-menu{display:none}
@media(max-width:980px){
  .menu,.bros-btn{display:none}
  .mobile-menu{display:block;color:var(--lime);font-weight:900}
  .hero-inner{grid-template-columns:1fr;min-height:590px}
  .hero:before{background:linear-gradient(90deg,rgba(5,7,9,.96) 0%,rgba(5,7,9,.68) 48%,rgba(5,7,9,.22) 100%)}
  .hero-copy{padding-right:22%}
  .quick-grid,.stories{grid-template-columns:repeat(2,1fr)}
  .about-layout{grid-template-columns:1fr}
  .about-copy{position:static}
  .footer-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  :root{--max:min(100% - 24px,1240px)}
  .nav-inner{min-height:66px}
  .brand-badge{width:42px;height:42px}
  .hero{min-height:auto}
  .hero-bg{object-position:72% center;transform:translateX(5%) scale(1.02)}
  .hero:before{background:linear-gradient(180deg,rgba(5,7,9,.45),rgba(5,7,9,.98) 66%)}
  .hero-inner{min-height:690px;align-items:end}
  .hero-copy{padding:290px 0 54px}
  .hero h1{font-size:49px}
  .hero p{font-size:15px}
  .quick{margin-top:18px}
  .quick-grid,.stories,.profile-grid,.learn-grid,.partner-grid{grid-template-columns:1fr}
  .quick-card{min-height:125px}
  .section{padding:58px 0}
  .section-title h2{font-size:40px}
  .about-copy h2{font-size:48px}
  .profile-img{aspect-ratio:1.05/1}
}


/* Mobile navigation */
.mobile-menu{background:none;border:0;color:var(--lime);font-weight:900;font-size:24px;cursor:pointer;padding:8px}
.mobile-drawer{display:none;border-top:1px solid rgba(255,255,255,.08);background:#050709}
.mobile-drawer.open{display:block}
.mobile-drawer .wrap{display:grid;padding:12px 0 18px}
.mobile-drawer a{padding:12px 2px;border-bottom:1px solid rgba(255,255,255,.06);font-weight:800}
.mobile-drawer a:last-child{border-bottom:0}
@media(min-width:981px){.mobile-drawer{display:none!important}}


/* Social / CTA enhancements */
.social-hub{padding:66px 0}
.social-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.social-card{
  position:relative;overflow:hidden;
  border:1px solid #34404b;border-radius:16px;padding:28px;
  background:linear-gradient(145deg,#0d141b,#070b0f);
  min-height:230px;box-shadow:0 22px 60px rgba(0,0,0,.28);
}
.social-card:after{
  content:"";position:absolute;right:-50px;bottom:-70px;width:220px;height:220px;border-radius:50%;
  background:rgba(201,255,0,.06);
}
.social-kicker{
  font-family:Bangers,Impact,sans-serif;color:var(--lime);
  font-size:28px;letter-spacing:.04em;text-transform:uppercase
}
.social-card h3{font-size:30px;margin:8px 0 10px}
.social-card p{color:var(--muted);max-width:48ch;margin:0 0 22px}
.social-btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:12px 16px;border:1px solid rgba(201,255,0,.7);
  border-radius:10px;color:var(--lime);font-weight:900;
  position:relative;z-index:2
}
.social-btn.primary{background:var(--lime);color:#071007}
.social-icon{
  width:48px;height:48px;border:1px solid rgba(201,255,0,.65);
  border-radius:50%;display:grid;place-items:center;color:var(--lime);
  font-weight:900;font-size:18px;margin-bottom:14px
}
.social-inline{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.social-inline a{
  display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:9px;
  border:1px solid #34404b;color:#dbe3e8;font-weight:800;font-size:13px
}
.social-inline a:hover,.footer-links a:hover{color:var(--lime)}
.footer-social{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.footer-social a{
  width:40px;height:40px;border-radius:10px;border:1px solid #34404b;
  display:grid;place-items:center;color:var(--lime);font-weight:900
}
.live-strip{
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
  background:linear-gradient(90deg,rgba(201,255,0,.035),rgba(255,255,255,.01));
}
.live-strip .wrap{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:16px 0
}
.live-strip strong{color:var(--lime)}
.live-strip a{font-weight:900;color:var(--lime)}
@media(max-width:760px){
  .social-grid{grid-template-columns:1fr}
  .live-strip .wrap{align-items:flex-start;flex-direction:column}
}


/* ===============================
   V3 DISCOVERY SYSTEM
   =============================== */
:root{
  --red:#e5242a;
}
html{scroll-padding-top:96px}
body{overflow-x:hidden}
.progress{
  position:fixed;left:0;top:0;height:3px;width:0;
  background:var(--lime);z-index:9999;box-shadow:0 0 14px rgba(201,255,0,.55)
}
.discovery-rail{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px
}
.discovery-card{
  position:relative;overflow:hidden;
  border:1px solid #34404b;border-radius:15px;padding:22px;
  min-height:190px;background:linear-gradient(145deg,#0e151c,#070b0f);
  transition:transform .2s ease,border-color .2s ease
}
.discovery-card:hover{transform:translateY(-4px);border-color:#66727e}
.discovery-card:after{
  content:"";position:absolute;right:-45px;bottom:-55px;width:160px;height:160px;border-radius:50%;
  background:rgba(201,255,0,.055)
}
.discovery-card .big{
  font-family:Bangers,Impact,sans-serif;color:var(--lime);
  font-size:42px;line-height:1;margin-bottom:8px
}
.discovery-card h3{margin:0 0 7px;font-size:18px}
.discovery-card p{margin:0;color:var(--muted);font-size:13px;max-width:33ch}
.discovery-card .go{position:absolute;right:18px;bottom:16px;color:var(--lime);font-size:26px;z-index:2}
.stats-strip{
  display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #303a44;border-radius:15px;
  overflow:hidden;background:#080d12
}
.statbox{padding:22px;text-align:center;border-right:1px solid #303a44}
.statbox:last-child{border-right:0}
.statbox strong{
  display:block;font-family:Bangers,Impact,sans-serif;color:var(--lime);
  font-size:38px;line-height:1
}
.statbox span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.randomizer{
  border:1px solid rgba(201,255,0,.45);border-radius:17px;padding:28px;
  background:
    radial-gradient(circle at 90% 50%,rgba(201,255,0,.12),transparent 17rem),
    linear-gradient(145deg,#0e151c,#070b0f);
  display:flex;align-items:center;justify-content:space-between;gap:22px
}
.randomizer h3{
  font-family:Bangers,Impact,sans-serif;font-size:38px;text-transform:uppercase;
  margin:0 0 5px
}
.randomizer h3 span{color:var(--lime)}
.randomizer p{margin:0;color:var(--muted)}
.shuffle-btn{
  cursor:pointer;border:0;background:var(--lime);color:#071007;font-weight:900;
  padding:14px 18px;border-radius:10px;white-space:nowrap
}
.mag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mag-card{
  border:1px solid #313c46;border-radius:14px;overflow:hidden;background:#0a1016;
  transition:.2s ease
}
.mag-card:hover{transform:translateY(-3px);border-color:#64717d}
.mag-thumb{
  height:170px;background:
    radial-gradient(circle at 70% 30%,rgba(201,255,0,.2),transparent 9rem),
    linear-gradient(135deg,#142330,#071016);
  display:flex;align-items:flex-end;padding:16px;position:relative
}
.mag-thumb:before{
  content:"PB";font-family:Bangers,Impact,sans-serif;font-size:72px;
  color:rgba(255,255,255,.035);position:absolute;right:15px;top:5px
}
.mag-type{
  font-size:10px;text-transform:uppercase;font-weight:900;background:var(--lime);
  color:#071007;border-radius:5px;padding:5px 8px
}
.mag-body{padding:17px}
.mag-body h3{margin:0 0 8px;font-size:18px;line-height:1.25}
.mag-body p{color:var(--muted);font-size:13px;margin:0 0 14px}
.meta-row{display:flex;gap:10px;flex-wrap:wrap;color:#8795a4;font-size:11px}
.filter-bar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.filter-btn{
  cursor:pointer;border:1px solid #34404b;border-radius:999px;background:#090e13;
  color:#dce3e9;padding:8px 12px;font-weight:800;font-size:12px
}
.filter-btn.active,.filter-btn:hover{border-color:var(--lime);color:var(--lime)}
.article-shell{max-width:920px;margin:auto}
.article-head{padding:74px 0 34px}
.article-head .crumbs{font-size:12px;color:var(--muted);margin-bottom:18px}
.article-head h1{
  font-family:Bangers,Impact,sans-serif;text-transform:uppercase;
  font-size:clamp(54px,7vw,92px);line-height:.92;margin:0 0 18px
}
.article-head h1 span{color:var(--lime)}
.article-lead{font-size:19px;line-height:1.65;color:#dde4e9;max-width:760px}
.article-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;color:var(--muted);font-size:12px}
.article-body{
  border-top:1px solid rgba(255,255,255,.08);padding:40px 0 72px;
  color:#d9e1e7;font-size:16px;line-height:1.78
}
.article-body h2{
  font-family:Bangers,Impact,sans-serif;font-size:42px;line-height:1;
  text-transform:uppercase;color:#fff;margin:46px 0 14px
}
.article-body h2 span{color:var(--lime)}
.article-body h3{font-size:21px;margin:28px 0 10px;color:#fff}
.article-body p{margin:0 0 18px}
.article-body ul{padding-left:20px}
.article-body li{margin-bottom:9px}
.article-callout{
  margin:28px 0;border-left:4px solid var(--lime);background:rgba(201,255,0,.045);
  padding:18px 20px;border-radius:0 10px 10px 0
}
.source-box{
  border:1px solid #34404b;border-radius:12px;padding:18px;margin-top:38px;
  background:#090f15;font-size:13px;color:var(--muted)
}
.source-box a{color:var(--lime);font-weight:800}
.share-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}
.share-btn{
  cursor:pointer;border:1px solid #34404b;background:#090f15;color:#dce3e9;
  border-radius:9px;padding:10px 12px;font-weight:800
}
.ratings{display:grid;gap:12px;margin:22px 0}
.rating{display:grid;grid-template-columns:130px 1fr 42px;align-items:center;gap:10px;font-size:13px}
.rating-track{height:8px;background:#202832;border-radius:99px;overflow:hidden}
.rating-fill{height:100%;background:var(--lime);border-radius:99px}
.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:22px 0}
.spec{border:1px solid #303a44;border-radius:10px;padding:14px;background:#090f14}
.spec span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.07em}
.spec strong{display:block;margin-top:3px}
.quiz{
  border:1px solid rgba(201,255,0,.4);border-radius:16px;padding:26px;
  background:linear-gradient(145deg,#0d151c,#070b0f)
}
.quiz h3{font-family:Bangers,Impact,sans-serif;font-size:36px;margin:0 0 8px}
.quiz-options{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.quiz-option{
  cursor:pointer;border:1px solid #394550;background:#090f14;color:#dce3e9;
  border-radius:10px;padding:10px 13px;font-weight:800
}
.quiz-option.selected{border-color:var(--lime);color:var(--lime)}
.quiz-result{display:none;border-top:1px solid #2b353f;margin-top:16px;padding-top:16px}
.quiz-result.show{display:block}
.score-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.score{
  border:1px solid #303a44;border-radius:10px;text-align:center;padding:14px 8px;background:#090f14
}
.score strong{display:block;font-family:Bangers,Impact,sans-serif;color:var(--lime);font-size:30px}
.score span{font-size:10px;color:var(--muted);text-transform:uppercase}
.backtop{
  position:fixed;right:20px;bottom:20px;width:44px;height:44px;border-radius:50%;
  border:1px solid #3b4752;background:#090f15;color:var(--lime);display:none;
  place-items:center;cursor:pointer;z-index:80
}
.backtop.show{display:grid}
.swiss-card{
  border:1px solid #34404b;border-radius:14px;padding:22px;background:#0a1016
}
.swiss-levels{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin:18px 0}
.level{
  text-align:center;border:1px solid #34404b;border-radius:9px;padding:10px 4px;
  font-family:Bangers,Impact,sans-serif;font-size:21px
}
.level:first-child,.level:nth-child(2){color:var(--lime)}
.checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.check{
  display:flex;gap:10px;align-items:flex-start;border:1px solid #303a44;
  border-radius:10px;padding:13px;background:#090f14
}
.check i{
  width:22px;height:22px;border:1px solid var(--lime);border-radius:5px;
  flex:0 0 auto;display:grid;place-items:center;color:var(--lime);font-style:normal
}
@media(max-width:980px){
  .discovery-rail,.stats-strip{grid-template-columns:repeat(2,1fr)}
  .statbox:nth-child(2){border-right:0}
  .statbox:nth-child(-n+2){border-bottom:1px solid #303a44}
  .mag-grid{grid-template-columns:repeat(2,1fr)}
  .score-grid{grid-template-columns:repeat(3,1fr)}
  .swiss-levels{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:640px){
  .discovery-rail,.stats-strip,.mag-grid,.spec-grid,.checklist{grid-template-columns:1fr}
  .statbox{border-right:0;border-bottom:1px solid #303a44}
  .statbox:last-child{border-bottom:0}
  .randomizer{align-items:flex-start;flex-direction:column}
  .article-head{padding-top:50px}
  .article-head h1{font-size:57px}
  .article-lead{font-size:17px}
  .rating{grid-template-columns:100px 1fr 38px}
  .swiss-levels{grid-template-columns:repeat(3,1fr)}
}


/* ===============================
   V4 COMMERCIAL / REVIEW SYSTEM
   =============================== */
.product-hero{
  position:relative;overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 82% 30%,rgba(201,255,0,.14),transparent 22rem),
    linear-gradient(135deg,#050709,#0b121a 62%,#050709);
}
.product-hero-inner{
  min-height:610px;display:grid;grid-template-columns:1.08fr .92fr;
  align-items:center;gap:34px;padding:64px 0
}
.product-copy h1{
  font-family:Bangers,Impact,sans-serif;
  font-size:clamp(58px,7vw,98px);line-height:.89;
  text-transform:uppercase;margin:10px 0 20px
}
.product-copy h1 span{color:var(--lime)}
.product-copy p{max-width:680px;color:#dde4ea;font-size:17px;line-height:1.68}
.product-tags{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}
.product-tag{
  border:1px solid #3b4650;border-radius:999px;padding:8px 11px;
  color:#dce3e9;font-size:12px;font-weight:800
}
.product-stage{
  min-height:440px;display:grid;place-items:center;position:relative;
}
.racket-visual{
  width:min(340px,80%);aspect-ratio:.66/1;
  position:relative;transform:rotate(7deg);
  filter:drop-shadow(0 34px 30px rgba(0,0,0,.45));
}
.racket-head{
  position:absolute;left:8%;right:8%;top:2%;height:68%;
  border:14px solid #e9edf0;border-radius:48% 48% 43% 43%;
  background:
    radial-gradient(circle at center,rgba(201,255,0,.18),transparent 42%),
    repeating-radial-gradient(circle at center,#12191f 0 4px,#232d36 4px 5px);
}
.racket-head:before{
  content:"";position:absolute;inset:10%;
  border:2px solid rgba(201,255,0,.5);border-radius:48%;
}
.racket-throat{
  position:absolute;left:39%;top:64%;width:22%;height:14%;
  background:#111820;clip-path:polygon(0 0,100% 0,72% 100%,28% 100%);
  border:3px solid #dfe4e8
}
.racket-handle{
  position:absolute;left:43%;top:76%;width:14%;height:22%;
  border-radius:5px;background:repeating-linear-gradient(0deg,#e7ebed 0 7px,#20272d 7px 9px)
}
.racket-logo{
  position:absolute;inset:30% 0 auto;text-align:center;
  font-family:Bangers,Impact,sans-serif;font-size:44px;color:var(--lime);
  transform:rotate(-8deg);text-shadow:0 3px 0 #000
}
.product-badge{
  position:absolute;right:0;top:35px;
  border:1px solid rgba(201,255,0,.45);background:#090f14;border-radius:13px;
  padding:13px 15px;color:var(--lime);font-weight:900;transform:rotate(3deg)
}
.verdict{
  border:1px solid rgba(201,255,0,.4);border-radius:16px;
  background:linear-gradient(145deg,#0d151c,#070b0f);padding:25px
}
.verdict-label{
  font-family:Bangers,Impact,sans-serif;color:var(--lime);
  font-size:30px;text-transform:uppercase
}
.verdict h3{font-size:25px;margin:6px 0 10px}
.verdict p{color:var(--muted);margin:0;line-height:1.65}
.commercial-grid{
  display:grid;grid-template-columns:1fr .68fr;gap:22px;align-items:start
}
.sticky-buy{position:sticky;top:104px}
.buy-card{
  border:1px solid #37434e;border-radius:15px;background:#090f15;padding:22px;
  box-shadow:0 22px 60px rgba(0,0,0,.28)
}
.buy-card h3{font-size:22px;margin:0 0 9px}
.buy-card p{color:var(--muted);font-size:13px;line-height:1.6}
.buy-button{
  display:flex;justify-content:center;align-items:center;width:100%;
  margin-top:16px;padding:14px 16px;background:var(--lime);color:#071007;
  border-radius:10px;font-weight:900
}
.disclosure{
  margin-top:12px;padding-top:12px;border-top:1px solid #29333d;
  color:#7f8d9a;font-size:10px;line-height:1.5
}
.spec-table{border:1px solid #303a44;border-radius:13px;overflow:hidden}
.spec-row{
  display:grid;grid-template-columns:190px 1fr;gap:16px;
  padding:13px 16px;border-bottom:1px solid #29323b
}
.spec-row:last-child{border-bottom:0}
.spec-row span{color:var(--muted);font-size:13px}
.spec-row strong{font-size:13px}
.test-log{display:grid;gap:12px}
.log-item{
  display:grid;grid-template-columns:95px 1fr;gap:16px;
  border:1px solid #303a44;border-radius:11px;padding:15px;background:#090f14
}
.log-stage{
  font-family:Bangers,Impact,sans-serif;color:var(--lime);font-size:22px
}
.log-item h4{margin:0 0 4px}
.log-item p{margin:0;color:var(--muted);font-size:13px}
.pending{opacity:.65}
.review-questions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.review-q{border:1px solid #303a44;border-radius:11px;padding:17px;background:#090f14}
.review-q strong{display:block;margin-bottom:5px}.review-q span{color:var(--muted);font-size:13px}
.compare-table{
  border:1px solid #303a44;border-radius:14px;overflow:hidden
}
.compare-row{
  display:grid;grid-template-columns:1.1fr 1fr 1fr;
  border-bottom:1px solid #303a44
}
.compare-row:last-child{border-bottom:0}
.compare-row > div{padding:13px 15px;border-right:1px solid #303a44;font-size:13px}
.compare-row > div:last-child{border-right:0}
.compare-row.head{background:#0f161e;font-weight:900}
.compare-row.head > div:nth-child(2),.compare-row.head > div:nth-child(3){color:var(--lime)}
.vs-hero{text-align:center;padding:74px 0 42px}
.vs{
  font-family:Bangers,Impact,sans-serif;color:var(--lime);
  font-size:clamp(90px,14vw,180px);line-height:.7;opacity:.12
}
.vs-hero h1{
  font-family:Bangers,Impact,sans-serif;text-transform:uppercase;
  font-size:clamp(52px,6vw,82px);line-height:.9;margin:-36px 0 16px
}
.vs-hero h1 span{color:var(--lime)}
.faq{display:grid;gap:10px}
.faq details{border:1px solid #303a44;border-radius:10px;background:#090f14;padding:15px 17px}
.faq summary{cursor:pointer;font-weight:900}
.faq p{color:var(--muted);font-size:13px;line-height:1.65;margin:11px 0 0}
@media(max-width:900px){
  .product-hero-inner,.commercial-grid{grid-template-columns:1fr}
  .product-stage{min-height:340px}
  .racket-visual{width:280px}
  .sticky-buy{position:static}
}
@media(max-width:640px){
  .review-questions{grid-template-columns:1fr}
  .spec-row{grid-template-columns:1fr;gap:3px}
  .compare-row{grid-template-columns:.9fr 1fr 1fr}
  .compare-row > div{padding:10px 8px;font-size:11px}
}


/* ===============================
   V5 RESEARCH / NETZ-CHECK
   =============================== */
.research-banner{
  border:1px solid rgba(201,255,0,.35);border-radius:14px;padding:17px 19px;
  background:linear-gradient(135deg,rgba(201,255,0,.055),rgba(255,255,255,.015));
  display:flex;justify-content:space-between;align-items:center;gap:18px
}
.research-banner strong{color:var(--lime)}
.research-banner p{margin:3px 0 0;color:var(--muted);font-size:13px}
.research-badge{
  display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(201,255,0,.5);
  border-radius:999px;padding:7px 10px;color:var(--lime);font-size:11px;font-weight:900;
  text-transform:uppercase;letter-spacing:.05em;white-space:nowrap
}
.netz-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.netz-card{
  border:1px solid #303a44;border-radius:12px;background:#090f14;padding:18px;
  position:relative;overflow:hidden
}
.netz-card:after{
  content:"";position:absolute;right:-45px;bottom:-55px;width:130px;height:130px;border-radius:50%;
  background:rgba(201,255,0,.04)
}
.netz-card .signal{
  font-family:Bangers,Impact,sans-serif;color:var(--lime);font-size:29px;line-height:1
}
.netz-card h4{font-size:17px;margin:7px 0 6px}
.netz-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}
.confidence{
  margin-top:11px;display:inline-flex;border-radius:999px;border:1px solid #394550;
  padding:5px 8px;color:#95a4b1;font-size:10px;font-weight:900;text-transform:uppercase
}
.source-list{
  display:grid;gap:8px;margin-top:14px
}
.source-link{
  display:flex;justify-content:space-between;align-items:center;gap:12px;
  border:1px solid #303a44;border-radius:9px;padding:11px 13px;background:#080d12;
  font-size:12px
}
.source-link span{color:var(--muted)}
.source-link b{color:var(--lime)}
.research-note{
  border-left:4px solid var(--lime);padding:14px 17px;background:rgba(201,255,0,.04);
  color:#dbe3e9;border-radius:0 10px 10px 0;font-size:13px;line-height:1.6
}
.truth-table{display:grid;gap:10px}
.truth-row{
  display:grid;grid-template-columns:170px 1fr;gap:16px;border:1px solid #303a44;
  border-radius:10px;padding:14px;background:#090f14
}
.truth-row strong{color:var(--lime)}
.timeline{display:grid;gap:10px}
.timeline-step{
  display:grid;grid-template-columns:80px 1fr;gap:14px;align-items:start
}
.timeline-num{
  font-family:Bangers,Impact,sans-serif;color:var(--lime);font-size:36px;
  border-right:1px solid #34404b
}
.timeline-step h4{margin:2px 0 4px}.timeline-step p{margin:0;color:var(--muted);font-size:13px}
.shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.shape-card{
  border:1px solid #303a44;border-radius:13px;padding:20px;background:#090f14;text-align:center
}
.shape-icon{
  width:105px;height:125px;margin:0 auto 15px;border:8px solid #dfe5e8;
  background:radial-gradient(circle,rgba(201,255,0,.13),transparent 65%)
}
.shape-round .shape-icon{border-radius:50%}
.shape-tear .shape-icon{border-radius:52% 52% 45% 45% / 44% 44% 58% 58%}
.shape-diamond .shape-icon{transform:rotate(45deg);width:90px;height:90px;margin-top:16px;margin-bottom:34px;border-radius:22px}
.shape-card h3{margin:0 0 7px}.shape-card p{color:var(--muted);font-size:13px}
.star-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.star-step{
  border:1px solid #303a44;border-radius:12px;padding:20px;background:#090f14
}
.star-step strong{
  display:block;font-family:Bangers,Impact,sans-serif;color:var(--lime);font-size:34px;margin-bottom:6px
}
.star-step p{color:var(--muted);font-size:13px;margin:0}
@media(max-width:780px){
  .netz-grid,.shape-grid,.star-flow{grid-template-columns:1fr}
  .research-banner{align-items:flex-start;flex-direction:column}
  .truth-row{grid-template-columns:1fr;gap:4px}
}


/* ===============================
   V6 CONTENT ENGINE
   =============================== */
.money-hero{
  border:1px solid rgba(201,255,0,.42);border-radius:18px;padding:34px;
  background:
    radial-gradient(circle at 88% 30%,rgba(201,255,0,.13),transparent 20rem),
    linear-gradient(145deg,#0e151c,#070b0f);
}
.money-hero h2{
  font-family:Bangers,Impact,sans-serif;text-transform:uppercase;
  font-size:clamp(40px,5vw,64px);line-height:.96;margin:0 0 12px
}
.money-hero h2 span{color:var(--lime)}
.money-hero p{color:var(--muted);max-width:760px;margin:0}
.pick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.pick-card{
  border:1px solid #34404b;border-radius:14px;background:#090f14;padding:20px;
  position:relative;overflow:hidden
}
.pick-card.best{border-color:rgba(201,255,0,.62)}
.pick-ribbon{
  position:absolute;right:-36px;top:18px;transform:rotate(38deg);
  background:var(--lime);color:#071007;font-weight:900;font-size:10px;
  padding:6px 42px;text-transform:uppercase
}
.pick-brand{font-size:11px;color:var(--lime);font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.pick-card h3{font-size:21px;margin:6px 0 8px;max-width:90%}
.pick-price{font-family:Bangers,Impact,sans-serif;font-size:34px;color:#fff}
.pick-price small{font-family:inherit;color:var(--muted);font-size:17px}
.pick-card p{color:var(--muted);font-size:13px;line-height:1.58}
.pick-facts{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}
.pick-fact{font-size:10px;border:1px solid #35414b;border-radius:999px;padding:6px 8px;color:#c9d1d8}
.pick-card .actions{margin-top:14px}
.buy-mini{
  display:inline-flex;padding:10px 13px;border-radius:9px;background:var(--lime);
  color:#071007;font-weight:900;font-size:12px
}
.matrix{
  border:1px solid #303a44;border-radius:13px;overflow:auto
}
.matrix table{width:100%;border-collapse:collapse;min-width:760px}
.matrix th,.matrix td{padding:12px 13px;border-bottom:1px solid #303a44;border-right:1px solid #303a44;text-align:left;font-size:12px}
.matrix th:last-child,.matrix td:last-child{border-right:0}
.matrix tr:last-child td{border-bottom:0}
.matrix th{background:#0f161e;color:var(--lime);font-size:11px;text-transform:uppercase}
.gauge-list{display:grid;gap:14px}
.gauge-item{border:1px solid #303a44;border-radius:12px;padding:17px;background:#090f14}
.gauge-top{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px}
.gauge-top strong{color:#fff}.gauge-top span{color:var(--muted);font-size:12px}
.gauge-line{height:10px;border-radius:999px;background:#202832;overflow:hidden}
.gauge-line i{display:block;height:100%;background:var(--lime);border-radius:999px}
.mythish{
  border:1px solid #34404b;border-radius:13px;background:#090f14;padding:20px
}
.mythish h3{margin:0 0 8px}.mythish p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.ball-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ball-card{border:1px solid #303a44;border-radius:12px;padding:18px;background:#090f14}
.ball-dot{width:64px;height:64px;border-radius:50%;background:var(--lime);margin-bottom:15px;box-shadow:inset -10px -8px 0 rgba(0,0,0,.08)}
.ball-card h3{margin:0 0 5px;font-size:17px}.ball-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.cluster-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.cluster-card{
  border:1px solid #303a44;border-radius:12px;background:#090f14;padding:18px;
  transition:.2s ease
}
.cluster-card:hover{border-color:var(--lime);transform:translateY(-3px)}
.cluster-card b{display:block;color:var(--lime);font-family:Bangers,Impact,sans-serif;font-size:28px;margin-bottom:7px}
.cluster-card span{color:#dce3e9;font-weight:800;font-size:13px}
.cluster-card p{color:var(--muted);font-size:11px;margin:6px 0 0}
@media(max-width:900px){.ball-grid,.cluster-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.pick-grid,.ball-grid,.cluster-grid{grid-template-columns:1fr}.money-hero{padding:24px}}


/* ===============================
   V7 HOMEBASE / HALL PROFILE
   =============================== */
.homebase-hero{
  position:relative;overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 80% 22%,rgba(201,255,0,.16),transparent 24rem),
    repeating-linear-gradient(135deg,transparent 0 26px,rgba(255,255,255,.015) 26px 27px),
    linear-gradient(135deg,#050709,#0b1218 64%,#050709);
}
.homebase-inner{
  min-height:590px;display:grid;grid-template-columns:1fr .92fr;
  gap:38px;align-items:center;padding:62px 0
}
.homebase-copy h1{
  font-family:Bangers,Impact,sans-serif;text-transform:uppercase;
  font-size:clamp(58px,7vw,100px);line-height:.88;margin:10px 0 20px
}
.homebase-copy h1 span{color:var(--lime)}
.homebase-copy p{color:#dbe3e9;font-size:17px;line-height:1.7;max-width:650px}
.homebase-stamp{
  display:inline-flex;align-items:center;gap:9px;background:var(--lime);color:#071007;
  font-weight:1000;text-transform:uppercase;border-radius:9px;padding:10px 13px;
  transform:rotate(-2deg);box-shadow:0 10px 30px rgba(201,255,0,.12)
}
.court-art{
  position:relative;min-height:420px;perspective:900px
}
.court-box{
  position:absolute;inset:42px 5% 24px;
  transform:rotateX(58deg) rotateZ(-5deg);
  border:4px solid rgba(201,255,0,.7);
  background:
    linear-gradient(90deg,transparent 49.5%,rgba(255,255,255,.7) 49.5% 50.5%,transparent 50.5%),
    linear-gradient(0deg,transparent 49%,rgba(255,255,255,.6) 49% 50%,transparent 50%),
    #17242e;
  box-shadow:0 40px 70px rgba(0,0,0,.45), inset 0 0 0 2px rgba(255,255,255,.15)
}
.court-box:before,.court-box:after{
  content:"";position:absolute;top:0;bottom:0;width:2px;background:rgba(255,255,255,.65)
}
.court-box:before{left:25%}.court-box:after{right:25%}
.court-net{
  position:absolute;left:16%;right:16%;top:50%;height:3px;background:#fff;
  box-shadow:0 3px 0 rgba(0,0,0,.4)
}
.homebase-pin{
  position:absolute;right:4%;top:25px;border:1px solid #47535e;border-radius:13px;
  padding:14px 16px;background:#080e13;color:#fff;font-weight:900
}
.homebase-pin span{display:block;color:var(--lime);font-family:Bangers,Impact,sans-serif;font-size:28px}
.fact-strip{
  display:grid;grid-template-columns:repeat(4,1fr);
  border:1px solid #303a44;border-radius:14px;overflow:hidden;background:#090e13
}
.hall-fact{padding:20px;text-align:center;border-right:1px solid #303a44}
.hall-fact:last-child{border-right:0}
.hall-fact strong{
  display:block;font-family:Bangers,Impact,sans-serif;font-size:33px;color:var(--lime);line-height:1
}
.hall-fact span{display:block;margin-top:5px;color:var(--muted);font-size:11px;text-transform:uppercase}
.facility-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.facility{
  border:1px solid #303a44;border-radius:12px;padding:17px;background:#090f14
}
.facility b{display:block;color:#fff;margin-bottom:5px}.facility p{margin:0;color:var(--muted);font-size:12px}
.homebase-review{
  border:1px solid rgba(201,255,0,.42);border-radius:17px;padding:27px;
  background:linear-gradient(145deg,#0d151c,#070b0f)
}
.homebase-review h3{
  font-family:Bangers,Impact,sans-serif;font-size:38px;color:var(--lime);margin:0 0 7px
}
.homebase-review p{color:var(--muted);line-height:1.65;margin:0}
.net-rating{
  display:flex;align-items:end;gap:12px;margin:15px 0
}
.net-rating strong{font-family:Bangers,Impact,sans-serif;font-size:62px;color:var(--lime);line-height:.8}
.net-rating span{font-size:12px;color:var(--muted)}
.location-card{
  border:1px solid #303a44;border-radius:15px;padding:23px;background:#090f14;
  display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center
}
.location-card h3{margin:0 0 7px}.location-card p{margin:0;color:var(--muted);font-size:13px}
.homebase-score{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.homebase-score .score{min-height:98px}
.pending-score{color:#7d8b97!important}
@media(max-width:900px){
  .homebase-inner{grid-template-columns:1fr}
  .court-art{min-height:330px}
  .fact-strip{grid-template-columns:repeat(2,1fr)}
  .hall-fact:nth-child(2){border-right:0}
  .hall-fact:nth-child(-n+2){border-bottom:1px solid #303a44}
  .facility-grid{grid-template-columns:repeat(2,1fr)}
  .homebase-score{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:620px){
  .facility-grid,.location-card{grid-template-columns:1fr}
  .fact-strip{grid-template-columns:1fr}
  .hall-fact{border-right:0;border-bottom:1px solid #303a44}
  .hall-fact:last-child{border-bottom:0}
}


/* ===============================
   V8 CLEANUP & CONNECT
   =============================== */
.category-hero{
  padding:82px 0 58px;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 80% 20%,rgba(201,255,0,.12),transparent 22rem),
    repeating-linear-gradient(135deg,transparent 0 24px,rgba(255,255,255,.015) 24px 25px),
    linear-gradient(135deg,#050709,#0a1118 65%,#050709);
}
.category-hero h1{
  font-family:Bangers,Impact,sans-serif;text-transform:uppercase;
  font-size:clamp(58px,7vw,100px);line-height:.9;margin:8px 0 18px
}
.category-hero h1 span{color:var(--lime)}
.category-hero p{max-width:720px;color:#dbe2e8;font-size:17px;line-height:1.7}

a.learn-card,a.partner-card,a.story{
  display:block;color:inherit;text-decoration:none;
  transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
a.learn-card:hover,a.partner-card:hover,a.story:hover{
  transform:translateY(-3px);
  border-color:rgba(201,255,0,.5);
}
a.story{overflow:hidden}
.article-row-link{
  color:inherit;text-decoration:none;display:grid;
  grid-template-columns:130px 1fr auto;align-items:center;gap:18px;
  border:1px solid #303a44;border-radius:12px;padding:14px;background:#0b1016;
  transition:.2s ease
}
.article-row-link:hover{border-color:var(--lime);transform:translateY(-2px)}
.article-row-link .article-icon{height:82px}
.status.live{color:var(--lime)}
.status.next{color:#94a2ae}
.roadmap{
  border:1px dashed #35414b;border-radius:13px;padding:20px;background:rgba(255,255,255,.015)
}
.roadmap h3{margin:0 0 10px}
.roadmap p{color:var(--muted);font-size:13px;margin:0 0 12px}
.roadmap-tags{display:flex;gap:8px;flex-wrap:wrap}
.roadmap-tags span{border:1px solid #34404b;border-radius:999px;padding:7px 10px;color:#aab5bf;font-size:11px}

.collab-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.collab-card{
  border:1px solid #303a44;border-radius:14px;background:#090f14;padding:22px
}
.collab-card b{
  display:block;font-family:Bangers,Impact,sans-serif;color:var(--lime);
  font-size:34px;margin-bottom:8px
}
.collab-card h3{margin:0 0 7px}
.collab-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.contact-card{
  border:1px solid #303a44;border-radius:14px;background:#090f14;padding:22px
}
.contact-card h3{margin:8px 0}.contact-card p{color:var(--muted);font-size:13px}
.legal-shell{max-width:900px;margin:auto}
.legal-shell h2{
  font-family:Bangers,Impact,sans-serif;font-size:38px;text-transform:uppercase;
  margin:38px 0 12px
}
.legal-shell h2 span{color:var(--lime)}
.legal-shell p,.legal-shell li{color:#d7dfe5;line-height:1.72}
.legal-note{
  border-left:4px solid var(--lime);padding:16px 18px;background:rgba(201,255,0,.04);
  border-radius:0 10px 10px 0;color:#dce4ea
}
.footer-links a{display:block}
@media(max-width:850px){
  .collab-grid,.contact-grid{grid-template-columns:1fr}
  .article-row-link{grid-template-columns:92px 1fr}
  .article-row-link .status{grid-column:2}
}

a.category-card{display:block;color:inherit;text-decoration:none;transition:.2s ease}a.category-card:hover{transform:translateY(-3px);border-color:var(--lime)}

/* V8.1 Analytics */
.pb-consent{position:fixed;left:18px;right:18px;bottom:18px;z-index:99999;max-width:980px;margin:auto;padding:18px 20px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:22px;border:1px solid rgba(201,255,0,.5);border-radius:15px;background:rgba(6,10,14,.97);box-shadow:0 22px 70px rgba(0,0,0,.48);backdrop-filter:blur(12px)}
.pb-consent-copy strong{color:var(--lime);font-family:Bangers,Impact,sans-serif;font-size:25px}
.pb-consent-copy p{margin:5px 0 0;color:#c7d0d8;font-size:12px;line-height:1.55;max-width:650px}
.pb-consent-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.pb-consent-btn{border:1px solid #3a4650;background:#111820;color:#fff;padding:10px 12px;border-radius:9px;font:inherit;font-size:11px;font-weight:900;cursor:pointer}
.pb-consent-btn:hover{border-color:var(--lime)}
.pb-consent-accept{background:var(--lime);color:#071007;border-color:var(--lime)}
.pb-consent-actions a{font-size:11px;color:#aab5bf;text-decoration:underline}
@media(max-width:760px){.pb-consent{grid-template-columns:1fr;gap:14px}.pb-consent-actions{justify-content:flex-start}}

/* V9 Learn Hub */
.learn-path{display:grid;grid-template-columns:repeat(7,1fr);gap:9px}.learn-path a{display:block;text-decoration:none;color:inherit;border:1px solid #303a44;border-radius:12px;background:#090f14;padding:16px 13px;min-height:130px;transition:.2s}.learn-path a:hover{border-color:var(--lime);transform:translateY(-3px)}.learn-path b{display:block;font-family:Bangers,Impact,sans-serif;color:var(--lime);font-size:30px;margin-bottom:7px}.learn-path strong{display:block;font-size:13px;margin-bottom:5px}.learn-path span{font-size:10px;color:var(--muted);line-height:1.45}.lesson-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.lesson-card{display:block;color:inherit;text-decoration:none;border:1px solid #303a44;border-radius:14px;background:#090f14;padding:20px;transition:.2s}.lesson-card:hover{border-color:var(--lime);transform:translateY(-3px)}.lesson-num{color:var(--lime);font-family:Bangers,Impact,sans-serif;font-size:34px}.lesson-card h3{margin:4px 0 7px}.lesson-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.lesson-callout{border:1px solid rgba(201,255,0,.4);border-radius:14px;padding:20px;background:linear-gradient(145deg,rgba(201,255,0,.06),rgba(255,255,255,.01))}.lesson-callout strong{color:var(--lime)}.dos-donts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.do-box,.dont-box{border:1px solid #303a44;border-radius:13px;padding:20px;background:#090f14}.do-box h3{color:var(--lime)}.quick-steps{counter-reset:step;display:grid;gap:10px}.quick-step{counter-increment:step;border:1px solid #303a44;border-radius:12px;padding:15px 17px 15px 58px;background:#090f14;position:relative}.quick-step:before{content:counter(step);position:absolute;left:15px;top:14px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:var(--lime);color:#071007;font-weight:1000}.quick-step strong{display:block;margin-bottom:3px}.quick-step span{color:var(--muted);font-size:12px;line-height:1.5}.article-next{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}.article-next a{border:1px solid #303a44;border-radius:12px;padding:16px;color:inherit;text-decoration:none;background:#090f14}.article-next a:hover{border-color:var(--lime)}.article-next span{display:block;color:var(--lime);font-size:10px;font-weight:900;text-transform:uppercase}.article-next strong{display:block;margin-top:4px}@media(max-width:1050px){.learn-path{grid-template-columns:repeat(4,1fr)}}@media(max-width:720px){.learn-path,.lesson-grid,.dos-donts,.article-next{grid-template-columns:1fr}}