:root{
  --cyber-bg:#05070c;--cyber-panel:#090d15;--cyber-panel-2:#0d1320;
  --cyber-cyan:#31f7ff;--cyber-pink:#ff2bd6;--cyber-orange:#ff6a00;
  --cyber-text:#f4f8ff;--cyber-muted:#9aa8bc;--cyber-line:#233149;
  --cyber-shadow:0 0 28px rgba(49,247,255,.10);
}
html{color-scheme:dark;background:var(--cyber-bg);scroll-behavior:smooth}
body{background:
  linear-gradient(rgba(49,247,255,.025) 1px,transparent 1px),
  linear-gradient(90deg,rgba(49,247,255,.025) 1px,transparent 1px),
  radial-gradient(circle at 12% 8%,rgba(255,43,214,.10),transparent 28rem),
  radial-gradient(circle at 88% 22%,rgba(49,247,255,.08),transparent 32rem),
  var(--cyber-bg);background-size:42px 42px,42px 42px,auto,auto,auto;color:var(--cyber-text)}
body::after{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.14;
  background:repeating-linear-gradient(180deg,transparent 0,transparent 3px,rgba(0,0,0,.24) 4px)}
::selection{background:var(--cyber-pink);color:#fff}
a{transition:color .18s ease,text-shadow .18s ease,border-color .18s ease,background .18s ease}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid var(--cyber-cyan);outline-offset:3px}
.topbar{background:rgba(5,7,12,.88)!important;border-bottom:1px solid rgba(49,247,255,.35)!important;
  backdrop-filter:blur(16px);box-shadow:0 8px 30px rgba(0,0,0,.45)}
.brand{letter-spacing:.08em}.logo-mark{border-color:var(--cyber-orange)!important;
  filter:drop-shadow(0 0 8px rgba(255,106,0,.45));transform:skew(-8deg)}
.logo-mark span{transform:skew(8deg)}
.links a{position:relative;text-transform:uppercase;letter-spacing:.07em;font-size:.84rem}
.links a::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;
  background:linear-gradient(90deg,var(--cyber-cyan),var(--cyber-pink));transition:right .2s ease}
.links a:hover{color:var(--cyber-cyan)!important;text-shadow:0 0 12px rgba(49,247,255,.55)}
.links a:hover::after{right:0}
.hero,.page-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(9,13,21,.92),rgba(5,7,12,.72))!important;
  border-bottom:1px solid rgba(49,247,255,.18)}
.hero::before,.page-hero::before{content:"// NICHE_3D // FABRICATION_NODE";position:absolute;right:3vw;top:28px;
  color:rgba(49,247,255,.35);font:700 .72rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em}
