/* PROJECT CHIMERA — visual system */
:root {
  --black: #050608;
  --panel: #0a0d0f;
  --panel-2: #0e1214;
  --white: #edf5f1;
  --muted: #7e8b88;
  --line: rgba(200, 255, 236, .15);
  --cyan: #22ffd0;
  --cyan-dim: #0aa789;
  --pink: #ff2d95;
  --acid: #c8ff37;
  --display: "Oxanium", sans-serif;
  --mono: "Share Tech Mono", monospace;
  --body: "Noto Sans JP", sans-serif;
  --header-h: 84px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--black); }
body { margin: 0; overflow-x: hidden; background: var(--black); color: var(--white); font-family: var(--body); font-size: 15px; line-height: 1.8; cursor: default; }
body.modal-open { overflow: hidden; }
::selection { background: var(--cyan); color: #001b16; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
button { color: inherit; }
svg { display: block; }
.mono { font-family: var(--mono); letter-spacing: .08em; }
.skip-link { position: fixed; top: -100px; left: 16px; z-index: 10000; padding: 10px 15px; background: var(--cyan); color: #000; }
.skip-link:focus { top: 10px; }

/* Ambient layers */
.noise { position: fixed; inset: 0; z-index: 9000; pointer-events: none; opacity: .035; 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='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
.scanlines { position: fixed; inset: 0; z-index: 8999; pointer-events: none; opacity: .055; background: repeating-linear-gradient(to bottom, transparent 0, transparent 3px, #98ffe4 4px); }
#particleCanvas { position: fixed; inset: 0; width: 100%; height: 100%; z-index: 0; pointer-events: none; opacity: .48; }
.cursor-dot, .cursor-ring { position: fixed; z-index: 9500; pointer-events: none; border-radius: 50%; opacity: 0; transform: translate(-50%, -50%); transition: width .2s, height .2s, border-color .2s, opacity .2s; }
.cursor-dot { width: 4px; height: 4px; background: var(--cyan); box-shadow: 0 0 8px var(--cyan); }
.cursor-ring { width: 30px; height: 30px; border: 1px solid rgba(34,255,208,.55); }
@media (pointer:fine) { .cursor-dot, .cursor-ring { opacity: 1; } body, a, button { cursor: none; } .cursor-ring.active { width: 52px; height: 52px; border-color: var(--pink); } }

/* Boot */
.boot-screen { position: fixed; inset: 0; z-index: 99999; display: grid; place-items: center; background: #030405; transition: opacity .65s ease, visibility .65s; }
.boot-screen.done { opacity: 0; visibility: hidden; }
.boot-inner { width: min(440px, 80vw); }
.boot-mark { height: 74px; display: flex; align-items: flex-end; justify-content: center; gap: 8px; margin-bottom: 22px; }
.boot-mark span { width: 6px; background: var(--cyan); box-shadow: 0 0 15px var(--cyan); animation: bootpulse .7s steps(4) infinite alternate; }
.boot-mark span:nth-child(1) { height: 34px; animation-delay: -.2s; }.boot-mark span:nth-child(2){height:62px}.boot-mark span:nth-child(3){height:46px;animation-delay:-.4s}
.boot-label { font-size: 11px; color: var(--muted); margin: 0 0 9px; }
.boot-track { height: 2px; background: #17201e; overflow: hidden; }.boot-track i { display: block; width: 0; height: 100%; background: var(--cyan); box-shadow: 0 0 12px var(--cyan); }
.boot-meta { display: flex; justify-content: space-between; margin-top: 9px; color: var(--cyan); font-size: 11px; }.boot-meta b { font-weight: 400; }
@keyframes bootpulse { to { height: 12px; opacity: .35; } }

/* Header */
.site-header { position: fixed; z-index: 1000; top: 0; left: 0; width: 100%; height: var(--header-h); display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 4vw; border-bottom: 1px solid var(--line); background: linear-gradient(to bottom, rgba(5,6,8,.94), rgba(5,6,8,.6)); backdrop-filter: blur(14px); transition: height .3s, background .3s; }
.site-header.scrolled { height: 68px; background: rgba(5,6,8,.92); }
.brand { display: inline-flex; align-items: center; gap: 11px; width: max-content; font-family: var(--display); line-height: 1; }
.brand svg { width: 36px; height: 36px; fill: none; stroke: var(--cyan); stroke-width: 1.2; filter: drop-shadow(0 0 5px rgba(34,255,208,.45)); }
.brand svg circle { fill: var(--cyan); stroke: none; }.brand span { display: flex; flex-direction: column; gap: 5px; }.brand strong { letter-spacing: .22em; font-size: 14px; }.brand small { color: var(--muted); font: 9px var(--mono); letter-spacing: .15em; }
.hud-nav { display: flex; align-self: stretch; }
.hud-nav a { position: relative; display: flex; align-items: center; gap: 7px; padding: 0 20px; color: #8d9996; font: 10px var(--display); letter-spacing: .16em; transition: color .2s; }
.hud-nav a::after { content:""; position:absolute; left:20px; right:20px; bottom:-1px; height:1px; background:var(--cyan); transform:scaleX(0); transition:transform .3s; box-shadow:0 0 8px var(--cyan); }.hud-nav a:hover,.hud-nav a.active{color:var(--white)}.hud-nav a:hover::after,.hud-nav a.active::after{transform:scaleX(1)}.hud-nav i{font-style:normal;color:var(--cyan);font-family:var(--mono)}
.header-tools { display: flex; justify-content: flex-end; align-items: center; }
.sound-toggle { display: flex; align-items: center; gap: 9px; background: none; border: 0; padding: 10px; }
.sound-toggle em { font: 9px var(--mono); font-style: normal; color: var(--muted); letter-spacing: .08em; }.sound-bars{display:flex;align-items:center;gap:2px;height:13px}.sound-bars i{display:block;width:2px;height:4px;background:var(--muted)}.sound-bars i:nth-child(2){height:9px}.sound-bars i:nth-child(3){height:12px}.sound-bars i:nth-child(4){height:7px}.sound-toggle.on .sound-bars i{background:var(--cyan);animation:sound .5s infinite alternate}.sound-toggle.on .sound-bars i:nth-child(2){animation-delay:-.2s}.sound-toggle.on .sound-bars i:nth-child(3){animation-delay:-.4s}.sound-toggle.on em{color:var(--cyan)}
@keyframes sound{to{height:3px}}
.menu-toggle { display: none; width: 42px; height: 42px; border: 1px solid var(--line); background: transparent; position: relative; }.menu-toggle span{position:absolute;left:11px;width:18px;height:1px;background:var(--white);transition:.3s}.menu-toggle span:first-child{top:16px}.menu-toggle span:last-child{top:24px}

.side-rail { position: fixed; z-index: 100; top: 50%; display: flex; align-items: center; gap: 13px; color: #65716f; font-size: 8px; letter-spacing: .16em; writing-mode: vertical-rl; }
.side-rail--left { left: 18px; transform: translateY(-50%) rotate(180deg); }.side-rail--right{right:18px;transform:translateY(-50%)}.side-rail i{display:block;width:1px;height:68px;background:linear-gradient(var(--cyan),transparent)}.side-rail b{color:var(--cyan);font-size:14px}

/* Shared */
main, footer { position: relative; z-index: 1; }
.section { position: relative; padding: 130px max(7vw, 80px); border-top: 1px solid var(--line); overflow: hidden; }
.section::before { content:""; position:absolute; inset:0; pointer-events:none; background-image:linear-gradient(rgba(114,255,216,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(114,255,216,.032) 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent); }
.section-index { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 15px; margin-bottom: 85px; color: var(--muted); font-size: 10px; }.section-index span{color:var(--cyan);font-size:13px}.section-index i{height:1px;background:var(--line)}.section-index b{font-weight:400;letter-spacing:.18em}
.kicker { color: var(--cyan); font: 11px var(--mono); letter-spacing: .2em; margin: 0 0 19px; }
.section-heading h2, .architecture-copy h2 { margin: 0; font-size: clamp(44px,5.3vw,82px); font-weight: 900; line-height: 1.12; letter-spacing: -.06em; }.section-heading h2 span,.architecture-copy h2 span{color:transparent;-webkit-text-stroke:1px rgba(237,245,241,.6)}
.reveal { opacity: 0; transform: translateY(30px); transition: opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1); }.reveal.visible{opacity:1;transform:none}

/* Hero */
.hero { position: relative; min-height: 100svh; display: flex; align-items: center; padding: calc(var(--header-h) + 55px) 8vw 75px; overflow: hidden; }
.hero::before { content:""; position:absolute; width:65vw;height:65vw;border-radius:50%;right:-8vw;top:50%;transform:translateY(-50%);background:radial-gradient(circle,rgba(34,255,208,.08),rgba(34,255,208,.015) 40%,transparent 68%); }
.hero-grid,.cta-grid { position:absolute;inset:0;opacity:.48;background-image:linear-gradient(rgba(114,255,216,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(114,255,216,.055) 1px,transparent 1px);background-size:78px 78px;mask-image:linear-gradient(to right,#000,transparent 78%)}
.hero-grid::after { content:"";position:absolute;left:55%;top:0;width:1px;height:100%;background:linear-gradient(transparent,var(--cyan),transparent);opacity:.2; }
.hero-copy { position: relative; z-index: 5; width: 56%; padding-top: 15px; }
.eyebrow { display:flex;align-items:center;gap:12px;color:var(--pink);font:10px var(--mono);letter-spacing:.18em;margin-bottom:24px}.eyebrow::before{content:"";width:27px;height:1px;background:var(--pink);box-shadow:0 0 8px var(--pink)}
.hero h1 { position:relative;margin:0;font-size:clamp(58px,7.3vw,118px);line-height:.98;letter-spacing:-.075em;font-weight:900;white-space:nowrap;text-shadow:0 0 30px rgba(255,255,255,.06)}.hero h1 span{display:block}.hero h1 .outline{color:transparent;-webkit-text-stroke:1.5px var(--white);margin-left:3vw}.glitch::before,.glitch::after{content:attr(data-text);position:absolute;inset:0;opacity:0;pointer-events:none;white-space:normal}.glitch:hover::before{opacity:.7;color:var(--pink);clip-path:inset(20% 0 55%);transform:translate(-5px,1px);animation:glitch .3s steps(2) infinite}.glitch:hover::after{opacity:.7;color:var(--cyan);clip-path:inset(60% 0 12%);transform:translate(5px,-1px);animation:glitch .25s steps(2) reverse infinite}@keyframes glitch{50%{transform:translate(3px,-2px)}}
.hero-lead { margin: 30px 0 34px; color:#9ca8a5;font-weight:300;font-size:clamp(14px,1.15vw,17px);letter-spacing:.06em;line-height:2}.hero-lead span{color:var(--white);border-bottom:1px solid var(--cyan);padding-bottom:2px}
.hero-actions { display:flex;align-items:center;gap:30px; }
.cyber-button { position:relative;min-width:260px;height:66px;padding:0 20px 0 25px;border:1px solid var(--cyan);background:rgba(10,39,33,.75);display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr 1fr;column-gap:22px;text-align:left;overflow:hidden;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));transition:color .25s,box-shadow .25s,transform .25s}.cyber-button::before{content:"";position:absolute;inset:0;background:var(--cyan);transform:translateX(-102%);transition:transform .35s cubic-bezier(.7,0,.2,1);z-index:-1}.cyber-button:hover{color:#001a14;box-shadow:0 0 28px rgba(34,255,208,.3);transform:translateY(-2px)}.cyber-button:hover::before{transform:none}.cyber-button span{align-self:end;font-weight:700;font-size:13px;letter-spacing:.09em}.cyber-button small{align-self:start;color:var(--cyan);font:9px var(--mono);letter-spacing:.15em;transition:color .2s}.cyber-button:hover small{color:#003d30}.cyber-button i{grid-column:2;grid-row:1/3;align-self:center;font:22px var(--mono);font-style:normal}.cyber-button::after{content:"";position:absolute;right:4px;top:4px;border-style:solid;border-width:0 7px 7px 0;border-color:transparent var(--cyan) transparent transparent}
.text-link { display:flex;gap:15px;align-items:center;color:#a7b2af;font:10px var(--mono);letter-spacing:.1em}.text-link i{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);font-style:normal;color:var(--cyan);transition:.25s}.text-link:hover i{background:var(--cyan);color:#000}
.hero-stats{display:flex;gap:0;margin-top:48px;border-top:1px solid var(--line);width:min(650px,100%)}.hero-stats div{display:flex;flex-direction:column;padding:17px 35px 0 0;margin-right:35px;border-right:1px solid var(--line)}.hero-stats div:last-child{border:0}.hero-stats strong{font:22px var(--display);letter-spacing:.03em}.hero-stats strong small{font-size:11px;color:var(--cyan)}.hero-stats span{font:8px var(--mono);color:var(--muted);letter-spacing:.13em;margin-top:4px}
.hero-signal{position:absolute;z-index:4;right:4vw;top:105px;display:flex;gap:25px;color:#65716e;font-size:8px}.hero-signal span:first-child{color:var(--cyan)}
.scroll-cue{position:absolute;z-index:5;bottom:25px;left:50%;transform:translateX(-50%);font-size:8px;color:var(--muted);letter-spacing:.15em;display:flex;align-items:center;gap:12px}.scroll-cue i{width:70px;height:1px;background:var(--line);position:relative}.scroll-cue i::after{content:"";position:absolute;width:15px;height:1px;background:var(--cyan);left:0;animation:scrollline 2s ease-in-out infinite}@keyframes scrollline{50%{left:55px}}

/* Core */
.core-visual { position:absolute;z-index:3;width:min(43vw,680px);aspect-ratio:1;right:1.5vw;top:52%;transform:translateY(-48%);perspective:900px; }
.core-glow{position:absolute;inset:23%;border-radius:50%;background:var(--cyan);filter:blur(90px);opacity:.11;animation:breathe 3s ease-in-out infinite}.core-shell{position:absolute;inset:27%;border-radius:50%;border:1px solid rgba(34,255,208,.2);display:grid;place-items:center;box-shadow:inset 0 0 45px rgba(34,255,208,.08),0 0 50px rgba(34,255,208,.08)}.core-shell::before,.core-shell::after{content:"";position:absolute;inset:-11%;border:1px dashed rgba(34,255,208,.18);border-radius:50%;animation:rotate 22s linear infinite}.core-shell::after{inset:-21%;border-style:solid;border-color:rgba(255,255,255,.06);animation-direction:reverse;animation-duration:30s}
.core-sphere{position:relative;width:71%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 39% 35%,#a6ffe9 0,#2c9d83 8%,#07231d 30%,#020706 65%);box-shadow:inset -25px -25px 40px #000,inset 10px 10px 28px rgba(160,255,232,.22),0 0 45px rgba(34,255,208,.3);display:grid;place-items:center}.core-sphere::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 60%,transparent 0 8%,rgba(34,255,208,.2) 9%,transparent 10%),repeating-radial-gradient(circle at 40% 45%,transparent 0 7px,rgba(34,255,208,.07) 8px,transparent 9px);mix-blend-mode:screen}.core-sphere b{position:relative;z-index:3;font:42px var(--display);font-weight:400;color:var(--cyan);text-shadow:0 0 20px var(--cyan)}.sphere-grid{position:absolute;inset:-20%;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 8px,rgba(34,255,208,.16) 9px);transform:rotate(-16deg)}.sphere-scan{position:absolute;z-index:2;width:100%;height:20%;top:-20%;background:linear-gradient(transparent,rgba(200,255,240,.28),transparent);animation:spherescan 3s linear infinite}
.orbit{position:absolute;border:1px solid rgba(34,255,208,.22);border-radius:50%;transform:rotateX(66deg) rotateZ(20deg);animation:orbitshift 12s linear infinite}.orbit i{position:absolute;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.orbit i:first-child{left:15%;top:12%}.orbit i:nth-child(2){right:8%;top:53%}.orbit i:nth-child(3){bottom:8%;left:40%}.orbit--1{inset:15%}.orbit--2{inset:7%;transform:rotateY(64deg) rotateZ(-20deg);animation-duration:17s;animation-direction:reverse}.orbit--3{inset:1%;border-style:dashed;animation-duration:27s}
.core-label{position:absolute;display:flex;align-items:center;color:#899692;font-size:8px;line-height:1.5}.core-label i{display:block;width:75px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent);margin-right:9px}.core-label b{color:var(--cyan);font-weight:400}.core-label--a{top:24%;left:3%}.core-label--b{right:0;bottom:28%;flex-direction:row-reverse;text-align:right}.core-label--b i{margin:0 0 0 9px;transform:rotate(180deg)}.core-coordinates{position:absolute;right:9%;top:15%;color:#53605d;font-size:8px;line-height:1.6}
@keyframes rotate{to{transform:rotate(360deg)}}@keyframes orbitshift{to{transform:rotateX(66deg) rotateZ(380deg)}}@keyframes spherescan{to{top:110%}}@keyframes breathe{50%{opacity:.19;transform:scale(1.15)}}

/* Genesis */
.genesis { background:linear-gradient(135deg,#050708,#090b0d); }
.genesis-layout{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.genesis-copy{padding-top:20px}.large-copy{color:var(--white);font-size:clamp(17px,1.55vw,23px);line-height:2;font-weight:400;margin:0 0 25px}.genesis-copy>p:not(.large-copy){color:#7f8c89;line-height:2.1;max-width:620px}.data-line{display:flex;align-items:center;gap:12px;margin-top:36px;color:var(--pink);font-size:9px}.data-line i{height:1px;flex:1;background:linear-gradient(90deg,var(--pink),transparent)}.data-line b{font-weight:400;color:var(--white)}
.genesis-terminal{position:relative;margin-top:90px;border:1px solid var(--line);background:rgba(4,9,9,.8);box-shadow:0 30px 80px rgba(0,0,0,.35)}.genesis-terminal::before{content:"";position:absolute;width:35%;height:1px;background:var(--cyan);top:-1px;left:0;box-shadow:0 0 10px var(--cyan)}.terminal-bar{height:44px;border-bottom:1px solid var(--line);padding:0 17px;display:flex;align-items:center;justify-content:space-between;color:#71807c;font-size:9px}.terminal-bar span{display:flex;align-items:center;gap:7px}.terminal-bar i{width:5px;height:5px;background:#47514f;border-radius:50%}.terminal-bar i:first-child{background:var(--pink)}.terminal-bar b{color:var(--cyan);font-weight:400}.terminal-body{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;min-height:230px}.terminal-code{padding:30px 3vw;border-right:1px solid var(--line);font-size:clamp(10px,.8vw,13px);line-height:2}.terminal-code p{margin:3px 0}.terminal-code em{color:#43504d;font-style:normal;margin-right:20px}.terminal-code span{color:var(--cyan);margin:0 8px}.terminal-code b{color:var(--pink);font-weight:400}.terminal-code strong{color:var(--cyan);font-weight:400}.waveform{padding:30px;width:100%;overflow:hidden}.waveform svg{width:100%;height:120px;overflow:visible}.waveform path{fill:none;stroke-width:1}.wave-muted{stroke:rgba(34,255,208,.12)}.wave-live{stroke:var(--cyan);stroke-dasharray:220 900;filter:drop-shadow(0 0 5px var(--cyan));animation:wave 4s linear infinite}@keyframes wave{to{stroke-dashoffset:-1120}}

/* Modules */
.modules{background:#07090a}.modules-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:65px}.modules-intro{color:var(--muted);border-left:1px solid var(--cyan);padding-left:22px;margin:0 5vw 8px 30px;line-height:2}
.module-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.module-card{position:relative;min-height:560px;padding:27px 34px 32px;background:#090c0d;overflow:hidden;transition:background .35s,transform .35s;outline:none}.module-card:hover,.module-card:focus{background:#0d1514;z-index:2;transform:translateY(-7px);box-shadow:0 18px 50px rgba(0,0,0,.4)}.module-card--featured{background:linear-gradient(145deg,rgba(13,34,29,.92),#090c0d)}.module-card--featured::before{content:"RECOMMENDED";position:absolute;right:-43px;top:28px;width:160px;text-align:center;transform:rotate(45deg);background:var(--cyan);color:#00251d;font:8px var(--mono);letter-spacing:.12em;padding:3px}.card-top{display:flex;justify-content:space-between;color:#6f7b78;font-size:9px}.card-top b{color:var(--cyan);font-weight:400}.card-top b::before{content:"●";margin-right:6px;animation:blink 1.3s infinite}.module-icon{width:118px;height:118px;display:grid;place-items:center;margin:55px auto 45px;border:1px solid rgba(34,255,208,.13);border-radius:50%;position:relative}.module-icon::before,.module-icon::after{content:"";position:absolute;inset:-11px;border:1px dashed rgba(34,255,208,.13);border-radius:50%;transition:transform 1s}.module-icon::after{inset:11px;border-style:solid}.module-card:hover .module-icon::before{transform:rotate(90deg)}.module-card:hover .module-icon::after{transform:rotate(-90deg)}.module-icon svg{width:67px;height:67px;fill:none;stroke:var(--cyan);stroke-width:1.2;filter:drop-shadow(0 0 7px rgba(34,255,208,.6))}.card-number{position:absolute;right:22px;top:130px;font:100px var(--display);font-weight:700;line-height:1;color:rgba(255,255,255,.025)}.module-card h3{margin:0 0 4px;font-size:23px;letter-spacing:.03em}.module-card h4{margin:0 0 23px;color:var(--cyan);font-weight:400;font-size:10px;letter-spacing:.12em}.module-card p{color:#7e8a87;font-size:13px;line-height:1.9}.module-card ul{list-style:none;padding:18px 0 0;margin:20px 0 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#65716e;font-size:9px}.module-card li::before{content:"+ ";color:var(--cyan)}.card-corner{position:absolute;right:0;bottom:0;width:32px;height:32px;border-right:2px solid var(--cyan);border-bottom:2px solid var(--cyan);opacity:.4}
@keyframes blink{50%{opacity:.25}}

/* Architecture */
.architecture{background:radial-gradient(circle at 70% 55%,rgba(34,255,208,.055),transparent 34%),#050708}.architecture-layout{display:grid;grid-template-columns:.82fr 1.2fr;gap:6vw;align-items:center}.architecture-copy>p:not(.kicker){color:var(--muted);max-width:530px;margin:30px 0 38px;line-height:2}.system-tabs{border-top:1px solid var(--line)}.system-tabs button{width:100%;display:grid;grid-template-columns:38px 1fr auto;align-items:center;text-align:left;border:0;border-bottom:1px solid var(--line);background:transparent;padding:15px 10px;color:#71807c;transition:.25s}.system-tabs button:hover,.system-tabs button[aria-selected=true]{color:var(--white);background:linear-gradient(90deg,rgba(34,255,208,.08),transparent)}.system-tabs button>b{font:10px var(--mono);color:var(--cyan)}.system-tabs button span{font:10px var(--display);letter-spacing:.15em;line-height:1.4}.system-tabs button small{font:10px var(--body);color:#606c69;letter-spacing:.05em}.system-tabs button i{font-style:normal;color:var(--cyan);opacity:0;transform:translateX(-10px);transition:.25s}.system-tabs button[aria-selected=true] i{opacity:1;transform:none}
.system-viz{position:relative;aspect-ratio:1;max-width:700px;margin:auto;border:1px solid var(--line);background:radial-gradient(circle,rgba(34,255,208,.08),transparent 50%),linear-gradient(rgba(34,255,208,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(34,255,208,.025) 1px,transparent 1px);background-size:auto,30px 30px,30px 30px;overflow:hidden}.viz-frame i{position:absolute;width:35px;height:35px;border-color:var(--cyan);opacity:.7}.viz-frame i:nth-child(1){top:10px;left:10px;border-top:1px solid;border-left:1px solid}.viz-frame i:nth-child(2){top:10px;right:10px;border-top:1px solid;border-right:1px solid}.viz-frame i:nth-child(3){bottom:10px;left:10px;border-bottom:1px solid;border-left:1px solid}.viz-frame i:nth-child(4){bottom:10px;right:10px;border-bottom:1px solid;border-right:1px solid}.viz-radar{position:absolute;inset:14%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 82%,rgba(34,255,208,.2) 97%,transparent);animation:rotate 5s linear infinite}.viz-ring{position:absolute;border:1px solid rgba(34,255,208,.2);border-radius:50%;animation:rotate 20s linear infinite}.viz-ring--outer{inset:14%;border-style:dashed}.viz-ring--mid{inset:25%;animation-direction:reverse;animation-duration:14s}.viz-ring--inner{inset:37%;border-color:rgba(34,255,208,.35);box-shadow:0 0 20px rgba(34,255,208,.08)}.viz-ring span{position:absolute;width:7px;height:7px;background:var(--cyan);border-radius:50%;box-shadow:0 0 9px var(--cyan)}.viz-ring span:nth-child(1){top:10%;left:20%}.viz-ring span:nth-child(2){right:8%;top:48%}.viz-ring span:nth-child(3){bottom:7%;left:44%}.viz-ring span:nth-child(4){left:4%;top:55%}.viz-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:96px;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#071b17;border:1px solid var(--cyan);box-shadow:0 0 45px rgba(34,255,208,.18),inset 0 0 25px rgba(34,255,208,.12)}.viz-core b{font:36px var(--display);color:var(--cyan);font-weight:400}.viz-core small{font:7px var(--mono);color:var(--muted);letter-spacing:.2em}.node{position:absolute;font:8px var(--mono);color:var(--muted);letter-spacing:.1em;display:flex;align-items:center;gap:8px}.node i{display:block;width:11px;height:11px;background:var(--cyan);border:3px solid #092d25;box-shadow:0 0 0 1px var(--cyan),0 0 10px var(--cyan);border-radius:50%}.node--1{top:18%;left:27%}.node--2{top:36%;right:13%}.node--3{bottom:18%;right:30%}.node--4{bottom:31%;left:12%}.viz-readout{position:absolute;right:20px;top:20px;text-align:right;display:flex;flex-direction:column;color:var(--muted);font-size:8px}.viz-readout b{font-size:19px;color:var(--white);font-weight:400}.viz-readout small{font-size:7px;color:var(--cyan)}.layer-info{position:absolute;left:22px;bottom:20px;width:230px;padding:13px 16px;background:rgba(4,8,8,.85);border-left:1px solid var(--cyan);backdrop-filter:blur(5px)}.layer-info span{font-size:8px;color:var(--cyan)}.layer-info strong{display:block;font-size:13px;margin:2px 0}.layer-info p{font-size:9px;color:#7b8884;line-height:1.6;margin:0}

/* Roadmap */
.roadmap{background:#080a0b;padding-bottom:160px}.roadmap-head{display:flex;align-items:end;justify-content:space-between}.roadmap-status{min-width:280px;border:1px solid var(--line);padding:14px 18px;display:grid;grid-template-columns:auto 1fr;gap:0 10px;font-size:8px;color:var(--muted)}.roadmap-status i{grid-row:1/3;width:7px;height:7px;border-radius:50%;align-self:center;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.roadmap-status b{font-weight:400;color:var(--cyan)}
.timeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:100px}.timeline-line{position:absolute;left:0;right:0;top:15px;height:1px;background:#28302e}.timeline-line i{display:block;width:44%;height:100%;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.timeline-item{position:relative;padding:53px 25px 0 0;min-height:260px}.timeline-dot{position:absolute;left:0;top:7px;width:17px;height:17px;border-radius:50%;background:#080a0b;border:1px solid #4a5552;display:grid;place-items:center}.timeline-dot i{width:5px;height:5px;background:#4a5552;border-radius:50%}.timeline-item.done .timeline-dot,.timeline-item.current .timeline-dot{border-color:var(--cyan)}.timeline-item.done .timeline-dot i,.timeline-item.current .timeline-dot i{background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.timeline-item.current .timeline-dot::after{content:"";position:absolute;inset:-9px;border:1px solid var(--cyan);border-radius:50%;animation:ping 1.5s infinite}.timeline-item>span{font-size:9px;color:#65716f}.timeline-item.done>span,.timeline-item.current>span{color:var(--cyan)}.timeline-item h3{font:600 20px var(--display);letter-spacing:.1em;margin:14px 0 7px}.timeline-item p{color:#74817e;font-size:12px;line-height:1.8}.phase-number{position:absolute;right:25px;top:50px;color:rgba(255,255,255,.035);font:80px var(--display)}@keyframes ping{to{transform:scale(1.5);opacity:0}}

/* CTA */
.final-cta{position:relative;min-height:760px;padding:140px 7vw 110px;border-top:1px solid var(--line);text-align:center;display:flex;flex-direction:column;align-items:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(34,255,208,.09),transparent 35%),#040607}.final-cta::before{content:"";position:absolute;left:50%;top:50%;width:650px;aspect-ratio:1;border:1px solid rgba(34,255,208,.07);border-radius:50%;transform:translate(-50%,-50%)}.final-cta .cta-grid{mask-image:radial-gradient(circle,#000,transparent 70%);opacity:.65}.cta-orb{position:absolute;top:55px;left:50%;transform:translateX(-50%);width:360px;aspect-ratio:1;border:1px dashed rgba(34,255,208,.14);border-radius:50%;animation:rotate 30s linear infinite}.cta-orb i{position:absolute;inset:20%;border:1px solid rgba(34,255,208,.13);border-radius:50%}.cta-orb i:nth-child(2){inset:30%;border-color:rgba(34,255,208,.22)}.cta-orb i:nth-child(3){inset:38%;background:rgba(34,255,208,.08);box-shadow:0 0 60px rgba(34,255,208,.14)}.cta-orb b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-0deg);font:45px var(--display);font-weight:400;color:rgba(34,255,208,.45)}.final-cta .kicker{position:relative;margin-top:65px}.final-cta h2{position:relative;margin:12px 0 20px;font-size:clamp(50px,7vw,100px);line-height:1.05;letter-spacing:-.06em}.final-cta>p:not(.kicker){position:relative;color:#8a9693;line-height:2}.cyber-button--large{position:relative;width:340px;height:76px;margin-top:30px;background:rgba(5,22,19,.88)}.access-meter{position:relative;width:min(620px,90vw);margin-top:62px}.meter-meta{display:flex;justify-content:space-between;color:#687572;font-size:9px}.meter-meta b{font-weight:400;color:var(--white)}.meter-meta em{color:var(--cyan);font-style:normal}.meter-track{height:3px;background:#1d2724;margin:10px 0}.meter-track i{display:block;width:85.65%;height:100%;background:linear-gradient(90deg,var(--cyan-dim),var(--cyan));box-shadow:0 0 10px var(--cyan)}.access-meter p{font-size:8px;color:#6f7a78;margin:8px}.access-meter p span{color:var(--pink);animation:blink 1s infinite}

/* Footer */
.site-footer{padding:75px 7vw 24px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto auto;gap:8vw;background:#050607}.footer-brand p{color:#5e6967;font-size:11px;margin:17px 0}.footer-links{display:flex;gap:75px}.footer-links>div{display:flex;flex-direction:column;gap:8px}.footer-links span{color:#4e5957;font-size:8px;margin-bottom:7px}.footer-links a{font-size:9px;color:#899491;transition:color .2s}.footer-links a:hover{color:var(--cyan)}.footer-social{display:flex;gap:8px}.footer-social a{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);font:11px var(--display);transition:.25s}.footer-social a:hover{border-color:var(--cyan);color:var(--cyan)}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);margin-top:45px;padding-top:20px;display:flex;justify-content:space-between;color:#46514f;font-size:8px}.footer-bottom b{color:var(--cyan);font-weight:400}

/* Modal */
.access-modal{width:min(520px,calc(100vw - 30px));padding:48px;border:1px solid var(--cyan);color:var(--white);background:rgba(6,10,11,.98);box-shadow:0 0 80px rgba(34,255,208,.18);clip-path:polygon(0 0,calc(100% - 25px) 0,100% 25px,100% 100%,25px 100%,0 calc(100% - 25px))}.access-modal::backdrop{background:rgba(0,3,3,.84);backdrop-filter:blur(8px)}.access-modal[open]{animation:modalin .35s ease-out}.modal-close{position:absolute;right:16px;top:16px;border:1px solid var(--line);background:none;width:32px;height:32px;color:var(--muted);font-size:18px}.modal-code{font-size:8px;color:var(--cyan);letter-spacing:.14em}.modal-icon{width:62px;height:62px;border:1px solid var(--cyan);border-radius:50%;display:grid;place-items:center;color:var(--cyan);font:26px var(--display);margin:25px 0 18px;box-shadow:0 0 25px rgba(34,255,208,.14)}.access-modal h2{margin:0;font-size:32px}.access-modal>p{color:var(--muted);font-size:12px}.access-modal form{margin-top:28px}.access-modal label{display:block;font:9px var(--mono);color:var(--cyan);letter-spacing:.12em;margin-bottom:8px}.input-wrap{height:55px;border:1px solid var(--line);display:flex;align-items:center;padding:0 16px;gap:10px;background:#050808}.input-wrap span{color:var(--cyan);font:16px var(--mono)}.input-wrap input{width:100%;border:0;outline:0;background:none;color:var(--white);font:13px var(--mono)}.check{display:flex!important;align-items:center;gap:9px!important;margin:17px 0 22px!important;color:#73807c!important;font-family:var(--body)!important;letter-spacing:.04em!important}.check input{position:absolute;opacity:0}.check span{width:14px;height:14px;border:1px solid #4c5955;display:grid;place-items:center}.check input:checked+span{background:var(--cyan);box-shadow:inset 0 0 0 3px #07100e}.access-modal .cyber-button{width:100%}.form-success{display:none;padding:30px 0 10px;text-align:center}.form-success.show{display:flex;flex-direction:column}.form-success b{font:16px var(--mono);color:var(--cyan)}.form-success span{color:var(--muted);font-size:11px;margin-top:10px}@keyframes modalin{from{opacity:0;transform:scale(.94) translateY(15px)}}

/* Responsive */
@media (max-width: 1100px) {
  :root{--header-h:72px}.hud-nav a{padding:0 10px}.side-rail{display:none}.hero{padding-left:6vw}.hero-copy{width:61%}.core-visual{right:-9vw;width:54vw;opacity:.85}.module-card{padding:25px 23px}.module-card ul{flex-direction:column;gap:5px}.architecture-layout{grid-template-columns:.8fr 1.2fr}.section{padding-left:6vw;padding-right:6vw}
}
@media (max-width: 800px) {
  .site-header{grid-template-columns:1fr auto;padding:0 20px}.hud-nav{position:fixed;left:0;right:0;top:var(--header-h);height:calc(100vh - var(--header-h));background:rgba(4,7,7,.98);display:flex;flex-direction:column;padding:40px 25px;transform:translateX(100%);transition:transform .4s}.hud-nav.open{transform:none}.hud-nav a{font-size:16px;height:70px;border-bottom:1px solid var(--line)}.header-tools{gap:10px}.menu-toggle{display:block}.menu-toggle.open span:first-child{top:20px;transform:rotate(45deg)}.menu-toggle.open span:last-child{top:20px;transform:rotate(-45deg)}.sound-toggle em{display:none}
  .hero{min-height:850px;align-items:flex-start;padding:145px 24px 70px}.hero-copy{width:100%}.hero h1{font-size:clamp(49px,14.5vw,85px);white-space:normal}.hero h1 .outline{margin-left:0}.hero-lead{font-size:13px}.core-visual{width:500px;right:-210px;top:59%;opacity:.44}.hero-stats{margin-top:35px}.hero-stats div{padding-right:15px;margin-right:15px}.hero-signal{display:none}.scroll-cue{display:none}
  .section{padding:90px 24px}.section-index{margin-bottom:55px}.section-heading h2,.architecture-copy h2{font-size:clamp(40px,12vw,64px)}.genesis-layout,.architecture-layout{grid-template-columns:1fr;gap:45px}.genesis-copy{padding-top:0}.genesis-terminal{margin-top:60px}.terminal-body{grid-template-columns:1fr}.terminal-code{border-right:0;border-bottom:1px solid var(--line)}
  .modules-head,.roadmap-head{display:block}.modules-intro{margin:30px 0}.module-grid{grid-template-columns:1fr}.module-card{min-height:auto}.module-icon{margin:40px auto 35px}.architecture-layout{gap:65px}.system-viz{width:100%}
  .roadmap-status{margin-top:35px;width:100%}.timeline{grid-template-columns:1fr;margin-left:7px}.timeline-line{left:8px;right:auto;top:0;bottom:0;width:1px;height:auto}.timeline-line i{width:100%;height:44%}.timeline-item{padding:0 0 55px 54px;min-height:190px}.timeline-dot{left:0;top:3px}.phase-number{top:0}.roadmap{padding-bottom:70px}
  .final-cta{min-height:700px;padding:110px 24px 90px}.final-cta h2{font-size:clamp(48px,13vw,78px)}.site-footer{grid-template-columns:1fr;gap:40px}.footer-links{gap:70px}.footer-bottom{flex-direction:column;gap:8px}.footer-social{position:absolute;right:24px;top:75px}
}
@media (max-width: 520px) {
  .brand svg{width:31px}.brand strong{font-size:12px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.cyber-button{min-width:100%;width:100%}.hero-stats{justify-content:space-between}.hero-stats div{margin:0;padding-right:10px}.hero-stats strong{font-size:17px}.hero-stats span{font-size:6px}.core-visual{top:66%;right:-250px}.terminal-code{padding:24px 15px;font-size:9px}.terminal-code em{margin-right:7px}.waveform{padding:15px}.module-card{padding:24px 20px 30px}.modules-intro br{display:none}.system-viz{margin-left:-10px;width:calc(100% + 20px)}.layer-info{width:195px;left:12px;bottom:12px}.node{font-size:6px}.viz-readout{right:12px;top:13px}.final-cta>p:not(.kicker) br{display:none}.cyber-button--large{width:min(340px,100%)}.access-modal{padding:38px 24px}.footer-links{justify-content:space-between}.footer-social{position:static}.footer-bottom{margin-top:10px}
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.boot-screen{display:none}.reveal{opacity:1;transform:none}#particleCanvas{display:none}
}