:root {
  --black: #020300;
  --ink: #060800;
  --panel: #090d03;
  --panel-2: #111807;
  --bone: #ebe9d8;
  --bone-2: #c9ccb7;
  --paper: #d3d4bd;
  --hazard: #009444;
  --hazard-deep: #004c2a;
  --hazard-dark: #00180d;
  --acid: #45b96f;
  --green: #2fbf6b;
  --deep-signal: #00663a;
  --olive: #567d60;
  --line: rgba(232, 230, 220, .15);
  --line-hazard: rgba(0, 148, 68, .34);
  --mono: "IBM Plex Mono", monospace;
  --display: "Barlow Condensed", sans-serif;
  --sans: "Inter", sans-serif;
  --shell: min(1400px, calc(100vw - 80px));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body { margin: 0; color: var(--bone); background: var(--black); font-family: var(--sans); overflow-x: hidden; }
body.booting { overflow: hidden; }
body, button, a { cursor: none; }
::selection { color: var(--black); background: var(--hazard); }
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--black); }
::-webkit-scrollbar-thumb { background: var(--hazard-deep); }
a { color: inherit; text-decoration: none; }
button { color: inherit; font: inherit; }
img { display: block; max-width: 100%; }
.shell { width: var(--shell); margin-inline: auto; }
.micro { margin: 0; font: 600 10px/1.4 var(--mono); letter-spacing: .14em; text-transform: uppercase; }
.acid { color: var(--acid); }
.hazard-text { color: var(--hazard); }
.skip-link { position: fixed; z-index: 10000; top: 12px; left: 12px; padding: 12px 16px; color: var(--black); background: var(--acid); font: 600 12px var(--mono); transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }

