:root{
  --bp-bg:#070b12;
  --bp-panel:rgba(13,18,28,.82);
  --bp-panel-strong:rgba(9,13,20,.94);
  --bp-line:rgba(201,255,54,.16);
  --bp-line-strong:rgba(110,231,255,.28);
  --bp-text:#eef4ff;
  --bp-muted:#8d98a8;
  --bp-accent:#c9ff36;
  --bp-cyan:#6ee7ff;
  --bp-sans:"Segoe UI",Arial,sans-serif;
  --bp-display:"Bahnschrift","Franklin Gothic Medium","Segoe UI",sans-serif;
  --bp-code:"Consolas","Cascadia Mono","Courier New",monospace;
}

html,body{background:radial-gradient(circle at top,#101826 0,#070b12 55%,#05070b 100%)!important;color:var(--bp-text)!important;scroll-behavior:smooth}
body{
  position:relative;
  overflow-x:hidden;
  font-family:var(--bp-sans)!important;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(rgba(110,231,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(110,231,255,.05) 1px,transparent 1px),
    linear-gradient(90deg,transparent calc(50% - 1px),rgba(110,231,255,.08) calc(50% - 1px),rgba(110,231,255,.08) calc(50% + 1px),transparent calc(50% + 1px)),
    linear-gradient(transparent calc(50% - 1px),rgba(110,231,255,.08) calc(50% - 1px),rgba(110,231,255,.08) calc(50% + 1px),transparent calc(50% + 1px)),
    radial-gradient(circle at 25% 20%,rgba(201,255,54,.10),transparent 34%),
    radial-gradient(circle at 80% 5%,rgba(110,231,255,.10),transparent 32%);
  background-size:38px 38px,38px 38px,100% 100%,100% 100%,100% 100%,100% 100%;
  opacity:.58;
  mix-blend-mode:screen;
}
body > *{position:relative;z-index:1}

a{color:var(--bp-text)}
a:hover{color:var(--bp-accent)}

.site-header,
.hw-header,
.pg-header,
header,
footer,
.section-shell,
.hero,
.news-section,
.release-section,
.deals-section,
.reviews,
.newsletter,
.manifest,
.catalog,
.luxury-lab,
.drop-banner,
.studio,
.pg-board,
.pg-systems,
.pg-cross,
.hw-news,
.hw-inline-ad,
.hw-crosspromo,
.hw-legal,
.pg-ad,
.pg-network-ad,
.ad-slot,
.sim-ads,
.legal-strip,
.warning,
.hero,
.story-card,
.featured-review,
.deal-card,
.product,
.system-card,
.luxury-card,
.mc-editions article,
.mc-feature,
.seed-card,
.seed-tips,
.build-grid article,
.mc-guide-list a,
.pg-row,
.pg-list-ad{
  border:1px solid var(--bp-line)!important;
  background:linear-gradient(180deg,var(--bp-panel),rgba(8,11,18,.92))!important;
  box-shadow:0 16px 60px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(18px);
}

header,
footer,
.site-header,
.hw-header,
.pg-header{
  background:rgba(5,8,14,.76)!important;
  border-color:rgba(201,255,54,.18)!important;
}

.brand,
.hw-brand,
.pg-brand,
.logo{
  font-family:var(--bp-display)!important;
  letter-spacing:.08em;
}

.brand span,
.hw-brand span,
.pg-brand span,
.logo span{
  background:linear-gradient(135deg,var(--bp-accent),var(--bp-cyan))!important;
  color:#081018!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.08), 0 18px 30px rgba(0,0,0,.25);
}

.desktop-nav a,
.mobile-nav a,
.hw-header nav a,
.pg-header nav a,
.footer-grid>div a,
footer a{
  font-family:var(--bp-code)!important;
  letter-spacing:.12em;
  color:var(--bp-text)!important;
  opacity:.86;
}

.desktop-nav a.active:after,
.filter.active,
.mc-tab.active,
.filter:hover,
.mc-tab:hover{
  background:linear-gradient(90deg,var(--bp-accent),var(--bp-cyan))!important;
  color:#071017!important;
  border-color:rgba(110,231,255,.35)!important;
}

.hero h1,
.section-heading h2,
.review-intro h2,
.newsletter h2,
.release-list>div>span,
.hw-hero h1,
.catalog h2,
.luxury-head h2,
.drop-banner h2,
.studio h2,
.pg-board h2,
.pg-systems h2,
.pg-network-ad h2{
  text-shadow:0 0 22px rgba(110,231,255,.12);
}

.hero h1 em,
.section-heading h2 em,
.review-intro h2 em,
.newsletter h2 em,
.hw-hero h1 em,
.catalog h2 em,
.luxury-head h2 em,
.drop-banner h2 em,
.studio h2 em,
.pg-board h2 em,
.pg-systems h2 em{
  color:var(--bp-accent)!important;
}

.primary-link,
.mc-actions a,
.mc-secondary,
.pg-hero a,
.pg-network-ad a,
.ad-slot button,
.hw-ad button,
.studio button,
.interest,
.pg-row>a,
.hw-news a,
.deals-section a,
.mc-guide-list a,
.mc-source a,
.pg-cross a,
.gwg-crosspromo-grid a,
.hw-crosspromo a,
.sim-ad a{
  background:linear-gradient(135deg,rgba(201,255,54,.95),rgba(110,231,255,.92))!important;
  color:#071017!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:10px!important;
  box-shadow:0 12px 30px rgba(110,231,255,.10), inset 0 0 0 1px rgba(7,17,23,.16);
  font-family:var(--bp-code)!important;
  text-transform:uppercase;
  letter-spacing:.10em;
}

.primary-link:hover,
.mc-actions a:hover,
.pg-hero a:hover,
.pg-network-ad a:hover,
.ad-slot button:hover,
.hw-ad button:hover,
.studio button:hover,
.interest:hover,
.pg-cross a:hover,
.gwg-crosspromo-grid a:hover,
.hw-crosspromo a:hover{
  transform:translateY(-2px);
  filter:saturate(1.05) brightness(1.05);
}

.hero-copy,
.section-heading,
.card-body,
.review-copy,
.release-list,
.newsletter,
.manifest,
.hw-hero-copy,
.hw-news header,
.catalog header,
.luxury-head,
.drop-banner,
.studio,
.pg-board header,
.pg-systems header,
.pg-cross,
.warning,
.hero,
.pg-hero>div{
  color:var(--bp-text)!important;
}

.hero-deck,
.card-body>p:not(.card-kicker),
.review-intro>p:last-child,
.release-list small,
.newsletter>p:not(.eyebrow):not(.form-message),
.hw-hero p,
.hw-news p,
.hw-legal p,
.pg-board header>p,
.pg-systems p,
.pg-network-ad p,
.pg-note,
.pg-empty,
.deal-notice,
.deal-disclaimer,
.sim-ad-note,
.luxury-disclaimer,
.legal-strip p,
.warning p,
.seed-tips p,
.mc-guide-list small,
.mc-guide-list b,
.form-message{
  color:var(--bp-muted)!important;
}

.ticker,
.ad-slot>div,
.pg-systems,
.hw-ad,
.sim-ad,
.pg-network-ad,
.pg-board,
.hw-news,
.catalog,
.luxury-lab,
.drop-banner,
.studio,
.newsletter,
.release-section{
  border-color:rgba(110,231,255,.16)!important;
}

.hero-art,
.card-visual,
.review-art,
.product-art,
.case-stage,
.pc-case,
.luxury-image,
.pg-hero,
.hw-hero,
.art-obsidian,
.art-ghost,
.art-iron,
.art-loop,
.art-power,
.art-cable{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

.hero-art::before,
.card-visual::before,
.review-art::before,
.product-art::before,
.case-stage::before,
.pc-case::before,
.luxury-image::before,
.pg-hero::before,
.hw-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),transparent 18%),
    linear-gradient(90deg,transparent 49%,rgba(201,255,54,.12) 49.5%,rgba(201,255,54,.12) 50.5%,transparent 51%),
    linear-gradient(rgba(110,231,255,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(110,231,255,.12) 1px,transparent 1px),
    radial-gradient(circle at 20% 25%,rgba(201,255,54,.20),transparent 25%),
    radial-gradient(circle at 72% 62%,rgba(110,231,255,.18),transparent 30%);
  background-size:auto,auto,22px 22px,22px 22px,auto,auto;
  opacity:.82;
  mix-blend-mode:screen;
  pointer-events:none;
}

.hero-art::after,
.review-art::after,
.card-visual::after,
.hero::after,
.hw-hero::after,
.pg-hero::after,
.luxury-image::after{
  content:"";
  position:absolute;
  inset:14px;
  border:1px solid rgba(201,255,54,.18);
  border-radius:18px;
  pointer-events:none;
}

.hero::after,
.hw-hero::after,
.pg-hero::after{
  inset:auto;
  top:18px;
  right:20px;
  min-width:180px;
  border:none;
  background:none;
  color:rgba(238,244,255,.62);
  font-family:var(--bp-code)!important;
  font-size:10px;
  line-height:1.35;
  letter-spacing:.22em;
  text-align:right;
  text-transform:uppercase;
}

.hero::after{content:"LIVE FEED // INDEX 01"}
.hw-hero::after{content:"THERMAL LAB // BUILD STACK"}
.pg-hero::after{content:"GRID VIEW // SPEC MATRIX"}

.card-visual,.review-art,.product-art,.case-stage,.pc-case,.luxury-image,.hw-hero,.pg-hero{
  background:
    linear-gradient(180deg,rgba(8,11,18,.2),rgba(8,11,18,.6)),
    linear-gradient(135deg,rgba(110,231,255,.08),rgba(201,255,54,.08));
}

.pg-hero img,
.luxury-image img{
  display:none!important;
}

.pg-hero::before{
  inset:0 0 0 52%;
  background:
    radial-gradient(circle at 65% 28%,rgba(110,231,255,.38),transparent 12%),
    radial-gradient(circle at 42% 60%,rgba(201,255,54,.18),transparent 18%),
    linear-gradient(135deg,rgba(10,15,24,.15),rgba(24,34,50,.8));
}

.pg-hero::after{
  inset:18px 18px 18px 52%;
  content:"GRID VIEW // SPEC MATRIX";
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  padding:18px;
  box-sizing:border-box;
  border-style:dashed;
  border-color:rgba(110,231,255,.24);
  color:rgba(238,244,255,.62);
  font-family:var(--bp-code)!important;
  font-size:10px;
  line-height:1.35;
  letter-spacing:.22em;
  text-align:right;
  text-transform:uppercase;
}

.luxury-image::before{
  inset:18px;
  border-radius:14px;
  background:
    linear-gradient(135deg,transparent 0 35%,rgba(201,255,54,.12) 35% 36%,transparent 36% 100%),
    linear-gradient(90deg,transparent 0 47%,rgba(110,231,255,.18) 47% 53%,transparent 53% 100%),
    radial-gradient(circle at 50% 54%,rgba(255,255,255,.07),transparent 28%);
}

.hw-hero,
.hero-copy,
.news-grid .story-card,
.release-list>div,
.pg-row,
.system-card,
.product,
.luxury-card,
.deal-card{
  border-radius:18px!important;
}

.hero-art .sun,
.hero-art .orb,
.hero-art .ridge,
.hero-art .ridge-front{
  filter:saturate(.8) contrast(1.1) brightness(.92);
}

.hero-art .sun{box-shadow:0 0 80px rgba(201,255,54,.18)}

.hw-hero h1,
.pg-hero h1,
.hw-header .hw-brand b,
.pg-brand b,
.brand>span:last-child{
  font-family:var(--bp-display)!important;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.hw-hero h1,
.pg-hero h1,
.hero h1{
  -webkit-text-stroke:1px rgba(255,255,255,.04);
}

input,select,textarea{
  background:rgba(255,255,255,.04)!important;
  color:var(--bp-text)!important;
  border:1px solid rgba(201,255,54,.18)!important;
  border-radius:10px!important;
  font-family:var(--bp-code)!important;
}

input::placeholder{color:rgba(238,244,255,.45)}

.filter-row::-webkit-scrollbar,
body::-webkit-scrollbar{
  height:8px;
  width:8px;
}

.filter-row::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,var(--bp-accent),var(--bp-cyan));
  border-radius:999px;
}

@media (max-width: 900px){
  .pg-hero::before,
  .pg-hero::after{inset:0}
  .pg-hero img{display:none!important}
}