@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600;700&family=IBM+Plex+Sans+Condensed:wght@400;500;600;700&display=swap');

/* CYBERDELIA // CYBERFORCE DIVISION
   Site-wide institutional systems layer, loaded last by the production build. */
:root{
  --bg:#030811;--bg2:#06101c;--panel:#091522;--panel2:#07111d;
  --text:#eef7ff;--muted:#a9bac8;--dim:#71889a;
  --line:rgba(120,190,220,.18);--line2:rgba(120,205,236,.34);
  --cyan:#5edcff;--magenta:#8b83d7;--violet:#756fbe;--lime:#a8e6c1;
  --force-amber:#e4b867;--force-glass:rgba(7,18,30,.88);
  --force-solid:#08131f;--force-edge:rgba(109,190,222,.27);
  --force-grid:rgba(94,220,255,.035);--radius:3px;
}
html{background:#020711}
body{background:radial-gradient(circle at 82% -8%,rgba(36,112,151,.16),transparent 35rem),radial-gradient(circle at 4% 38%,rgba(50,89,130,.09),transparent 31rem),linear-gradient(180deg,#030811,#06101a 46%,#030811)!important;color:var(--text)}
body::before{background:linear-gradient(var(--force-grid) 1px,transparent 1px),linear-gradient(90deg,var(--force-grid) 1px,transparent 1px)!important;background-size:56px 56px!important;mix-blend-mode:normal!important;opacity:.44!important}

/* Command masthead */
.site-header{background:rgba(3,10,18,.96)!important;border-top:2px solid rgba(94,220,255,.5)!important;border-bottom:1px solid var(--force-edge)!important;box-shadow:0 12px 38px rgba(0,0,0,.34)!important}
.site-header::after{content:"CYBERDELIA // SYSTEMS COMMAND";position:absolute;right:max(1rem,calc((100vw - var(--shell-max))/2));bottom:-1.5rem;padding:.28rem .55rem;border:1px solid var(--force-edge);border-top:0;background:#06101a;color:#7195aa;font:700 .52rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.16em;pointer-events:none}
.site-header .brand-copy strong{color:#f2f8fc!important;letter-spacing:.18em!important}.site-header .brand-copy small{color:#7f9aad!important}.site-header .nav a{color:#9eb0bd!important}.site-header .nav a:hover,.site-header .nav a[aria-current="page"]{color:var(--cyan)!important}
.site-header .nav a.nav-store,.site-header .nav a.nav-support{color:var(--force-amber)!important;border-color:rgba(228,184,103,.32)!important;background:rgba(228,184,103,.045)!important}

/* Institutional command surfaces */
.terminal-card,.source-box,.media-card,.dispatch-card,.visual-card,.feature-card,.news-card,.prose-card,.archive-card,.drop-card,.ops-card,.case-panel,.pin-note,.crew-tile,.lab-window,.queue-card,.share-panel,.crossfire-box,.confidence-box,.fact-box,.unknowns-box{clip-path:none!important;border-radius:var(--radius)!important;border-color:var(--force-edge)!important;background:linear-gradient(145deg,var(--force-glass),var(--force-solid))!important;box-shadow:inset 0 1px rgba(255,255,255,.025),0 14px 38px rgba(0,0,0,.16)!important}
.dispatch-card,.visual-card,.feature-card,.news-card,.archive-card,.ops-card,.case-panel{position:relative}
.dispatch-card::after,.visual-card::after,.feature-card::after,.news-card::after,.archive-card::after,.ops-card::after,.case-panel::after{content:"";position:absolute;inset:0 auto auto 0;width:34px;height:2px;background:var(--cyan);box-shadow:44px 0 0 rgba(94,220,255,.24);pointer-events:none}
.dispatch-card::before{display:none!important}.dispatch-card:hover,.visual-card:hover,.feature-card:hover,.news-card:hover{border-color:rgba(94,220,255,.5)!important;transform:translateY(-2px)}

/* Briefing typography */
.eyebrow,.news-meta,.media-credit,.retro-label,.ops-kicker{color:#7fa2b8!important;letter-spacing:.15em!important}.eyebrow::before{content:"";width:18px;height:1px;flex:0 0 18px;background:var(--cyan);box-shadow:6px 0 0 rgba(94,220,255,.25)}.eyebrow .signal-dot{display:none}.visual-card span,.dispatch-card span,.crew-tile span,.style-sample>span{color:var(--cyan)!important}.signal-dot{background:#7ee7c0!important;box-shadow:0 0 12px rgba(126,231,192,.45)!important}.status,.footer-status,.terminal-head strong{color:#8de5bc!important}

/* Command briefing heroes */
.hero-city{background:linear-gradient(90deg,rgba(3,9,17,.99),rgba(4,13,23,.9) 50%,rgba(4,12,21,.65)),linear-gradient(180deg,transparent 58%,#030811)!important}.hero-city::before{background:linear-gradient(120deg,transparent 0 68%,rgba(94,220,255,.065) 68% 68.12%,transparent 68.12%),repeating-linear-gradient(90deg,transparent 0 96px,rgba(94,220,255,.035) 96px 97px),repeating-linear-gradient(0deg,transparent 0 64px,rgba(94,220,255,.022) 64px 65px)!important}.hero-city::after{filter:grayscale(.35) hue-rotate(155deg) drop-shadow(0 0 24px rgba(40,127,165,.15))!important;opacity:.52!important}.hero-scan{display:none!important}
.hero h1,.page-hero h1{text-shadow:none!important;letter-spacing:-.045em!important}.hero h1 span{color:#a9c4d4!important;-webkit-text-stroke:0!important;text-shadow:none!important}.page-hero{background:linear-gradient(90deg,transparent 0 64%,rgba(94,220,255,.025) 64%),radial-gradient(circle at 84% 18%,rgba(45,133,171,.12),transparent 25rem),linear-gradient(135deg,#081827,#040b14 64%)!important;border-top:1px solid rgba(94,220,255,.1)!important}.page-hero::after{border-color:rgba(94,220,255,.13)!important;box-shadow:0 0 0 38px rgba(94,220,255,.018),0 0 0 76px rgba(94,220,255,.012)!important}.lede{color:#d5e2eb!important}

/* Secure systems console */
.terminal-card{background:linear-gradient(180deg,rgba(5,17,27,.97),rgba(4,12,20,.96))!important;border-left:3px solid rgba(94,220,255,.55)!important}.terminal-head{color:#7995a8!important;background:rgba(94,220,255,.035);border-bottom-color:var(--force-edge)!important}.terminal-card pre{color:#bdd0dc!important}.cyan{color:#72d7f0!important}.cursor{color:#8de5bc!important}

/* Controls */
.button{clip-path:none!important;border-radius:2px!important;border-color:var(--force-edge)!important;background:rgba(18,51,75,.18)!important;color:#d8e8f1!important;box-shadow:none!important}.button:hover{border-color:rgba(94,220,255,.62)!important;background:rgba(36,105,136,.2)!important}.button.primary{color:#06101a!important;background:#78d8ed!important;border-color:#8ce8fa!important}.button.primary:hover{background:#a1eafa!important}

/* Editorial infrastructure */
.section{border-bottom-color:rgba(109,190,222,.12)!important}.section-glow,.lab-surface,.origin-surface{background:radial-gradient(circle at 12% 0,rgba(45,133,171,.07),transparent 34rem),rgba(255,255,255,.006)!important}.signal-strip{background:linear-gradient(90deg,rgba(26,72,94,.2),rgba(7,17,28,.7))!important;border-block-color:rgba(109,190,222,.18)!important}.signal-row strong{color:var(--force-amber)!important}.dispatch-card b{color:var(--force-amber)!important}.visual-card img,.feature-card img,.news-card img,.crew-tile img{filter:saturate(.88) contrast(1.04)}
.news-meta{display:flex!important;align-items:flex-start;gap:.55rem;text-transform:none!important;letter-spacing:.025em!important}.news-meta-label{flex:0 0 auto;padding:.2rem .38rem;border:1px solid rgba(94,220,255,.3);border-radius:1px;color:var(--cyan);font-weight:800;font-size:.66rem;letter-spacing:.1em}.media-credit{display:block;margin:.55rem 0;color:#7891a3!important;font:600 .62rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;text-transform:uppercase}

#robot-combat-drop .feature-grid{counter-reset:force-node}#robot-combat-drop .feature-card{position:relative;overflow:hidden;padding-top:3.15rem!important}#robot-combat-drop .feature-card::before{counter-increment:force-node;content:'SYSTEM NODE ' counter(force-node,decimal-leading-zero) '  //  TELEMETRY';position:absolute;inset:0 0 auto 0;height:2.1rem;padding:.7rem .9rem 0;border-bottom:1px solid rgba(94,220,255,.14);color:rgba(94,220,255,.72);font:700 .6rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.12em;background:linear-gradient(90deg,rgba(94,220,255,.07),transparent 68%)}

.site-footer{background:#02070d!important;border-top:2px solid rgba(94,220,255,.25)!important}.site-footer::before{content:"CYBERDELIA SKUNKWORKS  //  INDEPENDENT SYSTEMS RESEARCH";display:block;width:min(calc(100% - (var(--shell-gutter) * 2)),var(--shell-max));margin:0 auto 1.5rem;color:#57768a;font:700 .54rem/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.17em}

/* Dossier treatment remains available only where explicitly assigned. */
body.dossier-mode::before{background:repeating-linear-gradient(180deg,rgba(255,255,255,.015) 0,rgba(255,255,255,.015) 1px,transparent 1px,transparent 5px)!important;background-size:auto!important;opacity:.24!important}body.dossier-mode .page-hero{background:linear-gradient(135deg,#15131b,#050912 62%)!important}
@media(max-width:1050px){.site-header::after{display:none}}@media(max-width:680px){body::before{background-size:36px 36px!important}.hero h1,.page-hero h1{letter-spacing:-.035em!important}}@media(prefers-reduced-motion:reduce){.dispatch-card,.visual-card,.feature-card,.news-card{transition:none!important}}


/* Canonical initial-load homepage treatment. */
.hero.hero-photo,.hero.hero-city.hero-photo{
  background:linear-gradient(90deg,rgba(2,7,13,.82) 0%,rgba(2,7,13,.5) 42%,rgba(3,9,16,.18) 70%,rgba(3,8,14,.28) 100%),url('/assets/cyberforce-command-center-hero-background.webp') center/cover no-repeat!important;
}
:root{--cd-command:"IBM Plex Sans Condensed","Arial Narrow",Inter,ui-sans-serif,system-ui,sans-serif;--cd-interface:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
.hero-copy h1,.hero h1,#channels .section-head h2,.gtt-feature h2,.art-workshop h2,.section-glow .section-head h2,.section>.shell>.section-head h2,.midnight-body .section-head h2,.retro-net h2,.lab-surface h2,.origin-surface h2{font-family:var(--cd-command)!important;text-shadow:none!important}
.eyebrow,.ops-kicker,.signal-row strong,.visual-card span,.dispatch-card span,.status,.retro-label,.footer-status,.nav a,.button,.news-meta,.media-credit{font-family:var(--cd-interface)!important}


/* COMMAND NAVIGATION // readable institutional link bar */
.site-header .header-inner{
  display:grid!important;
  grid-template-columns:84px minmax(0,1fr)!important;
  align-items:center!important;
  min-height:96px!important;
  padding-block:.55rem!important;
  gap:.45rem 1.15rem!important;
}
.site-header .masthead-logo-static{
  width:84px!important;
  height:84px!important;
  min-width:84px!important;
  flex-basis:84px!important;
}
.site-header .masthead-logo-static>img{
  width:116px!important;
  height:116px!important;
  min-width:116px!important;
  transform:translateY(calc(-50% + 11px))!important;
}
.site-header .nav{
  display:grid!important;
  gap:.38rem!important;
  min-width:0!important;
  overflow:visible!important;
  padding:.25rem 0!important;
}
.site-header .nav-row{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:.18rem!important;
  min-height:0!important;
  overflow:visible!important;
  padding:0!important;
}
.site-header .nav-row a{
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  padding:.48rem .62rem!important;
  border:1px solid transparent!important;
  color:#aebfcb!important;
  font-size:.68rem!important;
  line-height:1!important;
  letter-spacing:.045em!important;
  background:rgba(94,220,255,.018)!important;
}
.site-header .nav-row-directory a{
  min-height:27px!important;
  padding:.4rem .52rem!important;
  color:#7f9aaa!important;
  font-size:.59rem!important;
  letter-spacing:.04em!important;
}
.site-header .nav-row a:hover,
.site-header .nav-row a[aria-current="page"]{
  border-color:rgba(94,220,255,.28)!important;
  background:rgba(94,220,255,.07)!important;
}
.site-header .nav-row a.nav-search,
.site-header .nav-row a.nav-store,
.site-header .nav-row a.nav-donate,
.site-header .nav-row a.nav-support{
  padding:.48rem .64rem!important;
}

@media(max-width:1050px){
  .site-header .header-inner{
    grid-template-columns:64px minmax(0,1fr)!important;
    min-height:82px!important;
    gap:.35rem .7rem!important;
    padding-block:.35rem!important;
  }
  .site-header .masthead-logo-static{
    width:64px!important;height:64px!important;min-width:64px!important;flex-basis:64px!important;
  }
  .site-header .masthead-logo-static>img{
    width:90px!important;height:90px!important;min-width:90px!important;
    transform:translateY(calc(-50% + 8px))!important;
  }
  .site-header .nav{display:grid!important;gap:.24rem!important;overflow:hidden!important}
  .site-header .nav-row{
    flex-wrap:nowrap!important;
    overflow-x:auto!important;
    overscroll-behavior-inline:contain!important;
    scrollbar-width:none!important;
    padding-bottom:.08rem!important;
  }
  .site-header .nav-row::-webkit-scrollbar{display:none!important}
  .site-header .nav-row a,
  .site-header .nav-row-directory a{
    flex:0 0 auto!important;
    min-height:34px!important;
    padding:.55rem .65rem!important;
    font-size:.64rem!important;
    letter-spacing:.035em!important;
  }
}
@media(max-width:560px){
  .site-header .header-inner{
    grid-template-columns:50px minmax(0,1fr)!important;
    min-height:72px!important;
    gap:.25rem .45rem!important;
  }
  .site-header .masthead-logo-static{
    width:50px!important;height:50px!important;min-width:50px!important;flex-basis:50px!important;
  }
  .site-header .masthead-logo-static>img{
    width:68px!important;height:68px!important;min-width:68px!important;
    transform:translateY(calc(-50% + 5px))!important;
  }
  .site-header .nav-row a,
  .site-header .nav-row-directory a{
    min-height:36px!important;
    padding:.58rem .68rem!important;
    font-size:.62rem!important;
  }
}


/* COMMAND NAVIGATION CONTAINMENT // supports legacy direct links and grouped rows */
.site-header .nav{
  display:flex!important;
  flex-flow:row wrap!important;
  align-items:center!important;
  align-content:center!important;
  justify-content:flex-end!important;
  gap:.28rem!important;
  min-width:0!important;
  overflow:visible!important;
}
.site-header .nav>a{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  min-height:30px!important;
  padding:.48rem .62rem!important;
  border:1px solid transparent!important;
  background:rgba(94,220,255,.018)!important;
  color:#aebfcb!important;
  font-size:.66rem!important;
  line-height:1!important;
  letter-spacing:.04em!important;
}
.site-header .nav>a:hover,
.site-header .nav>a[aria-current="page"]{
  border-color:rgba(94,220,255,.28)!important;
  background:rgba(94,220,255,.07)!important;
}
.site-header .nav-row{
  flex:1 0 100%!important;
  width:100%!important;
}
@media(max-width:1050px){
  .site-header .nav{
    flex-flow:row nowrap!important;
    justify-content:flex-start!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scrollbar-width:none!important;
    overscroll-behavior-inline:contain!important;
  }
  .site-header .nav::-webkit-scrollbar{display:none!important}
  .site-header .nav>a{
    flex:0 0 auto!important;
    min-height:36px!important;
    padding:.58rem .68rem!important;
    font-size:.64rem!important;
  }
  .site-header .nav:has(.nav-row){
    display:grid!important;
    overflow:hidden!important;
  }
}