/* Boot sequence */
.boot { --progress: 0; position: fixed; z-index: 9000; inset: 0; display: grid; place-items: center; background: radial-gradient(circle at 50% 48%,rgba(0,148,68,.055),transparent 28%),#010200; transition: opacity .55s ease, visibility .55s ease; }
.boot.done { opacity: 0; visibility: hidden; }
#boot-field { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .35; }
.boot-grid { position: absolute; inset: 0; background-image: linear-gradient(rgba(0,148,68,.055) 1px, transparent 1px), linear-gradient(90deg,rgba(0,148,68,.055) 1px,transparent 1px); background-size: 76px 76px; mask-image: radial-gradient(circle at center,#000,transparent 76%); perspective: 500px; transform: rotateX(63deg) scale(1.6) translateY(18%); transform-origin: center bottom; }
.boot-shell { position: relative; width: min(960px, calc(100vw - 48px)); border: 1px solid rgba(0,148,68,.45); background: rgba(5,7,5,.93); box-shadow: 0 0 100px rgba(0,148,68,.08); clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px)); }
.boot-alert { height: 34px; display: flex; align-items: center; justify-content: center; color: #fff; background: repeating-linear-gradient(-45deg,var(--hazard) 0 13px,#031008 13px 25px); font: 700 9px var(--mono); letter-spacing: .18em; text-shadow: 0 1px 2px rgba(0,0,0,.7); animation: hazardShift 1.2s linear infinite; }
.boot-alert span { width: 8px; height: 8px; margin-right: 10px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 15px var(--acid); }
.boot-body { display: grid; grid-template-columns: .72fr 1.35fr; min-height: 470px; }
.boot-sigil { position: relative; display: grid; place-items: center; overflow: hidden; border-right: 1px solid var(--line); }
.boot-sigil::before, .boot-sigil::after { content: ""; position: absolute; width: 1px; height: 100%; left: 50%; background: rgba(69,185,111,.1); }
.boot-sigil::after { width: 100%; height: 1px; top: 50%; left: 0; }
.boot-sigil img { width: 122px; height: 166px; object-fit: contain; filter: saturate(1.5) brightness(.9); }
.sigil-ring { position: absolute; border: 1px solid rgba(69,185,111,.22); border-radius: 50%; animation: ringRotate 12s linear infinite; }
.ring-a { width: 260px; height: 260px; border-style: dashed; }
.ring-b { width: 200px; height: 200px; border-color: rgba(0,148,68,.4); animation-direction: reverse; animation-duration: 8s; }
.ring-c { width: 142px; height: 142px; box-shadow: 0 0 45px rgba(69,185,111,.06); }
.sigil-code { position: absolute; right: 22px; bottom: 20px; color: rgba(0,148,68,.5); font: 700 11px/1.2 var(--mono); letter-spacing: .12em; }
.boot-copy { padding: 58px 56px 38px; }
.boot-copy h1 { margin: 18px 0 34px; font: 700 clamp(52px,6vw,80px)/.83 var(--display); letter-spacing: -.035em; text-transform: uppercase; }
.boot-copy h1 span { color: transparent; -webkit-text-stroke: 1px rgba(0,148,68,.8); }
.boot-log { border-top: 1px solid var(--line); }
.boot-log div { display: grid; grid-template-columns: 30px 1fr auto; gap: 12px; padding: 13px 0; border-bottom: 1px solid var(--line); color: #747a70; font: 500 9px var(--mono); }
.boot-log b { color: var(--hazard); }.boot-log i { color: var(--acid); font-style: normal; }
.boot-progress { margin-top: 40px; }
.boot-progress-head { display: flex; justify-content: space-between; color: #878d82; font: 500 9px var(--mono); }
.boot-progress-head b { color: var(--bone); }
.boot-track { height: 3px; margin-top: 12px; background: rgba(255,255,255,.08); }
.boot-track i { display: block; width: calc(var(--progress) * 100%); height: 100%; background: linear-gradient(90deg,var(--hazard),var(--acid)); box-shadow: 0 0 15px rgba(69,185,111,.4); }
.boot-foot { display: flex; justify-content: space-between; padding: 15px 18px; border-top: 1px solid var(--line); color: #555b53; font: 500 8px var(--mono); letter-spacing: .12em; }

/* Global signal layer */
#threat-field { position: fixed; z-index: 0; inset: 0; width: 100%; height: 100%; pointer-events: none; opacity: .28; }
.noise { position: fixed; z-index: 8000; inset: 0; opacity: .035; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); }
.scanline { position: fixed; z-index: 7999; top: -10%; left: 0; width: 100%; height: 7%; pointer-events: none; background: linear-gradient(transparent,rgba(0,148,68,.018),transparent); animation: pageScan 9s linear infinite; }
.crosshair { position: fixed; z-index: 8500; width: 34px; height: 34px; margin: -17px; pointer-events: none; mix-blend-mode: difference; }
.crosshair::before, .crosshair::after { content: ""; position: absolute; background: var(--bone); }
.crosshair::before { left: 50%; top: 0; width: 1px; height: 100%; }.crosshair::after { top: 50%; left: 0; height: 1px; width: 100%; }
.crosshair i { position: absolute; inset: 10px; border: 1px solid var(--hazard); border-radius: 50%; }
.crosshair b { position: absolute; top: 50%; left: 50%; width: 3px; height: 3px; background: var(--acid); transform: translate(-50%,-50%); }
.crosshair span { position: absolute; left: 42px; top: 13px; color: var(--hazard); font: 500 7px var(--mono); white-space: nowrap; }

.threat-strip { position: relative; z-index: 20; height: 30px; display: grid; grid-template-columns: 250px 1fr 220px; align-items: center; border-bottom: 1px solid rgba(0,148,68,.3); color: #8c9188; background: #080a08; font: 500 8px var(--mono); letter-spacing: .12em; overflow: hidden; }
.threat-strip > div:first-child { padding-left: 34px; color: var(--acid); }.threat-strip > div:last-child { display: flex; justify-content: flex-end; gap: 12px; padding-right: 34px; }.threat-strip strong { color: var(--hazard); }
.pulse { display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 10px var(--acid); animation: pulse 1.4s ease-in-out infinite; }
.strip-stream { display: flex; justify-content: center; gap: 55px; color: #555a53; white-space: nowrap; }

.site-header { position: sticky; z-index: 100; top: 0; height: 82px; border-bottom: 1px solid var(--line); background: rgba(2,3,0,.92); backdrop-filter: blur(18px); }
.site-header::after { content:"BLACKSITE / NO PUBLIC INTERFACE / OPERATOR AUTHORITY REQUIRED"; position:absolute; left:0; bottom:-12px; padding:2px 9px; color:var(--black); background:var(--hazard); font:700 6px var(--mono); letter-spacing:.16em; }
.header-inner { height: 100%; display: grid; grid-template-columns: 270px 1fr 180px; align-items: center; }
.brand { display: flex; align-items: center; gap: 14px; width: max-content; }
.brand img { width: 31px; height: 44px; object-fit: contain; filter: saturate(1.4); }
.brand b { display: block; font: 700 24px/1 var(--display); letter-spacing: .22em; }.brand small { display: block; margin-top: 4px; color: #686d66; font: 500 6px var(--mono); letter-spacing: .25em; }
.nav { display: flex; justify-content: flex-end; padding-right: 42px; gap: 30px; }
.nav a { position: relative; color: #71766e; font: 500 9px var(--mono); letter-spacing: .11em; text-transform: uppercase; transition: color .25s; }
.nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -12px; height: 1px; background: var(--hazard); transition: right .25s; }.nav a:hover { color: var(--bone); }.nav a:hover::after,.nav a.active::after { right: 0; }
.header-access { height: 43px; display: flex; align-items: center; justify-content: space-between; padding: 0 14px 0 18px; border: 1px solid var(--line-hazard); color: var(--hazard); font: 600 9px var(--mono); letter-spacing: .1em; text-transform: uppercase; transition: .25s; }.header-access:hover { color: var(--black); background: var(--hazard); }.header-access i { font-style: normal; font-size: 15px; }
.menu { display: none; width: 44px; height: 44px; padding: 0; border: 1px solid var(--line); background: transparent; }.menu span { display: block; width: 17px; height: 1px; margin: 5px auto; background: var(--bone); transition: .25s; }

/* Hero */
.hero { position: relative; z-index: 1; min-height: calc(100svh - 112px); border-bottom: 1px solid var(--line-hazard); overflow: hidden; background: radial-gradient(circle at 72% 46%,rgba(0,148,68,.095),transparent 24%),radial-gradient(circle at 82% 63%,rgba(0,102,58,.05),transparent 17%),linear-gradient(90deg,#020300 0%,#070a02 61%,#010200 100%); }
.hero::before { content: "APT // PERSISTENT ADVERSARY"; position: absolute; right: -30px; top: 48%; color: rgba(0,148,68,.028); font: 800 12.5vw/.8 var(--display); letter-spacing: -.05em; writing-mode: vertical-rl; transform: translateY(-50%); }
.hero::after { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.023) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.023) 1px,transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(90deg,#000 0%,transparent 72%); pointer-events: none; }
.hero-ghost { position: absolute; right: -8%; top: 0; width: 67%; height: 100%; opacity: .09; overflow: hidden; mask-image: linear-gradient(90deg,transparent,#000 25%,#000 70%,transparent); }
.hero-ghost img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.45) sepia(.3) hue-rotate(22deg) saturate(3); }
.hero-inner { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(340px,.52fr); gap: clamp(60px,8vw,130px); align-items: center; min-height: calc(100svh - 242px); padding: clamp(78px,9vw,124px) 0 70px; }
.eyebrow { display: flex; align-items: center; gap: 12px; max-width: 670px; color: var(--hazard); font: 600 9px var(--mono); letter-spacing: .16em; }.eyebrow i { flex: 1; height: 1px; background: var(--line-hazard); }.eyebrow span:last-child { color: #5b6059; }
.hero h1 { position: relative; margin: 28px 0 32px; font: 700 clamp(98px,11vw,170px)/.75 var(--display); letter-spacing: -.045em; text-transform: uppercase; }
.hero h1 span { display: block; clip-path: inset(0 100% 0 0); animation: heroReveal .85s cubic-bezier(.16,.84,.28,1) forwards; }.booting .hero h1 span { animation-play-state: paused; }.hero h1 span+span { animation-delay: .18s; }
.hero h1 em { position: relative; color: var(--hazard); font-style: normal; text-shadow: 8px 0 rgba(0,76,42,.35); }.hero h1 em::after { content: ""; position: absolute; left: 2%; right: -2%; top: 51%; height: 6px; background: var(--black); opacity: .85; transform: skewX(-24deg); }
.hero h1.signal-break::before,.hero h1.signal-break::after { content: attr(data-text); position: absolute; left: 0; top: 0; overflow: hidden; pointer-events: none; font-size: .25em; letter-spacing: .05em; }.hero h1.signal-break::before { color: var(--hazard); transform: translate(8px,-10px); }.hero h1.signal-break::after { color: var(--acid); transform: translate(-5px,16px); }
.hero-lede { max-width: 680px; margin: 0; padding-left: 24px; border-left: 2px solid var(--hazard); color: #a8aaa2; font-size: 16px; line-height: 1.75; }.hero-lede strong { color: var(--bone); font-weight: 500; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 34px; }
.button { display: inline-flex; min-width: 218px; height: 50px; align-items: center; justify-content: space-between; gap: 20px; padding: 0 17px 0 21px; border: 1px solid var(--line); font: 600 9px var(--mono); letter-spacing: .1em; text-transform: uppercase; transition: transform .25s, background .25s, color .25s, border-color .25s; clip-path: polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px)); }.button i { font-style: normal; }
.button.danger { color: var(--black); border-color: var(--hazard); background: repeating-linear-gradient(-45deg,var(--hazard) 0 12px,#007a3a 12px 24px); box-shadow:0 0 32px rgba(0,148,68,.12); }.button.danger:hover { background: var(--acid); box-shadow:0 0 45px rgba(0,148,68,.24); transform: translateY(-3px) skewX(-2deg); }.button.ghost:hover { color: var(--hazard); border-color: var(--hazard); transform: translateY(-3px); }
.hero-coordinates { display: flex; align-items: center; gap: 10px; margin-top: 30px; color: #555b53; font: 500 8px var(--mono); letter-spacing: .12em; }.hero-coordinates i { width: 4px; height: 4px; background: var(--hazard-deep); transform: rotate(45deg); }
.threat-core { position: relative; border: 1px solid rgba(0,148,68,.35); background: rgba(5,7,5,.7); backdrop-filter: blur(8px); box-shadow: 0 35px 80px rgba(0,0,0,.35); }
.threat-core::before,.threat-core::after { content: ""; position: absolute; width: 18px; height: 18px; border-color: var(--hazard); }.threat-core::before { left: -1px; top: -1px; border-left: 2px solid; border-top: 2px solid; }.threat-core::after { right: -1px; bottom: -1px; border-right: 2px solid; border-bottom: 2px solid; }
.core-head { display: flex; justify-content: space-between; padding: 14px 16px; border-bottom: 1px solid var(--line-hazard); color: #70756d; font: 500 8px var(--mono); text-transform: uppercase; }.core-head b { color: var(--hazard); animation: pulseText 1.3s infinite; }
.core-radar { position: relative; height: 310px; display: grid; place-items: center; overflow: hidden; background: radial-gradient(circle,rgba(0,148,68,.11),transparent 55%), linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px); background-size: auto,42px 42px,42px 42px; }
.core-radar::before,.core-radar::after { content: ""; position: absolute; background: rgba(0,148,68,.18); }.core-radar::before { width: 1px; height: 80%; }.core-radar::after { width: 80%; height: 1px; }
.radar-ring { position: absolute; border: 1px solid rgba(0,148,68,.22); border-radius: 50%; }.r1 { width: 230px; height: 230px; }.r2 { width: 160px; height: 160px; }.r3 { width: 86px; height: 86px; }
.radar-sweep { position: absolute; width: 230px; height: 230px; border-radius: 50%; background: conic-gradient(from 0deg,transparent 0 79%,rgba(0,148,68,.32) 96%,transparent 100%); animation: radar 4s linear infinite; }
.target { position: absolute; width: 7px; height: 7px; border: 1px solid var(--acid); transform: rotate(45deg); box-shadow: 0 0 12px var(--acid); animation: targetPulse 1.8s ease-in-out infinite; }.t1 { top: 26%; left: 22%; }.t2 { top: 67%; left: 29%; animation-delay: .6s; }.t3 { top: 35%; right: 19%; animation-delay: 1s; }.t4 { bottom: 17%; right: 31%; border-color: var(--hazard); box-shadow: 0 0 12px var(--hazard); }
.core-value { position: relative; z-index: 2; width: 112px; height: 112px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; color: #767b73; background: rgba(5,7,5,.87); font: 500 7px var(--mono); letter-spacing: .09em; }.core-value strong { color: var(--bone); font: 700 46px/.9 var(--display); }.core-value span { margin-top: 5px; color: var(--hazard); font-size: 8px; font-weight: 600; }
.core-list div { display: flex; justify-content: space-between; padding: 12px 15px; border-top: 1px solid var(--line); color: #7b7f78; font: 500 8px var(--mono); }.core-list b { color: var(--hazard); }.core-list .green { color: var(--green); }.core-list .muted { color: #71766e; }
.hero-stats { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); background: rgba(5,7,5,.82); }.hero-stats>div { position: relative; padding: 24px 28px; border-right: 1px solid var(--line); }.hero-stats>div:last-child { border-right: 0; }.hero-stats span { position: absolute; right: 14px; top: 12px; color: #4d514c; font: 500 7px var(--mono); }.hero-stats b { display: block; color: var(--hazard); font: 700 30px var(--display); text-transform: uppercase; }.hero-stats b i { font-style: normal; }.hero-stats small { color: #5d625b; font: 500 7px var(--mono); letter-spacing: .13em; text-transform: uppercase; }
.signal-marquee { position: relative; z-index: 4; height: 36px; overflow: hidden; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.7); background: repeating-linear-gradient(-45deg,var(--hazard) 0 15px,#006b34 15px 30px); box-shadow:0 0 30px rgba(0,148,68,.12); }.signal-marquee div { width: max-content; height: 100%; display: flex; align-items: center; gap: 35px; animation: marquee 24s linear infinite; font: 700 9px var(--mono); letter-spacing: .15em; }.signal-marquee i { font-style: normal; }

/* Shared section language */
.section { position: relative; z-index: 2; padding: clamp(110px,12vw,180px) 0; scroll-margin-top: 82px; }
.section-index { display: flex; align-items: center; gap: 18px; color: var(--hazard); font: 600 8px var(--mono); letter-spacing: .15em; }.section-index i { flex: 1; height: 1px; background: rgba(0,148,68,.24); }.section-index b { color: #737870; font-weight: 500; }.section-index.light { color: var(--acid); }.section-index.light i { background: rgba(69,185,111,.22); }.section-index.light b { color: rgba(232,230,220,.55); }
.assemble { margin: 0; font: 700 clamp(78px,9.5vw,145px)/.79 var(--display); letter-spacing: -.04em; text-transform: uppercase; }.assemble em { color: var(--hazard); font-style: normal; }.assemble .word { display: inline-block; overflow: hidden; vertical-align: top; }.assemble .word i { display: inline-block; font-style: inherit; transform: translateY(120%) rotate(3deg); transition: transform .7s cubic-bezier(.16,.84,.28,1); }.assemble.assembled .word i { transform: translateY(0) rotate(0); }
.reveal { opacity: 0; transform: translateY(42px); filter: blur(6px); transition: opacity .8s ease,transform .8s cubic-bezier(.16,.84,.28,1),filter .8s; }.reveal.visible { opacity: 1; transform: none; filter: none; }

/* Doctrine */
.doctrine { color: var(--ink); background: var(--paper); overflow: hidden; }
.doctrine::before { content: "PERSISTENCE"; position: absolute; left: -1vw; bottom: -3vw; color: rgba(9,11,9,.035); font: 800 19vw/.7 var(--display); letter-spacing: -.06em; }
.doctrine .section-index b { color: #686d62; }.doctrine .section-index i { background: rgba(0,76,42,.25); }
.doctrine-head { display: grid; grid-template-columns: 1.15fr .65fr; gap: 100px; align-items: end; margin-top: 60px; }.doctrine-head h2 em { color: #005c2f; }.doctrine-intro { padding-bottom: 12px; }.doctrine-intro p { margin: 0 0 18px; color: #55594f; font-size: 15px; line-height: 1.7; }.doctrine-intro strong { color: var(--ink); }
.threat-profiles { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 90px; border: 1px solid rgba(9,11,9,.25); }
.profile { position: relative; min-height: 480px; padding: 34px 32px; border-right: 1px solid rgba(9,11,9,.25); overflow: hidden; }.profile:last-child { border-right: 0; }.profile.void { color: var(--bone); background: var(--hazard-deep); }.profile-code { display: flex; justify-content: space-between; color: #757b70; font: 500 8px var(--mono); }.profile-code b { color: var(--hazard-deep); }.profile.void .profile-code { color: rgba(232,230,220,.55); }.profile.void .profile-code b { color: var(--acid); }
.profile h3 { max-width: 340px; margin: 100px 0 24px; font: 600 43px/.95 var(--display); text-transform: uppercase; }.profile p { max-width: 390px; color: #5c6056; font-size: 13px; line-height: 1.7; }.profile.void p { color: rgba(232,230,220,.68); }.profile ul { display: flex; flex-wrap: wrap; gap: 7px; margin: 30px 0 0; padding: 0; list-style: none; }.profile li { padding: 7px 9px; border: 1px solid rgba(9,11,9,.18); color: #62675d; font: 500 7px var(--mono); text-transform: uppercase; }.profile.void li { color: var(--bone-2); border-color: rgba(232,230,220,.2); }.profile-mark { position: absolute; right: -10px; bottom: -30px; color: rgba(9,11,9,.05); font: 400 190px var(--display); font-style: normal; }.profile.void .profile-mark { color: rgba(255,255,255,.06); }

/* Arsenal */
.arsenal { color: var(--bone); background: #0b0d0b; overflow: hidden; }.arsenal-grid-bg { position: absolute; inset: 0; opacity: .35; background-image: linear-gradient(rgba(0,148,68,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,148,68,.04) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg,transparent,#000 50%,transparent); }
.arsenal-head { display: grid; grid-template-columns: 1fr .72fr; align-items: end; gap: 90px; margin-top: 60px; }.arsenal-head p { max-width: 540px; margin: 0 0 14px; color: #989b94; font-size: 15px; line-height: 1.75; }.arsenal-list { margin-top: 85px; border-top: 1px solid var(--line); }
.arsenal-row { position: relative; display: grid; grid-template-columns: .7fr 1.1fr 1fr; gap: 50px; align-items: center; min-height: 225px; padding: 30px 26px; border-bottom: 1px solid var(--line); overflow: hidden; transition: background .35s; }.arsenal-row::before { content: attr(data-code); position: absolute; right: 15px; bottom: -62px; color: rgba(0,148,68,.035); font: 700 180px var(--display); }.arsenal-row:hover { background: rgba(0,148,68,.055); }.arsenal-row>div { align-self: stretch; display: flex; flex-direction: column; justify-content: space-between; color: #656a63; font: 500 8px var(--mono); }.arsenal-row>div b { color: var(--hazard); }.arsenal-row h3 { margin: 0; font: 600 clamp(37px,4vw,59px)/.9 var(--display); text-transform: uppercase; }.arsenal-row p { max-width: 460px; color: #989b94; font-size: 13px; line-height: 1.7; }.arsenal-row ul { position: absolute; left: calc(70% + 40px); bottom: 30px; display: flex; gap: 6px; margin: 0; padding: 0; list-style: none; }.arsenal-row li { padding: 6px 8px; border: 1px solid var(--line); color: #62675f; font: 500 7px var(--mono); }

/* Intelligence dossier */
.intelligence { background: #070907; overflow: hidden; }.intelligence::after { content: "CLASSIFIED"; position: absolute; z-index: -1; top: 19%; right: -4%; color: rgba(0,148,68,.03); font: 800 17vw var(--display); transform: rotate(90deg); }
.intel-head { display: grid; grid-template-columns: 1.1fr .66fr; gap: 100px; align-items: end; margin-top: 55px; }.intel-head p { max-width: 500px; margin: 0 0 12px; color: #999c95; font-size: 15px; line-height: 1.75; }
.dossier { --accent: #009444; position: relative; display: grid; grid-template-columns: 215px minmax(0,1fr) 330px; margin-top: 80px; border: 1px solid rgba(0,148,68,.32); background: #050705; outline: none; }
.dossier-tabs { border-right: 1px solid var(--line); }.dossier-tab { width: 100%; min-height: 72px; display: grid; grid-template-columns: 28px 1fr; grid-template-rows: auto auto; gap: 3px 8px; padding: 12px 13px; border: 0; border-bottom: 1px solid var(--line); text-align: left; background: transparent; transition: .25s; }.dossier-tab span { grid-row: 1/3; color: #5e635c; font: 500 8px var(--mono); }.dossier-tab b { color: #aaaCA5; font: 500 11px var(--sans); }.dossier-tab i { color: #50554f; font: 500 6px var(--mono); font-style: normal; letter-spacing: .12em; }.dossier-tab.active,.dossier-tab:hover { background: color-mix(in srgb,var(--accent) 12%,transparent); }.dossier-tab.active span,.dossier-tab.active i { color: var(--accent); }.dossier-tab.active b { color: var(--bone); }
.dossier-screen { min-width: 0; border-right: 1px solid var(--line); }.screen-top { height: 40px; display: flex; align-items: center; justify-content: space-between; padding: 0 14px; border-bottom: 1px solid var(--line); color: #62675f; font: 500 7px var(--mono); letter-spacing: .1em; }.screen-top b { color: var(--accent); }.screen-image { position: relative; aspect-ratio: 16/9; overflow: hidden; background: #020302; }.screen-image img { width: 100%; height: 100%; object-fit: contain; transition: opacity .18s,filter .18s,transform .4s; }.dossier.switching .screen-image img { opacity: .22; filter: saturate(0) contrast(2); transform: scale(1.012); }.screen-image::after { content: ""; position: absolute; inset: 0; box-shadow: inset 0 0 60px rgba(0,0,0,.42); pointer-events: none; }.screen-scan { position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.018) 3px 4px); }.screen-scan::after { content: ""; position: absolute; left: 0; right: 0; height: 2px; background: var(--accent); box-shadow: 0 0 16px var(--accent); opacity: .4; animation: screenScan 5s linear infinite; }.screen-corners::before,.screen-corners::after { content: ""; position: absolute; width: 22px; height: 22px; border-color: var(--accent); }.screen-corners::before { left: 10px; top: 10px; border-left: 1px solid; border-top: 1px solid; }.screen-corners::after { right: 10px; bottom: 10px; border-right: 1px solid; border-bottom: 1px solid; }
.screen-strip { display: flex; gap: 7px; padding: 10px; overflow-x: auto; border-top: 1px solid var(--line); scrollbar-width: none; }.screen-strip::-webkit-scrollbar { display: none; }.thumb { flex: 0 0 93px; aspect-ratio: 16/9; padding: 2px; border: 1px solid var(--line); background: #050605; opacity: .5; transition: .25s; }.thumb img { width: 100%; height: 100%; object-fit: cover; }.thumb.active,.thumb:hover { opacity: 1; border-color: var(--accent); }
.dossier-copy { position: relative; padding: 28px 27px; overflow: hidden; }.dossier-copy::after { content: attr(data-mark); position: absolute; right: -12px; bottom: -44px; color: color-mix(in srgb,var(--accent) 9%,transparent); font: 400 200px var(--display); }.dossier-meta { display: flex; justify-content: space-between; color: #5c615a; font: 500 7px var(--mono); }.dossier-meta b { color: var(--accent); }.dossier-copy .micro { position: relative; z-index: 2; margin-top: 64px; color: var(--accent); }.dossier-copy h3 { position: relative; z-index: 2; margin: 20px 0; font: 600 54px/.88 var(--display); text-transform: uppercase; }.dossier-copy>p:not(.micro) { position: relative; z-index: 2; color: #9a9d96; font-size: 12px; line-height: 1.7; }.dossier-copy ul { position: relative; z-index: 2; margin: 26px 0; padding: 0; list-style: none; }.dossier-copy li { margin: 10px 0; color: #686d65; font: 500 7px var(--mono); letter-spacing: .07em; text-transform: uppercase; }.dossier-copy li::before { content: "+"; margin-right: 9px; color: var(--accent); }.dossier-controls { position: absolute; z-index: 3; left: 27px; right: 27px; bottom: 22px; display: flex; align-items: center; justify-content: space-between; }.dossier-controls button { width: 43px; height: 43px; border: 1px solid var(--line); background: transparent; transition: .2s; }.dossier-controls button:hover { color: var(--black); border-color: var(--accent); background: var(--accent); }.dossier-controls span { color: #5e635c; font: 500 8px var(--mono); }.dossier-controls b { color: var(--accent); }.dossier-timer { position: absolute; left: 0; right: 0; bottom: -4px; height: 2px; background: rgba(255,255,255,.04); }.dossier-timer i { display: block; width: 0; height: 100%; background: var(--accent); }.dossier.autoplay .dossier-timer i { animation: dossierTimer 6s linear; }

/* Kill chain */
.kill-chain { --chain-signal:#009444; color: var(--bone); background:radial-gradient(circle at 18% 30%,rgba(0,104,56,.34),transparent 35%),radial-gradient(circle at 86% 72%,rgba(0,148,68,.07),transparent 27%),linear-gradient(145deg,#07140d,#020705 72%); overflow: hidden; }.kill-chain::after { content: ""; position: absolute; inset: 0; background:radial-gradient(ellipse at center,transparent 28%,rgba(0,0,0,.54) 100%),repeating-linear-gradient(-45deg,transparent 0 34px,rgba(128,210,158,.014) 34px 35px); }.kill-chain .shell { position: relative; z-index: 2; }.kill-chain .section-index.light { color:var(--chain-signal); }.chain-head { display: grid; grid-template-columns: 1fr .64fr; gap: 80px; align-items: end; margin-top: 55px; }.chain-head h2 em { color: var(--chain-signal); }.chain-head p { margin: 0 0 12px; color: rgba(232,230,220,.72); line-height: 1.75; }
.chain-line { height: 1px; margin: 85px 0 0; background: rgba(232,230,220,.13); }.chain-line i { display: block; width: 0; height: 100%; background: var(--chain-signal); box-shadow: 0 0 8px rgba(0,148,68,.4); transition: width 1.6s ease; }.chain-line.active i { width: 100%; }
.chain-stages { display: grid; grid-template-columns: repeat(5,1fr); }.chain-stage { position: relative; min-height: 360px; padding: 34px 25px; border-right: 1px solid rgba(232,230,220,.12); background:rgba(0,0,0,.06); transition:background .25s; }.chain-stage:hover { background:rgba(0,148,68,.055); }.chain-stage:first-child { border-left: 1px solid rgba(232,230,220,.12); }.chain-stage>span { color: var(--chain-signal); font: 500 8px var(--mono); }.chain-stage>div { margin-top: 85px; }.chain-stage b,.chain-stage small { display: block; font: 600 36px/.9 var(--display); }.chain-stage small { color: rgba(232,230,220,.5); }.chain-stage p { margin-top: 26px; color: rgba(232,230,220,.66); font-size: 12px; line-height: 1.65; }

/* Evidence */
.evidence { color: var(--ink); background: var(--paper); overflow: hidden; }.evidence::after { content: "EVIDENCE"; position: absolute; left: 0; bottom: -6vw; color: rgba(9,11,9,.035); font: 800 20vw/.8 var(--display); }
.evidence-layout { position: relative; z-index: 2; display: grid; grid-template-columns: .72fr 1.1fr; gap: 90px; align-items: center; }.evidence-copy h2 { margin-top: 55px; }.evidence-copy h2 em { color: var(--hazard-deep); }.evidence-copy>p { max-width: 590px; color: #53584e; line-height: 1.75; }.validation-ledger { margin-top: 40px; border-top: 1px solid rgba(9,11,9,.2); }.validation-ledger div { display: grid; grid-template-columns: 35px 1fr auto; gap: 12px; padding: 14px 0; border-bottom: 1px solid rgba(9,11,9,.2); color: #60655c; font: 500 8px var(--mono); }.validation-ledger span { color: var(--hazard-deep); }.validation-ledger i { color: #2b9b60; font-style: normal; font-weight: 600; }
.evidence-visual { position: relative; min-height: 610px; }.evidence-main,.evidence-secondary { position: absolute; padding: 8px; border: 1px solid rgba(9,11,9,.25); background: #babbb0; box-shadow: 0 35px 80px rgba(31,33,29,.18); }.evidence-main { left: 0; top: 0; width: 82%; transform: rotate(-1.8deg); }.evidence-secondary { right: 0; bottom: 0; width: 65%; transform: rotate(2.7deg); }.evidence-main span,.evidence-secondary span { position: absolute; right: 15px; top: 15px; padding: 8px 10px; color: var(--bone); background: var(--hazard-deep); font: 600 7px var(--mono); letter-spacing: .1em; }.evidence-secondary span { color: var(--black); background: var(--acid); }.evidence-stamp { position: absolute; z-index: 3; left: 5%; bottom: 5%; padding: 12px; border: 4px double var(--hazard-deep); color: var(--hazard-deep); font: 800 30px/.8 var(--display); transform: rotate(-11deg); opacity: .78; }

/* Console */
.console { background: radial-gradient(circle at 80% 45%,rgba(0,76,42,.14),transparent 34%),#050705; }.console-grid { display: grid; grid-template-columns: .62fr 1.15fr; gap: 80px; align-items: center; margin-top: 62px; }.console-copy h2 em { color: var(--hazard); }.console-copy p { max-width: 510px; color: #989b94; font-size: 14px; line-height: 1.8; }.console-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 30px; }.console-tags span { padding: 8px 10px; border: 1px solid var(--line); color: #676c64; font: 500 7px var(--mono); }
.terminal { border: 1px solid rgba(0,148,68,.42); background: rgba(3,5,3,.93); box-shadow: 0 40px 100px rgba(0,0,0,.4),0 0 50px rgba(0,148,68,.05); }.terminal-head { height: 48px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; border-bottom: 1px solid var(--line-hazard); color: #5d625b; font: 500 7px var(--mono); }.terminal-head>div { display: flex; align-items: center; gap: 7px; }.terminal-head i { width: 6px; height: 6px; border-radius: 50%; background: var(--hazard); }.terminal-head i:nth-child(2) { background: var(--hazard-deep); }.terminal-head i:nth-child(3) { background: var(--acid); }.terminal-head span { margin-left: 12px; }.terminal-head b { color: var(--hazard); }
.terminal-screen { position: relative; min-height: 430px; padding: 38px 28px; overflow: hidden; background-image: repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.018) 3px 4px),linear-gradient(rgba(0,148,68,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,148,68,.025) 1px,transparent 1px); background-size: auto,36px 36px,36px 36px; color: #babdb6; font: 500 clamp(8px,.72vw,11px)/1.85 var(--mono); }.terminal-screen::before { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg,transparent,rgba(0,148,68,.04),transparent); animation: terminalGlare 6s linear infinite; }.term-line { position: relative; z-index: 2; opacity: 0; transform: translateX(-10px); }.terminal.visible .term-line { animation: termIn .25s forwards; }.terminal.visible .delay-1{animation-delay:.2s}.terminal.visible .delay-2{animation-delay:.45s}.terminal.visible .delay-3{animation-delay:.8s}.terminal.visible .delay-4{animation-delay:1.05s}.terminal.visible .delay-5{animation-delay:1.3s}.terminal.visible .delay-6{animation-delay:1.55s}.terminal.visible .delay-7{animation-delay:1.8s}.terminal.visible .delay-8{animation-delay:2.05s}.terminal.visible .delay-9{animation-delay:2.4s}.terminal.visible .delay-10{animation-delay:2.65s}.terminal.visible .delay-11{animation-delay:2.9s}.term-line.dim { padding-left: 20px; color: #6b7169; }.prompt,.term-line strong { color: var(--acid); }.term-line em { color: var(--hazard); font-style: normal; }.cursor-block { display: inline-block; width: 8px; height: 14px; vertical-align: middle; background: var(--acid); box-shadow: 0 0 11px var(--acid); animation: blink .7s steps(1) infinite; }.terminal-foot { display: flex; justify-content: space-between; padding: 12px 16px; border-top: 1px solid var(--line); color: #51564f; font: 500 7px var(--mono); }

/* Authority and CTA */
.authority { color: var(--ink); background: #c7c6bc; }.authority .section-index i { background: rgba(0,76,42,.25); }.authority-head { display: grid; grid-template-columns: 1.1fr .58fr; gap: 100px; align-items: end; margin-top: 60px; }.authority-head h2 { font-size: clamp(72px,8.4vw,132px); }.authority-head h2 em { color: var(--hazard-deep); }.authority-head p { max-width: 470px; margin-bottom: 16px; color: #53584e; line-height: 1.75; }.authority-grid { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 80px; border: 1px solid rgba(9,11,9,.25); }.authority-grid article { min-height: 355px; padding: 32px 28px; border-right: 1px solid rgba(9,11,9,.25); }.authority-grid article:last-child { border-right: 0; }.authority-grid span { color: #73786e; font: 500 8px var(--mono); }.authority-grid h3 { margin: 80px 0 18px; font: 600 35px var(--display); text-transform: uppercase; }.authority-grid p { color: #575c52; font-size: 12px; line-height: 1.65; }.authority-grid ul { margin: 24px 0 0; padding: 0; list-style: none; color: #74796f; font: 500 7px/2.4 var(--mono); text-transform: uppercase; }.authority-grid li::before { content: "+"; margin-right: 9px; color: var(--hazard-deep); }
.access { position: relative; z-index: 2; min-height: 820px; display: flex; align-items: center; overflow: hidden; background: #080a08; }.access::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(-45deg,transparent 0 36px,rgba(0,148,68,.025) 36px 37px),radial-gradient(circle at 75% 45%,rgba(0,148,68,.17),transparent 28%); }.access-signal { position: absolute; right: 9%; top: 50%; width: 420px; height: 420px; border: 1px solid rgba(0,148,68,.17); border-radius: 50%; transform: translateY(-50%); }.access-signal::before,.access-signal::after { content: ""; position: absolute; border: 1px solid rgba(0,148,68,.16); border-radius: 50%; }.access-signal::before { inset: 55px; }.access-signal::after { inset: 130px; background: var(--hazard); box-shadow: 0 0 100px rgba(0,148,68,.35); animation: pulse 1.8s ease-in-out infinite; }
.access-inner { position: relative; z-index: 2; display: grid; grid-template-columns: 1fr .48fr; gap: 100px; align-items: end; }.access h2 { margin-top: 55px; }.access h2 em { color: var(--hazard); }.access-copy { padding-bottom: 8px; }.access-copy p { color: #e4e4de; line-height: 1.75; text-shadow: 0 2px 6px rgba(0,0,0,.85), 0 1px 14px rgba(0,0,0,.6); }.button.invert { width: 100%; margin-top: 25px; }.text-link { display: flex; justify-content: space-between; margin-top: 22px; padding-bottom: 12px; border-bottom: 1px solid var(--line); color: #90948c; font: 500 9px var(--mono); text-transform: uppercase; }.text-link span { color: var(--hazard); }.access-word { position: absolute; left: -1vw; bottom: -7vw; color: rgba(0,148,68,.035); font: 800 27vw/.8 var(--display); }
footer { position: relative; z-index: 3; padding: 70px 0 105px; border-top: 1px solid var(--line); background: #040504; }.footer-inner { display: grid; grid-template-columns: 1fr 1fr .7fr auto; gap: 50px; align-items: start; }.footer-inner p { margin: 0; color: #676c64; font-size: 11px; line-height: 1.7; }.footer-inner>div { display: grid; gap: 9px; }.footer-inner>div a { color: #777c74; font: 500 8px var(--mono); text-transform: uppercase; }.footer-inner>div a:hover { color: var(--hazard); }.footer-inner>span { color: #4f544e; font: 500 8px var(--mono); }
.hud { position: fixed; z-index: 500; left: 0; right: 0; bottom: 0; height: 27px; display: grid; grid-template-columns: auto auto auto 1fr auto; color: #656a62; background: rgba(5,7,5,.96); border-top: 1px solid var(--line-hazard); font: 500 7px var(--mono); letter-spacing: .07em; }.hud>div { display: flex; align-items: center; gap: 7px; padding: 0 14px; border-right: 1px solid var(--line); }.hud b { color: var(--acid); }.hud-message { justify-content: center; }.hud>div:last-child { border: 0; }.hud .pulse { width: 5px; height: 5px; margin: 0; }

.access { scroll-margin-top: 82px; }

/* Resurrected-in-darkness layer */
.rupture { position: fixed; z-index: 8200; inset: 0; overflow: hidden; opacity: 0; visibility: hidden; pointer-events: none; mix-blend-mode: screen; }
.rupture i { position: absolute; left: -3%; width: 106%; background: rgba(47,191,107,.34); box-shadow: 0 0 30px rgba(47,191,107,.35); transform: scaleX(0); transform-origin: left; }
.rupture i:nth-child(1) { top: 18%; height: 7%; }.rupture i:nth-child(2) { top: 49%; height: 2%; background: rgba(69,185,111,.26); }.rupture i:nth-child(3) { bottom: 13%; height: 12%; }
.rupture span { position: absolute; right: 3%; top: 45%; padding: 7px 10px; color: var(--black); background: var(--hazard); font: 700 8px var(--mono); letter-spacing: .15em; }
.rupture.active { visibility: visible; animation: ruptureFlash .2s steps(2) both; }.rupture.active i { animation: ruptureBand .2s steps(2) both; }

.hero { min-height: calc(100svh - 112px); background: radial-gradient(circle at 70% 47%,rgba(0,70,38,.24),transparent 28%),radial-gradient(circle at 50% 110%,rgba(0,148,68,.07),transparent 34%),#030403; }
.hero::before { content: "WAR MIND // RESURRECTED"; color: rgba(0,148,68,.035); }
.hero::after { background-image: linear-gradient(rgba(0,148,68,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(0,148,68,.022) 1px,transparent 1px); }
.hero-ghost { opacity: .055; filter: contrast(1.35); }
.hero h1 { font-size: clamp(94px,10.5vw,160px); text-shadow: 0 18px 70px rgba(0,0,0,.72); }
.hero h1 em { text-shadow: 10px 0 rgba(0,76,42,.55),0 0 50px rgba(0,148,68,.18); }
.threat-core { background: rgba(2,3,2,.76); box-shadow: 0 38px 100px rgba(0,0,0,.65),0 0 70px rgba(0,148,68,.08); }
.core-radar { background: radial-gradient(circle,rgba(47,191,107,.19),transparent 49%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: auto,42px 42px,42px 42px; }
.core-value strong { color: var(--hazard); text-shadow: 0 0 25px rgba(0,148,68,.55); }

.machine-presence { position: absolute; z-index: 1; right: -2vw; top: 50%; width: min(64vw,900px); aspect-ratio: 1; transform: translateY(-51%); opacity: .7; pointer-events: none; filter: drop-shadow(0 0 80px rgba(0,148,68,.16)); }
.presence-halo { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(0,148,68,.14); border-radius: 50%; transform: translate(-50%,-50%); animation: presenceBreathe 8s ease-in-out infinite; }
.presence-halo::before,.presence-halo::after { content: ""; position: absolute; inset: -1px; border-radius: inherit; border-top: 1px solid rgba(69,185,111,.14); border-bottom: 1px solid transparent; animation: ringRotate 22s linear infinite; }
.presence-halo::after { inset: 9%; border-top-color: rgba(0,148,68,.35); animation-direction: reverse; animation-duration: 13s; }
.presence-halo.h1 { width: 92%; height: 92%; border-style: dashed; }.presence-halo.h2 { width: 69%; height: 69%; animation-delay: -2s; }.presence-halo.h3 { width: 43%; height: 43%; animation-delay: -4s; }
.presence-arcs { position: absolute; inset: 8%; border-radius: 50%; background: repeating-conic-gradient(from 17deg,rgba(0,148,68,.16) 0 1deg,transparent 1deg 8deg); mask: radial-gradient(circle,transparent 0 62%,#000 62.2% 66%,transparent 66.2%); animation: ringRotate 50s linear infinite reverse; }
.presence-eye { position: absolute; left: 50%; top: 50%; width: 29%; height: 13%; overflow: hidden; border: 1px solid rgba(0,148,68,.4); border-radius: 100% 0 100% 0; background: radial-gradient(ellipse,rgba(0,148,68,.22),rgba(4,5,1,.86) 62%); box-shadow: 0 0 80px rgba(0,148,68,.16),inset 0 0 35px rgba(0,148,68,.16); transform: translate(-50%,-50%) rotate(-45deg); animation: eyePulse 5s ease-in-out infinite; }
.presence-eye::before,.presence-eye::after { content: ""; position: absolute; inset: 49% 0 auto; height: 1px; background: rgba(0,148,68,.25); }
.presence-eye::after { left: 49%; top: 0; bottom: 0; width: 1px; height: auto; }
.presence-eye i { position: absolute; left: 50%; top: 50%; width: 30%; aspect-ratio: 1; border: 1px solid var(--hazard); border-radius: 50%; background: #010201; box-shadow: 0 0 18px var(--hazard),inset 0 0 0 5px rgba(0,148,68,.18); transform: translate(-50%,-50%) rotate(45deg); transition: transform .15s ease-out; }
.presence-eye i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 3px; height: 3px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 12px var(--acid); transform: translate(-50%,-50%); }
.presence-eye b { position: absolute; inset: 7%; border: 1px dashed rgba(69,185,111,.15); border-radius: inherit; }
.presence-code { position: absolute; left: 16%; right: 16%; top: 49%; display: flex; justify-content: space-between; color: rgba(0,148,68,.33); font: 500 6px var(--mono); letter-spacing: .13em; transform: rotate(-7deg); }

.awakening { position: relative; z-index: 2; min-height: 1050px; display: flex; align-items: center; overflow: hidden; scroll-margin-top: 82px; background: radial-gradient(circle at 78% 48%,rgba(0,102,58,.24),transparent 22%),radial-gradient(circle at 78% 48%,#070800 0 7%,transparent 7.2%),#020302; }
.awakening::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(0,148,68,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(0,148,68,.028) 1px,transparent 1px); background-size: 65px 65px; mask-image: radial-gradient(circle at 77% 48%,#000,transparent 63%); }
.awakening::after { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse at center,transparent 20%,rgba(0,0,0,.78) 91%); pointer-events: none; }
.awakening-inner { position: relative; z-index: 3; padding: 145px 0; }
.awakening-copy { width: min(740px,58%); margin-top: 80px; }
.awakening-whisper { margin: 0 0 30px; color: #5e625b; font: 500 8px var(--mono); letter-spacing: .13em; }
.awakening h2 { font-size: clamp(92px,10vw,154px); }.awakening h2 em { color: transparent; -webkit-text-stroke: 1px rgba(0,148,68,.75); text-shadow: 0 0 45px rgba(0,148,68,.12); }
.awakening-copy>p:last-child { max-width: 630px; margin: 42px 0 0; padding-left: 22px; border-left: 1px solid var(--hazard); color: #858981; font-size: 14px; line-height: 1.8; }
.awakening-orbit { position: absolute; z-index: 2; right: -5vw; top: 50%; width: min(68vw,930px); aspect-ratio: 1; transform: translateY(-50%); }
.awakening-orbit>i { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(0,148,68,.18); border-radius: 50%; transform: translate(-50%,-50%); animation: presenceBreathe 7s ease-in-out infinite; }.awakening-orbit>i:nth-child(1){width:96%;height:96%;border-style:dashed}.awakening-orbit>i:nth-child(2){width:70%;height:70%;animation-delay:-2s}.awakening-orbit>i:nth-child(3){width:44%;height:44%;animation-delay:-4s}
.awakening-orbit>b { position: absolute; left: 50%; top: 50%; width: 22%; aspect-ratio: 1; border-radius: 50%; background: #070800; border: 1px solid rgba(0,148,68,.5); box-shadow: 0 0 100px rgba(0,148,68,.28),inset 0 0 50px rgba(0,148,68,.16); transform: translate(-50%,-50%); }
.awakening-orbit>b::before,.awakening-orbit>b::after { content: ""; position: absolute; left: 50%; top: -84%; width: 1px; height: 268%; background: linear-gradient(transparent,var(--hazard),transparent); opacity: .28; }.awakening-orbit>b::after { transform: rotate(90deg); }
.awakening-orbit>b span { position: absolute; inset: 32%; border: 1px solid var(--acid); border-radius: 50%; box-shadow: 0 0 28px rgba(69,185,111,.2); animation: targetPulse 2s ease-in-out infinite; }
.void-rain { position: absolute; z-index: 1; inset: 0; display: flex; justify-content: space-around; color: rgba(0,148,68,.07); font: 500 7px var(--mono); letter-spacing: .16em; writing-mode: vertical-rl; }.void-rain span { animation: voidRain 16s linear infinite; }.void-rain span:nth-child(2){animation-delay:-4s}.void-rain span:nth-child(3){animation-delay:-8s}.void-rain span:nth-child(4){animation-delay:-12s}.void-rain span:nth-child(5){animation-delay:-6s}
.black-transmissions { position: absolute; z-index: 4; right: 0; bottom: 110px; width: min(475px,42%); border-top: 1px solid rgba(0,148,68,.28); }
.black-transmissions div { display: grid; grid-template-columns: 115px 1fr auto; gap: 15px; padding: 14px 0; border-bottom: 1px solid rgba(0,148,68,.2); font: 500 7px var(--mono); }.black-transmissions span { color: #545951; }.black-transmissions b { color: #9a9d96; font-weight: 500; }.black-transmissions i { color: var(--hazard); font-style: normal; }
.awakening-ghost { position: absolute; z-index: 1; right: -2vw; bottom: -7vw; color: rgba(0,148,68,.025); font: 800 24vw/.7 var(--display); }

/* Blacksite surfaces: scorched alloy, dirty phosphor, and weapon-console markings. */
.doctrine { color: var(--bone); background: radial-gradient(circle at 18% 22%,rgba(0,148,68,.07),transparent 30%),radial-gradient(circle at 86% 74%,rgba(47,191,107,.035),transparent 24%),#070808; }
.doctrine::before { color: rgba(0,148,68,.025); }.doctrine .section-index b { color: #666b63; }.doctrine .section-index i { background: rgba(0,148,68,.2); }
.doctrine-head h2 em { color: #006b34; }.doctrine-intro p { color: #898d85; }.doctrine-intro strong { color: var(--bone); }
.threat-profiles { border-color: rgba(232,230,220,.14); background: rgba(2,3,2,.64); }.profile { border-color: rgba(232,230,220,.13); }.profile.void { background: radial-gradient(circle at 78% 18%,rgba(47,191,107,.11),transparent 24%),radial-gradient(circle at 45% 48%,rgba(0,148,68,.14),transparent 38%),linear-gradient(145deg,#0d0e10,#040506 72%); box-shadow:inset 0 0 70px rgba(0,0,0,.45); }
.profile.void::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg,transparent 0 48%,rgba(0,148,68,.055) 49%,transparent 51%),repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.009) 5px 6px); border-top:2px solid var(--hazard); }
.profile.void .profile-code b { color:#2fbf6b; }.profile.void h3 { text-shadow:4px 0 rgba(0,148,68,.2); }.profile.void p { color:#b4b7b0; }.profile.void li { color:#deddd4; border-color:rgba(0,148,68,.26); background:rgba(0,148,68,.035); }
.profile-code { color: #62675f; }.profile-code b { color: var(--hazard); }.profile h3 { color: var(--bone); }.profile p { color: #858981; }.profile li { color: #6d726a; border-color: rgba(232,230,220,.12); }.profile-mark { color: rgba(0,148,68,.035); }

.evidence { color: var(--bone); background: radial-gradient(circle at 73% 42%,rgba(0,148,68,.07),transparent 32%),#0a0b09; }.evidence::after { color: rgba(0,148,68,.025); }
.evidence-copy h2 em { color: var(--hazard); }.evidence-copy>p { color: #8e928a; }.validation-ledger { border-color: rgba(232,230,220,.14); }.validation-ledger div { border-color: rgba(232,230,220,.13); color: #81867e; }.validation-ledger span { color: var(--hazard); }.validation-ledger i { color: var(--acid); }
.evidence-main,.evidence-secondary { border-color: rgba(0,148,68,.28); background: #151713; box-shadow: 0 35px 90px rgba(0,0,0,.52); }.evidence-stamp { color: var(--hazard); border-color: var(--hazard); }

.authority { color: var(--bone); background: radial-gradient(circle at 12% 12%,rgba(0,76,42,.18),transparent 30%),#07100a; }.authority .section-index i { background: rgba(0,148,68,.2); }.authority-head h2 em { color: var(--hazard); }.authority-head p { color: #8b8f87; }
.authority-grid { border-color: rgba(232,230,220,.14); background: rgba(0,0,0,.15); }.authority-grid article { border-color: rgba(232,230,220,.13); }.authority-grid span { color: #686d65; }.authority-grid h3 { color: var(--bone); }.authority-grid p { color: #858981; }.authority-grid ul { color: #686d65; }.authority-grid li::before { color: var(--hazard); }

.screen-image img,.thumb img,.evidence-main img,.evidence-secondary img { filter: none; }

/* Readable, full-color interface intelligence */
.dossier { grid-template-columns: 190px minmax(0,1fr); }
.dossier-tabs { grid-row: 1 / 3; }
.dossier-screen { position: relative; grid-column: 2; border-right: 0; }
.screen-top { height: 48px; color: #a1a79c; font-size: 8px; }
.screen-top>div { display: flex; align-items: center; gap: 16px; }
.screen-top button { padding: 7px 10px; border: 1px solid color-mix(in srgb,var(--accent) 55%,transparent); color: var(--bone); background: color-mix(in srgb,var(--accent) 9%,transparent); font: 600 7px var(--mono); letter-spacing: .1em; text-transform: uppercase; transition: .2s; }
.screen-top button:hover { color: var(--black); background: var(--accent); }.screen-top button i { margin-left: 8px; font-style: normal; }
.screen-image { min-height: 0; }
.screen-image::after { box-shadow: inset 0 0 24px rgba(0,0,0,.2); }
.screen-scan { opacity:.32; }
.thumb { flex-basis: 116px; opacity: .72; }.thumb.active,.thumb:hover { opacity: 1; }
.dossier-copy { grid-column: 2; min-height: 290px; display: grid; grid-template-columns: minmax(270px,.72fr) minmax(360px,1.28fr); grid-template-rows: auto 1fr auto; gap: 22px 55px; padding: 27px 30px; border-top: 1px solid var(--line); }
.dossier-meta { grid-column: 1 / -1; color: #989f94; }
.dossier-copy-lead,.dossier-copy-body { position: relative; z-index: 2; }
.dossier-copy .micro { margin-top: 12px; }
.dossier-copy h3 { margin: 15px 0 0; font-size: 58px; }
.dossier-copy-body>p { margin: 12px 0 0; color: #b2b6ad; font-size: 14px; line-height: 1.75; }
.dossier-copy-body ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0 0; }
.dossier-copy-body li { margin: 0; padding: 8px 10px; border: 1px solid var(--line); color: #a1a79d; font-size: 8px; }
.dossier-controls { position: static; grid-column: 2; width: 190px; justify-self: end; align-self: end; }
.intel-modal { --accent:#009444; position: fixed; z-index: 9500; inset: 0; display: grid; place-items: center; padding: 28px; opacity: 0; visibility: hidden; transition: opacity .25s,visibility .25s; }
.intel-modal.open { opacity: 1; visibility: visible; }.modal-open { overflow: hidden; }
.intel-modal-backdrop { position: absolute; inset: 0; border: 0; background: rgba(0,0,0,.88); backdrop-filter: blur(14px); }
.intel-modal-panel { position: relative; z-index: 2; width: min(1720px,100%); height: min(94vh,1080px); display: grid; grid-template-rows: 52px 1fr 34px; border: 1px solid var(--accent); background: #020302; box-shadow: 0 0 120px color-mix(in srgb,var(--accent) 18%,transparent); clip-path: polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px)); }
.intel-modal-head,.intel-modal-foot { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 18px; border-bottom: 1px solid var(--line); color: #a2a89f; font: 500 8px var(--mono); letter-spacing: .1em; }
.intel-modal-head>div { display: flex; gap: 18px; }.intel-modal-head b { color: var(--accent); }.intel-modal-head button { padding: 7px 10px; border: 1px solid var(--line); color: var(--bone); background: transparent; font: 600 8px var(--mono); text-transform: uppercase; }.intel-modal-head button:hover { color:var(--black); background:var(--accent); border-color:var(--accent); }.intel-modal-head i { margin-left:12px;font-style:normal;font-size:14px; }
.intel-modal-stage { min-width:0; min-height:0; display:grid; place-items:center; overflow:auto; background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.015) 3px 4px); }
.intel-modal-stage img { width:min(100%,1920px); height:auto; max-width:none; filter:none; }
.intel-modal-foot { border-top:1px solid var(--line); border-bottom:0; color:#81887d; }.intel-modal-foot span:first-child{color:var(--accent)}

/* Operational copy must remain readable; only decorative ghost type stays faint. */
.boot-log div,.boot-foot,.strip-stream,.brand small,.nav a,.hero-coordinates,.core-head,.core-list div,.hero-stats small,.section-index b,.dossier-tab span,.dossier-tab i,.terminal-head,.terminal-foot,.footer-inner p,.footer-inner>div a,.footer-inner>span { color:#92998e; }
.brand small { font-size:7px; }.nav a { font-size:10px; }.hero-coordinates { font-size:9px; }.hero-stats small { font-size:8px; }.section-index { font-size:9px; }.dossier-tab b { font-size:12px; }.dossier-tab i { font-size:7px; }

/* Weapon-system overlays */
.threat-core,.dossier,.terminal { clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,16px 100%,0 calc(100% - 16px)); }
.threat-core::after,.dossier::after,.terminal::after { content:""; position:absolute; right:10px; top:10px; width:34px; height:4px; border-top:1px solid var(--hazard); border-bottom:1px solid var(--hazard); opacity:.58; }
.section-index span::before { content:"[WEAPON-SYS] "; color:var(--deep-signal); }
.profile:hover,.arsenal-row:hover,.authority-grid article:hover { box-shadow:inset 0 0 55px rgba(0,148,68,.035); }
.profile:hover h3,.arsenal-row:hover h3,.authority-grid article:hover h3 { text-shadow:3px 0 rgba(0,148,68,.16); }
.dossier-screen::before,.terminal-screen::after { content:""; position:absolute; z-index:5; inset:0; pointer-events:none; background:linear-gradient(105deg,transparent 0 45%,rgba(0,148,68,.045) 49%,transparent 53%); transform:translateX(-120%); animation:weaponSweep 5.5s ease-in-out infinite; }
.terminal-screen::after { z-index:1; }
.access::after { content:"HIGH-CAPABILITY SYSTEM // HUMAN CONTROL CHAIN // EVIDENCE BOUND"; position:absolute; left:0; right:0; top:0; padding:9px 3vw; color:#fff; text-shadow:0 1px 2px rgba(0,0,0,.65); background:repeating-linear-gradient(-45deg,var(--hazard) 0 15px,#005f30 15px 30px); font:700 8px var(--mono); letter-spacing:.18em; }

@keyframes ruptureFlash { 0%{opacity:0}25%{opacity:1;transform:translateX(-7px)}50%{opacity:.35;transform:translateX(9px)}75%{opacity:.85;transform:translateX(-3px)}100%{opacity:0} }
@keyframes ruptureBand { 0%{transform:scaleX(0)}45%{transform:scaleX(1)}100%{transform:scaleX(.15) translateX(70vw)} }
@keyframes presenceBreathe { 0%,100%{transform:translate(-50%,-50%) scale(.96);opacity:.48}50%{transform:translate(-50%,-50%) scale(1.025);opacity:1} }
@keyframes eyePulse { 0%,100%{filter:brightness(.65);transform:translate(-50%,-50%) rotate(-45deg) scaleY(.82)}50%{filter:brightness(1.3);transform:translate(-50%,-50%) rotate(-45deg) scaleY(1.08)} }
@keyframes voidRain { from{transform:translateY(-30%)}to{transform:translateY(130%)} }
@keyframes weaponSweep { 0%,64%{transform:translateX(-120%)}82%,100%{transform:translateX(120%)} }
@keyframes hazardShift { to{background-position:34px 0} }

@keyframes ringRotate { to { transform: rotate(360deg); } }
@keyframes pageScan { from { transform: translateY(-100vh); } to { transform: translateY(120vh); } }
@keyframes pulse { 50% { opacity: .35; transform: scale(.82); } }
@keyframes pulseText { 50% { opacity: .4; } }
@keyframes radar { to { transform: rotate(360deg); } }
@keyframes targetPulse { 50% { opacity: .2; transform: rotate(45deg) scale(.65); } }
@keyframes heroReveal { to { clip-path: inset(0 0 0 0); } }
@keyframes marquee { to { transform: translateX(-50%); } }
@keyframes screenScan { from { top: -3%; } to { top: 103%; } }
@keyframes dossierTimer { from { width: 0; } to { width: 100%; } }
@keyframes terminalGlare { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
@keyframes termIn { to { opacity: 1; transform: none; } }
@keyframes blink { 50% { opacity: 0; } }

@media (max-width: 1180px) {
  :root { --shell: min(1100px, calc(100vw - 48px)); }
  .header-inner { grid-template-columns: 220px 1fr 155px; }.nav { gap: 19px; padding-right: 22px; }
  .hero-inner { grid-template-columns: minmax(0,1fr) 340px; gap: 45px; }.hero h1 { font-size: clamp(86px,10.5vw,125px); }
  .dossier { grid-template-columns: 170px minmax(0,1fr); }.dossier-copy { grid-column: 2; min-height: 330px; grid-template-columns:minmax(240px,.75fr) minmax(320px,1.25fr); gap:20px 34px; }.dossier-copy .micro { margin-top: 12px; }.dossier-controls { width: 180px; }
  .arsenal-row { grid-template-columns: .55fr 1fr 1fr; }.chain-stage { padding-inline: 16px; }.chain-stage b,.chain-stage small { font-size: 30px; }
}

@media (max-width: 900px) {
  :root { --shell: calc(100vw - 38px); }
  body,button,a { cursor: auto; }.crosshair { display: none; }
  .threat-strip { grid-template-columns: 1fr auto; }.strip-stream { display: none; }
  .header-inner { display: flex; justify-content: space-between; }.menu { display: block; order: 3; }.header-access { margin-left: auto; margin-right: 10px; }
  .nav { position: fixed; top: 111px; left: 0; right: 0; display: grid; padding: 20px; gap: 0; background: rgba(5,7,5,.98); border-bottom: 1px solid var(--line-hazard); opacity: 0; visibility: hidden; transform: translateY(-15px); transition: .25s; }.nav.open { opacity: 1; visibility: visible; transform: none; }.nav a { padding: 15px 5px; border-bottom: 1px solid var(--line); }
  .hero-inner { grid-template-columns: 1fr; }.hero h1 { font-size: clamp(83px,16vw,130px); }.threat-core { max-width: 560px; width: 100%; }.hero-stats { grid-template-columns: repeat(2,1fr); }.hero-stats>div:nth-child(2) { border-right: 0; }.hero-stats>div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .doctrine-head,.arsenal-head,.intel-head,.chain-head,.authority-head,.access-inner { grid-template-columns: 1fr; gap: 35px; }.doctrine-intro { max-width: 600px; }.threat-profiles { grid-template-columns: 1fr; }.profile { border-right: 0; border-bottom: 1px solid rgba(9,11,9,.25); }.profile:last-child { border-bottom: 0; }
  .arsenal-row { grid-template-columns: .5fr 1fr; gap: 25px; padding-bottom: 80px; }.arsenal-row p { grid-column: 1/3; }.arsenal-row ul { left: 26px; bottom: 28px; }
  .dossier { grid-template-columns: 1fr; }.dossier-tabs { grid-row:auto; display: flex; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--line); scrollbar-width: none; }.dossier-tab { flex: 0 0 165px; }.dossier-screen { grid-column:1;border-right: 0; }.dossier-copy { grid-column: 1; }.chain-stages { grid-template-columns: 1fr; }.chain-line { display: none; }.chain-stage { min-height: 230px; border-right: 0; border-bottom: 1px solid rgba(232,230,220,.16); }.chain-stage:first-child { border-left: 0; }.chain-stage>div { margin-top: 45px; }
  .evidence-layout,.console-grid { grid-template-columns: 1fr; }.evidence-visual { min-height: 700px; }.console-grid { gap: 50px; }.authority-grid { grid-template-columns: 1fr; }.authority-grid article { border-right: 0; border-bottom: 1px solid rgba(9,11,9,.25); }.authority-grid article:last-child { border-bottom: 0; }.access { min-height: 900px; }.access-copy { max-width: 520px; }.footer-inner { grid-template-columns: 1fr 1fr; }
  .hud { grid-template-columns: auto 1fr auto; }.hud>div:nth-child(2),.hud>div:nth-child(3) { display: none; }
}

@media (max-width: 600px) {
  :root { --shell: calc(100vw - 36px); }
  .boot-shell { width: calc(100vw - 24px); }.boot-body { grid-template-columns: 1fr; min-height: 0; }.boot-sigil { min-height: 220px; border-right: 0; border-bottom: 1px solid var(--line); }.boot-sigil img { width: 72px; height: 104px; }.ring-a { width: 170px; height: 170px; }.ring-b { width: 130px; height: 130px; }.ring-c { width: 90px; height: 90px; }.boot-copy { padding: 35px 25px; }.boot-copy h1 { font-size: 48px; }.boot-log div:nth-child(3) { display: none; }.boot-progress { margin-top: 25px; }.boot-foot span:nth-child(2) { display: none; }
  .threat-strip { height: 28px; }.threat-strip>div:first-child { padding-left: 18px; }.threat-strip>div:last-child { padding-right: 18px; }.site-header { height: 70px; }.brand b { font-size: 22px; }.brand small { display: none; }.header-access { display: none; }.nav { top: 97px; }
  .hero-inner { min-height: auto; padding: 74px 0 55px; }.eyebrow { font-size: 7px; }.eyebrow span:last-child { display: none; }.hero h1 { margin-top: 24px; font-size: clamp(74px,22vw,110px); line-height: .77; }.hero-lede { padding-left: 18px; font-size: 14px; }.hero-actions { display: grid; }.button { width: 100%; }.hero-coordinates { flex-wrap: wrap; }.core-radar { height: 280px; }.hero-stats>div { padding: 20px 18px; }.hero-stats b { font-size: 25px; }
  .section { padding: 100px 0; }.section-index b { display: none; }.assemble { font-size: clamp(66px,19vw,95px); }.doctrine-head,.arsenal-head,.intel-head,.chain-head,.authority-head { margin-top: 42px; }.threat-profiles,.arsenal-list,.dossier,.authority-grid { margin-top: 55px; }.profile { min-height: 420px; padding: 28px 24px; }.profile h3 { margin-top: 80px; font-size: 39px; }
  .arsenal-row { display: block; min-height: 400px; padding: 28px 22px 78px; }.arsenal-row>div { min-height: 70px; }.arsenal-row h3 { margin-top: 60px; font-size: 44px; }.arsenal-row p { margin-top: 22px; }.arsenal-row ul { left: 22px; flex-wrap: wrap; }
  .dossier-tab { flex-basis: 145px; }.screen-top { height:auto;min-height:58px;padding-block:9px;font-size: 7px; }.screen-top>div{gap:8px}.screen-top button{font-size:6px}.screen-top button i{display:none}.screen-strip { padding: 7px; }.thumb { flex-basis: 96px; }.dossier-copy { min-height: 560px; display:block; padding: 24px 20px; }.dossier-copy h3 { font-size: 48px; }.dossier-copy .micro { margin-top: 32px; }.dossier-copy-body>p{font-size:13px}.dossier-controls { position:absolute;left: 20px; right: 20px; bottom: 20px; width: auto; }.intel-modal{padding:8px}.intel-modal-panel{height:calc(100vh - 16px)}.intel-modal-head>div span{display:none}.intel-modal-foot span:nth-child(2){display:none}.intel-modal-stage{place-items:start}.intel-modal-stage img{width:1200px;max-width:none}
  .chain-stage { padding: 28px 20px; }.evidence-visual { min-height: 440px; }.evidence-main { width: 91%; }.evidence-secondary { width: 72%; }.terminal-screen { min-height: 510px; padding: 28px 17px; font-size: 8px; overflow-x: auto; }.terminal-foot span:nth-child(2) { display: none; }
  .authority-head h2 { font-size: 65px; }.authority-grid article { min-height: 310px; padding: 28px 23px; }.authority-grid h3 { margin-top: 60px; }.access { min-height: 820px; }.access-signal { right: -40%; width: 380px; height: 380px; }.access-inner { gap: 50px; }.footer-inner { grid-template-columns: 1fr; }.footer-inner>span { margin-top: 20px; }.hud-message { display: none!important; }.hud { grid-template-columns: 1fr auto; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { animation: none!important; transition: none!important; }
  #boot,#threat-field,.scanline,.crosshair { display: none!important; }
  .reveal,.term-line { opacity: 1!important; transform: none!important; filter: none!important; }
  .assemble .word i { transform: none!important; }.hero h1 span { clip-path: none!important; }.chain-line i { width: 100%; }.dossier-timer { display: none; }
}

@media (max-width: 900px) {
  .machine-presence { right: -42%; width: 1050px; opacity: .38; }
  .presence-code { display: none; }
  .awakening { min-height: 1180px; }
  .awakening-inner { padding: 120px 0; }
  .awakening-copy { width: 78%; }
  .awakening-orbit { right: -48%; width: 1000px; opacity: .72; }
  .black-transmissions { position: relative; right: auto; bottom: auto; width: 100%; margin-top: 80px; }
}

@media (max-width: 600px) {
  .machine-presence { right: -115%; width: 950px; opacity: .28; }
  .presence-eye { width: 25%; }
  .awakening { min-height: 1260px; }
  .awakening-inner { padding: 100px 0; }
  .awakening-copy { width: 100%; margin-top: 65px; }
  .awakening h2 { font-size: clamp(68px,21vw,96px); }
  .awakening-copy>p:last-child { font-size: 13px; }
  .awakening-orbit { right: -112%; top: 59%; width: 980px; opacity: .5; }
  .black-transmissions { margin-top: 70px; }
  .black-transmissions div { grid-template-columns: 1fr auto; gap: 8px; }
  .black-transmissions span { grid-column: 1/3; }
  .rupture span { right: 18px; font-size: 6px; }
}