@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap";
:root{--void:#050507;--space:#0e0f14;--panel:#131722ad;--panel-strong:#191f2fd1;--white:#f5f6f8;--muted:#8c93a1;--gold:#d4af37;--cyan:#00d7ff;--violet:#7a5cff;--amber:#ffb84d;--blue:#58a6ff;--line:#ffffff24;--radius:28px;--shadow:0 24px 80px #00000073}.spatial-section{background:radial-gradient(circle at var(--glow-x,78%) 10%, var(--glow,#00d7ff1f), transparent 32rem), #ffffff06;border:1px solid #ffffff14;border-radius:clamp(24px,3vw,42px);margin-top:clamp(1.2rem,4vw,4rem);padding:clamp(1.2rem,4vw,4rem);position:relative;overflow:hidden}.spatial-section--logic{--glow:#7a5cff29}.section-heading{max-width:760px}.section-heading span{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;font-family:Space Grotesk,sans-serif;font-size:.78rem;font-weight:700}.section-heading h2{letter-spacing:-.045em;color:var(--white);margin:.5rem 0 0;font-family:Space Grotesk,sans-serif;font-size:clamp(2.1rem,4.6vw,4.9rem);line-height:.94}.section-heading p{color:var(--muted);font-size:clamp(1rem,1.5vw,1.28rem);line-height:1.7}.systems-grid{grid-template-columns:repeat(6,1fr);gap:1rem;margin-top:2rem;display:grid}.glass-panel{background:linear-gradient(135deg, #ffffff14, #ffffff06), var(--panel);min-height:420px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffff1f;border-radius:30px;grid-column:span 2;padding:1.2rem;transition:transform .24s,border-color .24s,box-shadow .24s;position:relative;overflow:hidden}.glass-panel:first-child,.glass-panel:nth-child(2){grid-column:span 3}.glass-panel:hover{border-color:color-mix(in srgb, var(--accent,var(--cyan)), white 16%);box-shadow:0 26px 90px #00000080, 0 0 44px color-mix(in srgb, var(--accent,var(--cyan)), transparent 72%);transform:translateY(-10px)}.glass-panel--cyan{--accent:var(--cyan)}.glass-panel--blue{--accent:var(--blue)}.glass-panel--amber{--accent:var(--amber)}.glass-panel--gold{--accent:var(--gold)}.glass-panel--violet{--accent:var(--violet)}.glass-panel__hit{z-index:1;position:absolute;inset:0}.glass-panel__scan{opacity:.35;background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--accent,var(--cyan)), transparent 82%), transparent);pointer-events:none;transition:transform .62s;position:absolute;inset:0;transform:translateY(-80%)}.glass-panel:hover .glass-panel__scan{transform:translateY(80%)}.glass-panel__topline,.glass-panel__tags,.glass-panel h3,.glass-panel p,.glass-panel figure,.glass-panel>div:not(.glass-panel__scan){z-index:2;position:relative}.glass-panel__topline{color:var(--muted);justify-content:space-between;gap:1rem;font-size:.82rem;display:flex}.glass-panel__topline b{color:var(--accent,var(--cyan))}.glass-panel h3{letter-spacing:-.045em;color:var(--white);margin:1rem 0 0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.3rem,2vw,2rem)}.glass-panel p{color:var(--muted);line-height:1.7}.glass-panel__tags{flex-wrap:wrap;gap:.45rem;margin-top:1rem;display:flex}.glass-panel__tags span{color:var(--muted);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;padding:.5rem .7rem;font-size:.82rem}.signal-flow{margin:1.2rem 0 0}.signal-flow svg{width:100%;height:auto;overflow:visible}.signal-flow path{fill:none;stroke-linecap:round;stroke-width:2.4px}.signal-flow circle{fill:var(--accent,var(--cyan));filter:drop-shadow(0 0 10px var(--accent,var(--cyan)))}.signal-flow__base{stroke:#ffffff24}.signal-flow__pulse{stroke:var(--accent,var(--cyan));stroke-dasharray:34 300;filter:drop-shadow(0 0 8px var(--accent,var(--cyan)));animation:3.6s linear infinite signalDash}.terminal-mirror,.aios-window,.logic-chain,.blackbox-timeline{background:#02050cb3;border:1px solid #ffffff21;border-radius:24px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #ffffff06}.terminal-mirror,.aios-window,.logic-chain{min-height:245px}.terminal-mirror__bar{border-bottom:1px solid #ffffff1a;align-items:center;gap:.45rem;padding:.75rem;display:flex}.terminal-mirror__bar span{background:var(--gold);border-radius:50%;width:10px;height:10px}.terminal-mirror__bar span:nth-child(2){background:var(--cyan)}.terminal-mirror__bar span:nth-child(3){background:var(--violet)}.terminal-mirror__bar b{color:var(--muted);margin-left:auto}.terminal-mirror__grid{grid-template-columns:1.4fr .8fr;gap:.8rem;padding:.9rem;display:grid}.terminal-mirror__screen{gap:.65rem;font-family:Space Grotesk,monospace;display:grid}.terminal-mirror__screen p{gap:.2rem;margin:0;display:grid}.terminal-mirror__screen span{color:var(--cyan)}.terminal-mirror__screen em{color:var(--muted);font-style:normal}.terminal-mirror__side{border-left:1px solid #ffffff1a;gap:.55rem;padding-left:.9rem;display:grid}.terminal-mirror__side small{color:var(--muted)}.terminal-mirror__meter{background:#ffffff17;border-radius:999px;height:7px;overflow:hidden}.terminal-mirror__meter i{border-radius:inherit;background:linear-gradient(90deg, var(--cyan), var(--gold));width:72%;height:100%;animation:2.4s ease-in-out infinite alternate barSignal;display:block}.aios-window{padding:1rem}.aios-window__title{color:var(--muted);margin-bottom:.8rem}.aios-window__desktop{grid-template-columns:1.3fr .7fr;gap:.8rem;min-height:200px;display:grid;position:relative}.aios-window__app{background:linear-gradient(145deg,#00d7ff17,#ffffff06);border:1px solid #00d7ff33;border-radius:18px;padding:1rem;position:relative}.aios-window__app--side{border-color:#d4af3740}.vision-box{border:1px solid var(--cyan);color:var(--cyan);border-radius:8px;padding:.3rem;font-size:.7rem;animation:2.2s ease-in-out infinite visionBlink;position:absolute}.vision-box--one{top:42%;left:16%}.vision-box--two{animation-delay:.6s;bottom:20%;right:12%}.cursor-trail{border:1px solid var(--gold);border-radius:50%;width:18px;height:18px;animation:4s ease-in-out infinite cursorMove;position:absolute;top:54%;left:48%;box-shadow:0 0 26px #d4af377a}.blackbox-timeline{gap:1rem;padding:1rem;display:grid}.blackbox-timeline article{grid-template-columns:70px 1fr;gap:1rem;display:grid;position:relative}.blackbox-timeline article:before{content:"";background:var(--gold);width:9px;height:9px;box-shadow:0 0 20px var(--gold);border-radius:50%;position:absolute;top:.2rem;left:79px}.blackbox-timeline time{color:var(--gold);font-family:Space Grotesk,sans-serif}.blackbox-timeline div{border-left:1px solid #d4af3747;padding-left:1rem}.blackbox-timeline span,.blackbox-timeline small{color:var(--muted);display:block}.logic-chain{grid-template-columns:.9fr 1.2fr;gap:1rem;padding:1rem;display:grid}.logic-chain__code{background:#7a5cff14;border:1px solid #7a5cff38;border-radius:18px;place-content:center;gap:.8rem;padding:1rem;display:grid}.logic-chain code{color:var(--cyan);white-space:normal}.logic-chain__levels{gap:.55rem;display:grid}.logic-chain__levels div{animation:3.4s ease-in-out infinite layerGlow;animation-delay:calc(var(--i) * .22s);background:#ffffff0a;border:1px solid #ffffff1c;border-radius:14px;align-items:center;gap:.65rem;padding:.62rem;display:flex}.logic-chain__levels b{color:var(--violet)}@keyframes signalDash{to{stroke-dashoffset:-334px;background-position:160px 0}}@keyframes barSignal{0%{transform-origin:0;opacity:.55;transform:scaleX(.32)}to{transform-origin:0;opacity:1;transform:scaleX(1)}}@keyframes visionBlink{50%{opacity:.42;box-shadow:0 0 20px var(--cyan)}}@keyframes cursorMove{0%,to{transform:translate(0)}40%{transform:translate(46px,-34px)}70%{transform:translate(-32px,26px)}}@keyframes layerGlow{50%{border-color:#00d7ff52;box-shadow:0 0 26px #00d7ff17}}@media (max-width:1180px){.systems-grid{grid-template-columns:1fr 1fr}.glass-panel,.glass-panel:first-child,.glass-panel:nth-child(2){grid-column:span 1}}@media (max-width:760px){.systems-grid{grid-template-columns:1fr}.glass-panel{min-height:auto}.logic-chain,.aios-window__desktop{grid-template-columns:1fr}}