*{box-sizing:border-box}
:root{--bg:#030909;--panel:rgba(5,20,21,.84);--cyan:#56f6e8;--green:#9dffbd;--muted:#79a9a6;--line:rgba(86,246,232,.18);--mono:"Share Tech Mono",monospace;--sans:"Space Grotesk",Arial,sans-serif}
html,body{margin:0;min-height:100%;background:var(--bg);color:#e6fffb;font-family:var(--sans)}
body{min-height:100vh;overflow-x:hidden;position:relative;background:radial-gradient(ellipse at 76% 42%,rgba(0,105,101,.18),transparent 34%),radial-gradient(ellipse at 16% 80%,rgba(0,95,68,.12),transparent 30%),#030909}
.scanlines,.noise,.grid-floor{position:fixed;inset:0;pointer-events:none}
.scanlines{z-index:5;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(140,255,235,.12) 4px)}
.noise{z-index:4;opacity:.04;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='.5'/%3E%3C/svg%3E")}
.grid-floor{z-index:0;inset:55% -20% -35%;opacity:.14;transform:perspective(430px) rotateX(62deg);transform-origin:top;background-image:linear-gradient(rgba(64,235,219,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(64,235,219,.22) 1px,transparent 1px);background-size:48px 48px}
.topbar,.footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:22px 5.5%;font:11px var(--mono);letter-spacing:1.3px;color:#82aaa6}
.topbar{border-bottom:1px solid var(--line)}
.system-mark{color:#c8fff5}.pulse-dot,.chip-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:9px;animation:pulse 1.5s infinite}
.top-right{display:flex;align-items:center;gap:12px}.divider{color:#315c58}.signal{display:flex;align-items:end;gap:3px;height:13px}.signal i{width:3px;background:var(--cyan);display:block}.signal i:nth-child(1){height:5px}.signal i:nth-child(2){height:8px}.signal i:nth-child(3){height:10px}.signal i:nth-child(4){height:13px}
.main-shell{position:relative;z-index:1;max-width:1420px;margin:0 auto;padding:62px 6% 30px}
.hero{display:grid;grid-template-columns:1.04fr .96fr;gap:7%;align-items:center;min-height:620px}
.eyebrow,.slogan-label,.progress-heading,.progress-meta,.status-title,.status-items,.stat-label{font:11px var(--mono);letter-spacing:1.5px}
.eyebrow{color:var(--cyan);display:flex;align-items:center;gap:12px}.eyebrow-line{height:1px;width:35px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.logo-frame{margin:28px 0 24px;max-width:540px}.brand-logo{display:block;width:min(100%,510px);height:auto;max-height:112px;object-fit:contain;object-position:left center}
.status-chip{display:inline-flex;align-items:center;border:1px solid rgba(86,246,232,.28);padding:8px 12px;color:#9edbd4;font:10px var(--mono);letter-spacing:1.1px;background:rgba(14,55,53,.24)}
.chip-dot{width:6px;height:6px;margin-right:9px}
h1{font-size:clamp(42px,5.1vw,70px);line-height:1.02;letter-spacing:-3.4px;margin:24px 0 18px;font-weight:600;color:#effffb}
h1 span{color:var(--cyan);text-shadow:0 0 25px rgba(86,246,232,.28)}.cursor{color:var(--green);animation:blink 1s steps(2,start) infinite}
.lead{max-width:510px;color:#9abbb6;font-size:16px;line-height:1.75;margin:0}
.slogan{margin:30px 0 28px;padding-left:17px;border-left:2px solid var(--cyan)}.slogan-label{font-size:9px;color:#5b9d96}.slogan p{font-size:15px;line-height:1.65;color:#b7d9d3;margin:7px 0 0}.slogan b{color:var(--green);font-weight:500}
.progress-panel{max-width:520px;margin-top:34px}.progress-heading,.progress-meta{display:flex;justify-content:space-between;align-items:center;color:#8cb5ae;font-size:10px}.progress-heading strong{font:18px var(--mono);color:var(--green);text-shadow:0 0 12px rgba(157,255,189,.5)}
.progress-track{height:5px;background:#12302e;margin:12px 0 9px;position:relative;overflow:hidden}.progress-fill{height:100%;width:7%;background:linear-gradient(90deg,#2cae9f,var(--green));box-shadow:0 0 14px var(--cyan);transition:width 1.3s ease}.progress-meta{font-size:9px;letter-spacing:.6px;color:#638c85}.progress-meta b{color:#a9d9ce;font-weight:400}
.visual-column{min-width:0}.orbit-scene{height:365px;position:relative;display:grid;place-items:center;isolation:isolate}
.orbit{position:absolute;border:1px solid rgba(86,246,232,.23);border-radius:50%;box-shadow:0 0 30px rgba(0,220,200,.04),inset 0 0 30px rgba(0,220,200,.025)}
.orbit-one{width:270px;height:270px;animation:spin 22s linear infinite}.orbit-two{width:345px;height:185px;transform:rotate(-34deg);border-color:rgba(157,255,189,.26);animation:spinReverse 28s linear infinite}.orbit-three{width:390px;height:300px;transform:rotate(57deg);border-style:dashed;opacity:.7;animation:spin 42s linear infinite}
.orbit-core{width:155px;height:155px;border-radius:50%;border:1px solid rgba(86,246,232,.65);display:grid;place-items:center;background:radial-gradient(circle,rgba(34,140,126,.35),rgba(4,19,20,.95) 68%);box-shadow:0 0 35px rgba(86,246,232,.2),inset 0 0 35px rgba(86,246,232,.12);z-index:1}
.core-inner{width:120px;height:120px;border:1px solid rgba(86,246,232,.23);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.core-symbol{font-size:58px;line-height:.9;color:var(--cyan);font-weight:600;text-shadow:0 0 22px var(--cyan)}.core-caption{font:9px var(--mono);letter-spacing:2px;color:#91cfc4;text-align:center;margin-top:8px}
.orbit-node{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green);z-index:2}.node-a{top:57px;left:calc(50% + 92px)}.node-b{bottom:76px;left:calc(50% - 160px);background:var(--cyan);box-shadow:0 0 14px var(--cyan)}.node-c{top:105px;left:calc(50% - 176px);width:5px;height:5px}
.orbit-label{position:absolute;font:9px var(--mono);letter-spacing:1px;color:#77aaa2}.orbit-label b{color:var(--green);font-weight:400;margin-left:5px}.label-a{top:36px;right:1%}.label-b{bottom:34px;left:0}
.crosshair{position:absolute;width:18px;height:18px;border:1px solid rgba(86,246,232,.55)}.crosshair:after,.crosshair:before{content:"";position:absolute;background:rgba(86,246,232,.5)}.crosshair:after{height:1px;width:28px;left:-6px;top:8px}.crosshair:before{width:1px;height:28px;left:8px;top:-6px}.crosshair-a{top:18px;left:20%}.crosshair-b{right:16%;bottom:15%;transform:rotate(45deg)}
.terminal-window{border:1px solid rgba(86,246,232,.25);background:rgba(2,12,13,.9);box-shadow:0 0 35px rgba(0,0,0,.4),0 0 24px rgba(0,220,200,.04);font-family:var(--mono);position:relative}
.terminal-top{height:34px;border-bottom:1px solid rgba(86,246,232,.15);display:flex;align-items:center;padding:0 13px;gap:12px;color:#679d96;font-size:9px;letter-spacing:1px}.terminal-lights{display:flex;gap:5px}.terminal-lights i{width:6px;height:6px;border-radius:50%;background:#3f8077}.terminal-lights i:first-child{background:#69e6be}.terminal-live{margin-left:auto;color:var(--green)}
.terminal-body{height:142px;padding:13px 15px;overflow:hidden;font-size:10px;color:#80b8ae;line-height:1.75}.prompt{color:var(--green)}.terminal-static{color:#c2e7de}.terminal-lines{height:84px;overflow:hidden;color:#72aaa1}.terminal-line{white-space:nowrap;animation:lineIn .25s ease}.terminal-line .ok{color:var(--green)}.terminal-line .warn{color:#d6d77c}.terminal-input{display:flex;align-items:center;gap:8px}.blink-block{display:inline-block;width:6px;height:11px;background:var(--cyan);animation:blink .8s steps(2,start) infinite}
.micro-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:17px;border:1px solid rgba(86,246,232,.13);background:rgba(4,17,18,.55)}.micro-stats>div{padding:12px 16px;border-right:1px solid rgba(86,246,232,.13);display:flex;flex-direction:column;gap:4px}.micro-stats>div:last-child{border:0}.stat-value{font:19px var(--mono);color:var(--cyan)}.stat-label{font-size:8px;color:#68958e}
.system-status{display:flex;align-items:center;gap:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;margin-top:36px}.status-title{color:var(--cyan);white-space:nowrap}.tiny-square{display:inline-block;width:6px;height:6px;background:var(--green);margin-right:8px;box-shadow:0 0 8px var(--green)}.status-items{display:flex;flex:1;justify-content:space-between;gap:16px;font-size:9px;color:#79a39c;letter-spacing:.6px}.status-items>div{white-space:nowrap}.status-items b{color:var(--green);font-weight:400;margin-left:5px}.status-light{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--green);margin:0 6px 1px 0;box-shadow:0 0 7px var(--green)}
.footer{font-size:9px;padding-top:22px;padding-bottom:24px;color:#628780}.footer b{color:#a8d5cd;font-weight:500}.vat{color:#719a93}.footer-code{letter-spacing:1px}.footer-code span{color:var(--cyan);margin-left:5px}
@keyframes pulse{50%{opacity:.35;box-shadow:0 0 3px var(--green)}}@keyframes blink{to{visibility:hidden}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinReverse{to{transform:rotate(-394deg)}}@keyframes lineIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.main-shell{padding-top:42px}.hero{grid-template-columns:1fr;gap:30px}.hero-copy{max-width:680px}.visual-column{max-width:620px;width:100%;margin:0 auto}.orbit-scene{height:330px}.system-status{align-items:flex-start;flex-direction:column;gap:15px}.status-items{width:100%;flex-wrap:wrap}}
@media(max-width:560px){.topbar,.footer{padding:16px 5%;font-size:8px}.top-right{gap:7px}.system-mark{font-size:9px}.main-shell{padding:34px 5% 24px}.eyebrow{font-size:9px}.brand-logo{max-height:80px}h1{font-size:44px;letter-spacing:-2.2px}.lead{font-size:14px}.orbit-scene{height:280px;transform:scale(.88);margin:-10px 0}.orbit-three{width:330px;height:250px}.orbit-two{width:300px}.orbit-one{width:235px;height:235px}.orbit-label{font-size:8px}.terminal-body{font-size:9px}.terminal-top{font-size:8px}.micro-stats>div{padding:10px}.stat-value{font-size:16px}.status-items{display:grid;gap:11px;font-size:8px}.footer{gap:8px;flex-wrap:wrap}.footer-code{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}