:root{
  --bg:#02030a;--ink:#f4f7ff;--muted:#9aa6c1;--cyan:#4ffbff;--blue:#3f67ff;
  --violet:#7854ff;--pink:#ff3bd4;--line:rgba(126,170,255,.22);--glass:rgba(6,9,24,.64)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
body::selection{background:var(--pink);color:#05050a}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}
.noise{position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.13;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='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:360px;height:360px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(66,93,255,.14),transparent 67%);transform:translate(-50%,-50%)}
.topbar{position:fixed;z-index:40;top:0;left:0;right:0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(2,3,10,.9),rgba(2,3,10,.28));backdrop-filter:blur(16px)}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.16em}.brand img{width:38px;height:38px;object-fit:contain}.brand span{font-size:.88rem}
nav{display:flex;align-items:center;gap:clamp(18px,3vw,48px)}nav a{font-size:.76rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#bdc7dc;transition:.25s}nav a:hover{color:#fff;text-shadow:0 0 18px var(--cyan)}.nav-live{padding:10px 16px;border:1px solid rgba(79,251,255,.5);clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}
.hero{position:relative;min-height:100svh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:120px 6vw 80px;isolation:isolate;overflow:hidden}
.hero-backdrop{position:absolute;inset:0;z-index:-3;background-image:linear-gradient(90deg,rgba(2,3,10,.96) 0%,rgba(2,3,10,.76) 40%,rgba(2,3,10,.12) 76%),linear-gradient(0deg,#02030a 0%,transparent 35%),url('assets/hero.jpg');background-size:cover;background-position:center}
.hero-grid{position:absolute;inset:0;z-index:-2;opacity:.24;background-image:linear-gradient(rgba(79,251,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(79,251,255,.12) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,#000,transparent 70%)}
.eyebrow,.kicker{font-family:"Arial Narrow",Arial,sans-serif;font-size:.74rem;font-weight:900;letter-spacing:.2em;color:#b8c6df;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:11px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 15px var(--cyan)}
h1,h2{font-family:"Arial Black",Impact,sans-serif;margin:0;line-height:.88;letter-spacing:-.055em;text-transform:uppercase}h1{font-size:clamp(3.6rem,7.4vw,8.4rem)}h1 em,h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--cyan);filter:drop-shadow(0 0 10px rgba(79,251,255,.35))}.hero-note{max-width:500px;font-size:clamp(1rem,1.5vw,1.28rem);line-height:1.55;color:#acb8cd;margin:28px 0 34px;border-left:2px solid var(--pink);padding-left:18px}
.actions{display:flex;gap:14px;flex-wrap:wrap}.actions.centered{justify-content:center}.xray-btn{position:relative;isolation:isolate;min-width:190px;height:58px;border:0;cursor:pointer;padding:0 18px;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;color:#02050d;background:linear-gradient(135deg,var(--cyan),#bffaff 48%,#c05cff 100%);clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);box-shadow:0 0 28px rgba(79,251,255,.3);transition:transform .22s,filter .22s}.xray-btn::before{content:"";position:absolute;inset:3px;z-index:-1;clip-path:inherit;background:linear-gradient(90deg,rgba(255,255,255,.72),rgba(100,120,255,.12));opacity:.45}.xray-btn::after{content:"";position:absolute;left:16px;right:16px;top:50%;height:1px;background:rgba(4,5,14,.32);box-shadow:0 -8px 0 rgba(4,5,14,.12),0 8px 0 rgba(4,5,14,.12)}.xray-btn b,.xray-btn i{position:relative;z-index:2;font-size:.78rem;letter-spacing:.14em}.xray-btn i{font-style:normal;font-size:1.2rem}.xray-btn:hover{transform:translateY(-4px);filter:saturate(1.3) brightness(1.1)}.xray-btn.secondary{color:#eaffff;background:linear-gradient(135deg,rgba(12,18,45,.9),rgba(63,41,103,.9));outline:1px solid rgba(115,246,255,.6);outline-offset:-1px}.xray-bone{width:14px;height:34px;position:relative;z-index:2;background:linear-gradient(var(--cyan),#eaffff);border-radius:8px;box-shadow:0 0 13px var(--cyan);transform:rotate(36deg)}.xray-bone::before,.xray-bone::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:9px;height:9px;border-radius:50%;background:#eaffff}.xray-bone::before{top:-3px}.xray-bone::after{bottom:-3px}
.symbol-stage{position:relative;justify-self:center;width:min(42vw,640px);aspect-ratio:1;display:grid;place-items:center;filter:drop-shadow(0 0 38px rgba(101,72,255,.35))}.symbol-stage img{width:76%;position:relative;z-index:2;animation:float 6s ease-in-out infinite}.orbit{position:absolute;border:1px solid rgba(89,235,255,.34);border-radius:50%;box-shadow:inset 0 0 30px rgba(79,251,255,.07),0 0 30px rgba(255,59,212,.08)}.orbit-a{inset:8%;animation:spin 16s linear infinite}.orbit-b{inset:22%;border-color:rgba(255,59,212,.46);animation:spin 11s linear infinite reverse}.orbit::before{content:"";position:absolute;top:8%;left:13%;width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px 5px var(--cyan)}.scanline{position:absolute;z-index:3;left:16%;right:16%;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 20px var(--cyan);animation:scan 3s ease-in-out infinite}.scroll-cue{position:absolute;bottom:30px;left:6vw;font-size:.68rem;letter-spacing:.19em;color:#7f8aa3;display:flex;align-items:center;gap:12px}.scroll-cue span{height:34px;width:1px;background:linear-gradient(var(--cyan),transparent)}
.ticker{overflow:hidden;border-block:1px solid rgba(117,183,255,.28);background:#060916;color:#bffcff;transform:rotate(-1deg) scale(1.02);position:relative;z-index:5}.ticker div{white-space:nowrap;width:max-content;padding:14px 0;font-family:"Arial Black",sans-serif;font-size:.8rem;letter-spacing:.2em;animation:marquee 22s linear infinite}
.section-pad{position:relative;padding:clamp(90px,12vw,180px) 7vw}.section-index{font-size:.68rem;letter-spacing:.2em;color:#73809b;text-transform:uppercase}.manifesto{display:grid;grid-template-columns:.25fr 1fr .65fr;gap:5vw;align-items:center;min-height:90vh;background:radial-gradient(circle at 80% 50%,rgba(90,45,255,.13),transparent 36%)}.manifesto-copy h2{font-size:clamp(2.8rem,5.7vw,6.6rem);margin:18px 0 30px}.manifesto-copy h2 span{color:var(--pink);text-shadow:0 0 28px rgba(255,59,212,.38)}.manifesto-copy>p:last-child{max-width:700px;color:#9eabc2;font-size:1.12rem;line-height:1.75}
.scan-card{position:relative;padding:16px;border:1px solid rgba(91,188,255,.42);background:linear-gradient(145deg,rgba(12,18,41,.77),rgba(38,10,54,.36));clip-path:polygon(24px 0,100% 0,100% calc(100% - 24px),calc(100% - 24px) 100%,0 100%,0 24px);box-shadow:0 0 70px rgba(83,56,255,.12)}.scan-card-top{display:flex;justify-content:space-between;font-size:.65rem;letter-spacing:.15em;color:#91a0ba}.scan-card-top b{color:var(--cyan)}.scan-card img{width:80%;margin:24px auto;filter:drop-shadow(0 0 22px rgba(88,124,255,.5))}.scan-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid var(--line);padding-top:13px}.scan-stats span{font-size:.56rem;color:#6e7a94;line-height:1.5}.scan-stats b{font-size:.6rem;color:#d8eaff;letter-spacing:.06em}
.incident{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:7vw;min-height:100vh;background:linear-gradient(180deg,#02030a,#05030d)}.incident-image{position:relative;transform:rotate(-1.5deg);box-shadow:0 30px 90px rgba(0,0,0,.7)}.incident-image::before{content:"";position:absolute;inset:-1px;z-index:2;border:1px solid rgba(79,251,255,.55);clip-path:polygon(28px 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%,0 28px)}.incident-image img{clip-path:polygon(28px 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%,0 28px)}.incident-image span{position:absolute;bottom:-28px;left:10px;font-size:.62rem;letter-spacing:.18em;color:#71809b}.incident-copy h2{font-size:clamp(3rem,5.5vw,6.4rem);margin:30px 0}.incident-copy p{color:#9eabc2;font-size:1.2rem;line-height:1.6}.text-link{display:inline-flex;gap:20px;align-items:center;margin-top:22px;font-size:.78rem;font-weight:900;letter-spacing:.14em;color:var(--cyan);border-bottom:1px solid var(--cyan);padding-bottom:8px}.text-link span{font-size:1.4rem}
.cta{min-height:90vh;display:grid;place-items:center;text-align:center;overflow:hidden}.cta::before{content:"";position:absolute;width:70vw;height:70vw;border:1px solid rgba(104,119,255,.14);border-radius:50%;box-shadow:0 0 120px rgba(79,251,255,.06)}.cta-symbol{position:absolute;width:min(90vw,1050px);opacity:.08;filter:blur(2px)}.cta-copy{position:relative;z-index:2}.cta h2{font-size:clamp(5rem,15vw,15rem);background:linear-gradient(90deg,var(--cyan),#7d5aff,var(--pink));-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgba(103,75,255,.3))}.ca-line{margin:28px auto 0;display:flex;align-items:center;gap:18px;max-width:680px;width:100%;padding:15px 18px;color:#cbd8ed;border:1px solid var(--line);background:rgba(3,7,19,.72);cursor:pointer}.ca-line small{color:#6f7d98;font-size:.58rem;letter-spacing:.14em}.ca-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:.76rem}.ca-line b{margin-left:auto;color:var(--cyan);font-size:.68rem;letter-spacing:.12em}
footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:34px 4vw;border-top:1px solid var(--line);color:#76839e;font-size:.65rem;letter-spacing:.14em}footer .brand{justify-self:start;color:#c9d4e8}footer .brand img{width:28px;height:28px}footer>span{justify-self:end}.toast{position:fixed;z-index:60;left:50%;bottom:28px;transform:translate(-50%,130px);padding:14px 20px;color:#001016;background:var(--cyan);font-size:.7rem;font-weight:900;letter-spacing:.14em;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:.3s}.toast.show{transform:translate(-50%,0)}
.reveal{opacity:1;transform:none;transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
/* LORE */
.lore-hero{position:relative;min-height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:120px 8vw 70px;overflow:hidden;background:radial-gradient(circle at 30% 48%,rgba(62,85,255,.22),transparent 25%),linear-gradient(120deg,#02030a,#070312)}.lore-beam{position:absolute;top:0;left:12%;width:32%;height:100%;background:linear-gradient(90deg,transparent,rgba(88,82,255,.1),rgba(79,251,255,.16),transparent);filter:blur(20px);transform:skewX(-8deg)}.lore-mark{position:relative;width:min(44vw,630px);justify-self:center;filter:drop-shadow(0 0 50px rgba(83,95,255,.5));animation:float 6s ease-in-out infinite}.lore-title{position:relative;z-index:2}.lore-title h1{font-size:clamp(4.2rem,9vw,9.5rem)}.lore-title>p:last-child{max-width:470px;color:#a4b1c8;font-size:1.1rem;line-height:1.65;margin-top:28px}.chapters{max-width:1100px;margin:auto}.chapter{display:grid;grid-template-columns:120px 1fr;gap:40px;padding:70px 0;border-top:1px solid var(--line)}.chapter>span{font-family:"Arial Black",sans-serif;font-size:4rem;color:transparent;-webkit-text-stroke:1px rgba(79,251,255,.5)}.chapter h2{font-size:clamp(2.8rem,6vw,6rem)}.chapter p{max-width:700px;color:#a0acc2;font-size:1.14rem;line-height:1.75}.lore-end{min-height:90vh;text-align:center;display:grid;place-content:center;background:radial-gradient(circle,rgba(107,57,255,.18),transparent 48%)}.lore-end h2{font-size:clamp(4rem,12vw,12rem);color:transparent;-webkit-text-stroke:1.5px var(--pink);text-shadow:0 0 35px rgba(255,59,212,.16)}.lore-end>p:not(.kicker){color:#9ca9bf;margin:30px 0;font-size:1.1rem}
@keyframes float{50%{transform:translateY(-16px) rotate(1deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scan{0%,100%{top:18%;opacity:.2}50%{top:80%;opacity:1}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){.topbar{height:68px;padding:0 20px}.brand span{display:none}nav{gap:14px}nav a{font-size:.64rem}.hero{grid-template-columns:1fr;padding:115px 22px 70px}.hero-copy{z-index:3}.hero-backdrop{background-image:linear-gradient(180deg,rgba(2,3,10,.35),rgba(2,3,10,.96) 78%),url('assets/hero.webp');background-position:64% center}.symbol-stage{position:absolute;right:-12vw;top:13%;width:75vw;opacity:.88}.hero h1{font-size:clamp(3.4rem,15vw,6rem)}.hero-note{margin-top:22px}.manifesto{grid-template-columns:1fr;gap:42px}.manifesto .section-index{order:-2}.manifesto-copy{order:-1}.scan-card{max-width:520px}.incident{grid-template-columns:1fr;gap:80px}.incident-copy{order:-1}.section-pad{padding:95px 22px}.lore-hero{grid-template-columns:1fr;padding:110px 24px 70px}.lore-mark{position:absolute;right:-18vw;top:13%;width:75vw;opacity:.33}.lore-title{align-self:end}.chapter{grid-template-columns:65px 1fr;gap:20px}.chapter>span{font-size:2.6rem}footer{grid-template-columns:1fr auto}footer p{display:none}}
@media(max-width:560px){.nav-live{display:none}.actions{flex-direction:column;align-items:stretch}.xray-btn{width:100%}.scan-stats{grid-template-columns:1fr}.hero-note{font-size:1rem}.incident-copy p{font-size:1rem}.chapter{grid-template-columns:1fr}.chapter>span{font-size:1.8rem}.ca-line small{display:none}.cta .actions{width:100%}footer{padding:26px 20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* Exact supplied mark: black plate disappears into the scene via screen blending. */
.brand img,.symbol-stage img,.scan-card img,.cta-symbol,.lore-mark{mix-blend-mode:screen}
.symbol-stage{filter:none}.symbol-stage img{filter:drop-shadow(0 0 38px rgba(101,72,255,.48))}
@media(max-width:900px){.hero-backdrop{background-image:linear-gradient(180deg,rgba(2,3,10,.35),rgba(2,3,10,.96) 78%),url('assets/hero.jpg')}}