@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap";@import"https://fonts.cdnfonts.com/css/planet-kosmos";:root{color-scheme:dark;--bg: #060407;--bg-soft: rgba(10, 6, 9, .88);--panel: rgba(16, 8, 12, .84);--panel-strong: #12080d;--edge: rgba(255, 82, 118, .36);--edge-strong: rgba(255, 92, 126, .9);--text: #fff4f7;--muted: rgba(255, 218, 225, .66);--red: #ff3f67;--red-deep: #94162e;--cyan: #35d7ff;--ghost: rgba(255, 42, 88, .22);--ghost-cyan: rgba(53, 215, 255, .1);--glow-red: rgba(255, 63, 103, .24);--glow-cyan: rgba(53, 215, 255, .12);--shell-bg: radial-gradient(circle at 14% 18%, rgba(255, 43, 89, .15), transparent 24%), radial-gradient(circle at 78% 16%, rgba(53, 215, 255, .05), transparent 18%), radial-gradient(circle at 52% 88%, rgba(125, 11, 39, .18), transparent 28%), linear-gradient(180deg, #040306 0%, #08050a 52%, #030204 100%);--echo-distance: 14px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--shell-bg);color:var(--text)}body{overflow:hidden;font-family:IBM Plex Mono,Consolas,monospace}button,input,textarea,select{font:inherit}#app,.landing-shell{min-height:100vh}.landing-shell{position:relative;isolation:isolate;display:grid;grid-template-rows:1fr auto;gap:18px;padding:28px;background:var(--shell-bg)}.scene-wrap,.scene-canvas,.scene-vignette,.scene-scanlines,.scene-noise,.scene-glitch,.hud-frame{position:absolute;inset:0}.scene-canvas{width:100%;height:100%;display:block}.scene-vignette{background:radial-gradient(circle at center,transparent 24%,rgba(6,3,5,.58) 62%,rgba(1,0,1,.95) 100%),linear-gradient(180deg,rgba(255,55,90,.05),transparent 28%,rgba(0,0,0,.34) 100%)}.scene-scanlines{background-image:linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(to bottom,transparent 0 55%,rgba(255,63,103,.04) 55% 56%,transparent 56% 100%);background-size:100% 3px,100% 26vh;opacity:.22;mix-blend-mode:screen;animation:drift 8s linear infinite}.scene-noise{opacity:.18;background-image:linear-gradient(0deg,rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),radial-gradient(circle at 20% 30%,rgba(255,255,255,.05),transparent 24%),radial-gradient(circle at 70% 60%,rgba(255,63,103,.05),transparent 22%);background-size:2px 2px,2px 2px,100% 100%,100% 100%;mix-blend-mode:screen;animation:noise .16s steps(3) infinite,static-flicker 5.6s steps(1) infinite}.scene-glitch{pointer-events:none;mix-blend-mode:screen}.scene-glitch-a{background:linear-gradient(180deg,transparent 0%,transparent 18%,rgba(255,255,255,.04) 18.3%,rgba(255,63,103,.08) 18.6%,transparent 20%,transparent 52%,rgba(255,255,255,.05) 52.2%,transparent 53%,transparent 100%);opacity:.72;animation:glitch-band-a 7.2s steps(1) infinite}.scene-glitch-b{background:linear-gradient(180deg,transparent 0%,transparent 36%,rgba(53,215,255,.05) 36.2%,transparent 37%,transparent 68%,rgba(255,63,103,.08) 68.1%,rgba(255,255,255,.04) 68.6%,transparent 70%,transparent 100%);opacity:.5;animation:glitch-band-b 5.4s steps(1) infinite}.hero-grid,.lower-strip{position:relative;z-index:2}.hero-grid{display:grid;grid-template-columns:minmax(120px,170px) minmax(0,1fr) minmax(190px,250px);align-items:center;gap:28px}.hero-spacer{min-height:1px}.left-column{align-self:start;padding-top:14vh}.breach-mark{display:grid;gap:6px;padding-left:14px;border-left:1px solid var(--edge-strong);text-transform:uppercase;letter-spacing:.22em}.breach-mark:after{content:"";position:absolute;inset:-10px -8px;z-index:-1;border-left:1px solid rgba(255,63,103,.4);background:linear-gradient(90deg,rgba(255,63,103,.12),transparent 60%);transform:translate(calc(var(--echo-x, 0) * var(--echo-distance)),calc(var(--echo-y, 0) * var(--echo-distance)));filter:blur(10px);opacity:.8}.breach-label{color:var(--muted);font-size:.62rem}.breach-state{color:var(--red);font-size:1rem}.hero-copy{display:grid;justify-items:center;gap:16px;text-align:center}.chromatic{position:relative;display:inline-block;animation:chromatic-drift 7.5s ease-in-out infinite}.chromatic:before,.chromatic:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:.9}.chromatic:before{color:#ff3f67b8;transform:translate(var(--chromatic-x, 1px),calc(var(--chromatic-y, 0px) * -1));filter:blur(.45px)}.chromatic:after{color:#35d7ff94;transform:translate(calc(var(--chromatic-x, 1px) * -1),var(--chromatic-y, 0px));filter:blur(.6px)}.chromatic-light{--chromatic-x: .5px;--chromatic-y: .25px}.chromatic-medium{--chromatic-x: 1px;--chromatic-y: .5px}.panel{text-shadow:.8px 0 0 rgba(255,63,103,.18),-.8px 0 0 rgba(53,215,255,.1),1.2px 1.2px 5px rgba(255,63,103,.08)}.panel span,.panel .terminal-message{text-shadow:.9px 0 0 rgba(255,63,103,.2),-.7px 0 0 rgba(53,215,255,.08),1.4px 1.4px 4px rgba(255,63,103,.12)}.panel-header span,.panel-footer span{text-shadow:1px 0 0 rgba(255,63,103,.24),-.8px 0 0 rgba(53,215,255,.1),2px 1.5px 6px rgba(255,63,103,.14)}.terminal-time,.terminal-tag,.relay-id,.relay-state{filter:drop-shadow(1px 1px 3px rgba(255,63,103,.12))}.eyebrow,.edge-meta,.panel-header,.panel-footer,.code-panel,.terminal-line{font-family:IBM Plex Mono,Consolas,monospace}.eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--muted);letter-spacing:.28em;text-transform:uppercase;font-size:.68rem}.eyebrow-line{width:84px;height:1px;background:linear-gradient(90deg,transparent,var(--red),var(--cyan))}.hero-title-wrap,.echo-box{position:relative}.echo-box:after{content:attr(data-ghost);position:absolute;inset:0;z-index:-1;pointer-events:none}.echo-box:after{content:"";background:linear-gradient(135deg,var(--ghost),transparent 58%,var(--ghost-cyan));border:1px solid rgba(255,63,103,.1);transform:translate(calc(var(--echo-x, 0) * var(--echo-distance)),calc(var(--echo-y, 0) * var(--echo-distance)));filter:blur(14px);opacity:.72}.echo-box-subtle:after{background:linear-gradient(135deg,rgba(255,42,88,.1),transparent 62%,rgba(53,215,255,.04));border-color:#ff3f670f;filter:blur(10px);opacity:.42}.hero-title{position:relative;margin:0;font-family:Planet Kosmos,sans-serif;font-size:clamp(5.7rem,19.6vw,14.6rem);font-weight:400;line-height:.8;text-transform:lowercase;letter-spacing:.03em;color:#ff526f;text-shadow:0 0 4px rgba(255,126,151,.6),0 0 14px rgba(255,63,103,.3),0 0 36px rgba(255,63,103,.18),0 0 70px rgba(113,16,35,.2);animation:title-flicker 8s steps(1) infinite,chromatic-drift-strong 6.8s ease-in-out infinite;filter:saturate(1.08)}.hero-title-wrap{isolation:isolate}.hero-title{z-index:1;mix-blend-mode:screen}.panel{position:relative;padding:16px 18px;background:linear-gradient(180deg,#ff3f6724,#3a0f1814);box-shadow:0 0 0 1px #ff3f670d,0 0 22px #ff3f671a,0 0 42px #1c070d47;overflow:hidden;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,18px 100%,0 calc(100% - 18px));-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.panel:before,.panel:after{content:"";position:absolute}.panel:before{inset:1px;background:linear-gradient(180deg,#0e060adb,#080406bd),repeating-linear-gradient(180deg,rgba(255,255,255,.028) 0 1px,transparent 1px 4px),linear-gradient(90deg,rgba(53,215,255,.03),transparent 24%,transparent 76%,rgba(255,63,103,.05));clip-path:polygon(0 0,calc(100% - 27px) 0,100% 27px,100% 100%,18px 100%,0 calc(100% - 18px));opacity:.96}.panel:after{inset:0;background:linear-gradient(90deg,transparent 0,transparent calc(100% - 62px),rgba(255,92,126,.14) calc(100% - 62px),rgba(255,92,126,.06) calc(100% - 18px),transparent calc(100% - 8px)),linear-gradient(135deg,transparent 0,transparent calc(100% - 21px),rgba(255,92,126,.5) calc(100% - 21px),rgba(255,92,126,.38) calc(100% - 19px),transparent calc(100% - 19px)),linear-gradient(0deg,transparent 0,transparent calc(100% - 24px),rgba(255,92,126,.24) calc(100% - 24px),rgba(255,92,126,.12) calc(100% - 22px),transparent calc(100% - 22px)),linear-gradient(180deg,rgba(255,255,255,.03),transparent 18%,transparent 82%,rgba(255,63,103,.04));opacity:.74}.panel>.panel-crt{position:absolute;inset:1px;z-index:0;pointer-events:none;clip-path:polygon(0 0,calc(100% - 27px) 0,100% 27px,100% 100%,18px 100%,0 calc(100% - 18px));background:repeating-linear-gradient(180deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px),linear-gradient(90deg,transparent,rgba(255,63,103,.035) 35%,transparent 70%),radial-gradient(circle at 15% 20%,rgba(255,63,103,.06),transparent 28%);mix-blend-mode:screen;opacity:.7}.panel>*{position:relative;z-index:1}.panel-header,.panel-footer,.code-panel{display:flex;align-items:center;justify-content:space-between;gap:12px;text-transform:uppercase;letter-spacing:.16em;font-size:.64rem;color:var(--muted)}.panel-header{margin-bottom:14px}.panel-footer{margin-top:14px}.telemetry-right{width:min(100%,280px);height:100%}.relay-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.relay-panel:before{background:#0b0508f0}.relay-map{position:relative;min-height:0;display:grid;grid-template-rows:repeat(3,auto) auto 1fr;gap:14px;align-content:start;padding:8px 4px 6px 0;overflow:hidden}.relay-panel .panel-footer{margin-top:10px}.panel-header,.panel-footer,.terminal-copy,.relay-map{position:relative}.panel-header:after,.panel-footer:after,.terminal-copy:after,.relay-map:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),linear-gradient(135deg,rgba(255,63,103,.04),transparent 45%,rgba(53,215,255,.025));mix-blend-mode:screen;opacity:.35}.panel-header span,.panel-footer span,.terminal-line span,.relay-row span{position:relative;text-shadow:.8px 0 0 rgba(255,63,103,.24),-.6px 0 0 rgba(53,215,255,.08),1.6px 1.4px 5px rgba(255,63,103,.14)}.panel-header span:after,.panel-footer span:after,.terminal-line span:after,.relay-row span:after{content:attr(data-text);position:absolute;inset:0;z-index:-1;color:#ff52763d;transform:translate(1.1px,.9px);filter:blur(3px);opacity:.85;pointer-events:none}.relay-row{display:grid;grid-template-columns:52px minmax(0,1fr) 44px;gap:10px;align-items:center;color:#ffe7ecd1;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}.relay-id,.relay-state{color:var(--muted)}.relay-row.hot .relay-state{color:var(--red)}.relay-track{position:relative;height:16px}.relay-track:before,.relay-track i{content:"";position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%)}.relay-track:before{background:#ffffff14}.relay-track i{right:auto;width:72%;background:linear-gradient(90deg,var(--red),rgba(255,63,103,.2));transform:translateY(-50%) skew(-36deg);box-shadow:0 0 10px #ff3f6742}.relay-row:nth-child(2) .relay-track i{width:48%;background:linear-gradient(90deg,var(--cyan),rgba(53,215,255,.18))}.relay-row:nth-child(3) .relay-track i{width:84%}.relay-scope{position:relative;height:56px;margin-top:2px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,63,103,.12);overflow:hidden}.relay-scope svg{width:100%;height:100%;display:block}.relay-wave{fill:none;stroke-width:2;stroke-linecap:square;stroke-linejoin:miter}.relay-wave.ghost{stroke:#35d7ff38;transform:translateY(1px)}.relay-wave.main{stroke:#ff3f67e6;stroke-dasharray:340;stroke-dashoffset:340;animation:relay-wave 3.8s linear infinite;filter:drop-shadow(0 0 6px rgba(255,63,103,.36))}.relay-sweep{position:absolute;inset:0 auto 0 -22%;width:22%;background:linear-gradient(90deg,transparent,rgba(53,215,255,.08),rgba(255,63,103,.18),transparent);mix-blend-mode:screen;animation:relay-sweep 2.8s linear infinite}.hud-frame{pointer-events:none;z-index:3;border:1px solid rgba(255,63,103,.12);margin:16px}.edge-meta{position:absolute;display:grid;gap:4px;text-transform:uppercase;letter-spacing:.22em}.edge-top-left{top:24px;left:24px}.edge-top-right{top:24px;right:24px;text-align:right}.meta-label{font-size:.58rem;color:#ffdae17a}.meta-value{font-size:.76rem;color:var(--text)}.meta-accent{position:relative;color:#7ae9ff;font-weight:600;text-shadow:0 0 10px rgba(53,215,255,.28)}.meta-accent:after{content:attr(data-text);position:absolute;inset:0;z-index:-1;color:#35d7ff3d;transform:translate(1.5px,1px);filter:blur(4px);opacity:.9;pointer-events:none}.meta-accent.chromatic:before{color:#5ae6ff38;transform:translate(.35px,-.15px);filter:blur(.3px)}.meta-accent.chromatic:after{color:#35d7ff6b;transform:translate(1.2px,.8px);filter:blur(2.6px);opacity:.85}.plus{position:absolute;color:#ffdae16b;font-size:.95rem}.plus-a{top:22%;left:34px}.plus-b{top:16%;right:19%}.plus-c{bottom:20%;left:16%}.plus-d{right:36px;bottom:31%}.lower-strip{display:grid;grid-template-columns:minmax(0,620px) minmax(220px,280px);gap:18px;align-items:stretch;padding-top:18px;justify-content:space-between}.terminal-panel{width:min(100%,620px);min-height:0;height:100%}.terminal-panel:before,.relay-panel:before{background:linear-gradient(180deg,#0d060ad1,#070406ad),repeating-linear-gradient(180deg,rgba(255,255,255,.022) 0 1px,transparent 1px 4px),linear-gradient(90deg,rgba(255,63,103,.05),transparent 30%,transparent 72%,rgba(53,215,255,.03))}.terminal-panel.echo-box:after,.relay-panel.echo-box:after{background:linear-gradient(135deg,rgba(255,42,88,.12),transparent 58%,rgba(53,215,255,.03));filter:blur(12px);opacity:.5}.terminal-copy{display:grid;gap:8px}.terminal-line{display:grid;grid-template-columns:92px 56px minmax(0,1fr);gap:12px;align-items:start;color:#ffe7ecdb;font-size:.74rem;line-height:1.45;text-shadow:none}.terminal-line.warn{color:#ff6f8e}.terminal-time{color:#ffdae17a}.terminal-tag{color:var(--cyan);text-transform:uppercase}.terminal-message{color:inherit}.lower-strip>.panel{height:100%}@keyframes drift{0%{transform:translateY(0)}to{transform:translateY(6px)}}@keyframes noise{0%,to{transform:translate(0)}50%{transform:translate(.35%,-.28%)}}@keyframes title-flicker{0%,13%,15%,67%,69%,to{opacity:1}14%,68%{opacity:.86}}@keyframes chromatic-drift{0%,to{transform:translateZ(0)}25%{transform:translate3d(.3px,-.15px,0)}50%{transform:translate3d(-.25px,.2px,0)}75%{transform:translate3d(.18px,.1px,0)}}@keyframes chromatic-drift-strong{0%,to{transform:translateZ(0)}33%{transform:translate3d(.7px,-.2px,0)}66%{transform:translate3d(-.6px,.24px,0)}}@keyframes relay-wave{0%{stroke-dashoffset:340;opacity:.45}12%{opacity:1}68%{opacity:.9}to{stroke-dashoffset:0;opacity:.2}}@keyframes relay-sweep{0%{transform:translate(0)}to{transform:translate(560%)}}@keyframes glitch-band-a{0%,to{transform:translateZ(0);opacity:0}8%{transform:translate3d(0,-8px,0);opacity:.72}9%{transform:translate3d(0,4px,0);opacity:.22}10%{transform:translateZ(0);opacity:0}42%{transform:translate3d(-10px,0,0);opacity:.52}43%{transform:translate3d(5px,0,0);opacity:.16}44%{transform:translateZ(0);opacity:0}74%{transform:translate3d(0,10px,0);opacity:.48}75%{transform:translate3d(0,-5px,0);opacity:.14}76%{transform:translateZ(0);opacity:0}}@keyframes glitch-band-b{0%,to{transform:translateZ(0);opacity:0}16%{transform:translate3d(12px,0,0);opacity:.42}17%{transform:translate3d(-7px,0,0);opacity:.16}18%{transform:translateZ(0);opacity:0}58%{transform:translate3d(0,9px,0);opacity:.38}59%{transform:translate3d(0,-4px,0);opacity:.12}60%{transform:translateZ(0);opacity:0}86%{transform:translate3d(-8px,0,0);opacity:.3}87%{transform:translate3d(4px,0,0);opacity:.1}88%{transform:translateZ(0);opacity:0}}@keyframes static-flicker{0%,to{opacity:.16}11%{opacity:.22}12%{opacity:.32}13%{opacity:.15}47%{opacity:.18}48%{opacity:.3}49%{opacity:.17}73%{opacity:.2}}@media(max-width:980px){body{overflow:auto}.landing-shell{padding:18px;min-height:100svh}.hero-grid{grid-template-columns:1fr;gap:18px;padding-top:88px}.left-column{padding-top:0}.breach-mark,.telemetry-right{justify-self:start}.lower-strip{grid-template-columns:1fr}.terminal-panel,.telemetry-right{width:100%;min-width:0;max-width:none}}@media(max-width:640px){.landing-shell{padding:14px}.hud-frame{margin:10px}.edge-top-left{top:16px;left:16px}.edge-top-right{top:16px;right:16px}.edge-bottom-left{bottom:16px;left:16px}.edge-bottom-right{bottom:16px;right:16px}.plus-b,.plus-c{display:none}.hero-grid{padding-top:96px}.terminal-line{grid-template-columns:1fr;gap:2px}}