.hero h1,.page-hero h1{letter-spacing:-.035em;text-shadow:3px 3px 0 rgba(255,43,214,.24),-2px -1px 0 rgba(49,247,255,.18)}
.hero h1 span{color:var(--cyber-cyan)!important;text-shadow:0 0 24px rgba(49,247,255,.28)}
.eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.17em!important;color:var(--cyber-muted)}
.eyebrow b{color:var(--cyber-pink)!important;text-shadow:0 0 10px rgba(255,43,214,.45)}
.lede,.section-head p,.panel p{color:var(--cyber-muted)!important}
.hero-art{filter:drop-shadow(0 0 28px rgba(49,247,255,.20)) drop-shadow(0 0 42px rgba(255,43,214,.12))}
.orb{border:1px solid rgba(49,247,255,.34)!important;box-shadow:inset 0 0 50px rgba(49,247,255,.10),0 0 55px rgba(255,43,214,.12)!important}
.btn{border-radius:2px!important;text-transform:uppercase;letter-spacing:.075em;position:relative;overflow:hidden}
.btn.primary{background:linear-gradient(110deg,var(--cyber-orange),#ff3d00)!important;color:#08090d!important;
  border:1px solid #ff9a52!important;box-shadow:4px 4px 0 rgba(255,43,214,.28)}
.btn.primary:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 rgba(49,247,255,.32),0 0 22px rgba(255,106,0,.25)}
.btn.secondary{background:rgba(9,13,21,.75)!important;border:1px solid var(--cyber-cyan)!important;color:var(--cyber-cyan)!important}
.btn.secondary:hover{background:rgba(49,247,255,.09)!important;box-shadow:0 0 18px rgba(49,247,255,.18)}
.benefit,.step,.category,.article,.panel,.niche-product-card,.niche-event,.custom-banner{
  border-radius:2px!important;border-color:var(--cyber-line)!important;background:linear-gradient(145deg,rgba(13,19,32,.96),rgba(7,10,17,.96))!important;
  box-shadow:var(--cyber-shadow);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
.benefit:hover,.category:hover,.article:hover,.niche-product-card:hover{border-color:rgba(49,247,255,.65)!important;
  box-shadow:0 0 25px rgba(49,247,255,.13),inset 0 0 22px rgba(49,247,255,.025);transform:translateY(-3px)}
.section-head h2{position:relative;text-transform:uppercase;letter-spacing:.025em}
.section-head h2::after{background:linear-gradient(90deg,var(--cyber-orange),var(--cyber-pink),transparent)!important}
.category h3,.article h3,.niche-product-card h3{color:var(--cyber-text)}
.category-grid,.article-grid,.niche-dynamic-grid{perspective:1000px}
.placeholder,.article .pic,.niche-image-empty{background:
  linear-gradient(135deg,rgba(49,247,255,.06),rgba(255,43,214,.06)),var(--cyber-panel)!important;
  color:var(--cyber-muted)!important;border-bottom:1px solid rgba(49,247,255,.18)}
.niche-product-image{background:#030509!important}.niche-product-image img{transition:transform .35s ease,filter .35s ease}
.niche-product-card:hover .niche-product-image img{transform:scale(1.025);filter:saturate(1.08) contrast(1.04)}
.niche-product-meta span:first-child,.article small{color:var(--cyber-orange)!important;letter-spacing:.1em}
.niche-status{color:var(--cyber-cyan)!important}.niche-featured-badge{background:var(--cyber-pink)!important;color:#fff!important}
.niche-filterbar input,.niche-filterbar select,.form input,.form select,.form textarea{
  background:#060912!important;border:1px solid var(--cyber-line)!important;border-radius:2px!important;color:var(--cyber-text)!important}
.niche-filterbar input:focus,.niche-filterbar select:focus,.form input:focus,.form select:focus,.form textarea:focus{
  border-color:var(--cyber-cyan)!important;box-shadow:0 0 0 3px rgba(49,247,255,.10)}
.niche-modal-backdrop{background:rgba(1,3,8,.90)!important;backdrop-filter:blur(8px)}
.niche-modal-panel{background:linear-gradient(145deg,#0b101b,#05070c)!important;border:1px solid rgba(49,247,255,.38)!important;
  border-radius:2px!important;box-shadow:0 0 50px rgba(49,247,255,.13),0 0 70px rgba(255,43,214,.10)!important}
.niche-modal-close{border-color:var(--cyber-pink)!important;color:var(--cyber-pink)!important}
.niche-gallery-main img{max-height:min(68vh,760px)!important;object-fit:contain!important}
.niche-announcement{border-color:var(--cyber-pink)!important;background:rgba(255,43,214,.07)!important;color:var(--cyber-text)}
.process .num{background:linear-gradient(135deg,var(--cyber-cyan),#55a7ff)!important;color:#041014!important;
  box-shadow:0 0 18px rgba(49,247,255,.25)}
footer{background:#030509!important;border-top:1px solid rgba(255,43,214,.25)!important}
footer h4{color:var(--cyber-cyan)!important;text-transform:uppercase;letter-spacing:.1em}
footer a:hover{color:var(--cyber-pink)!important}
@media(max-width:850px){body::after{opacity:.08}.hero::before,.page-hero::before{display:none}.links.open{background:#070b13!important;border:1px solid var(--cyber-line)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}