@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#1e1e1d;background:#fff;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.shell{grid-template-columns:minmax(390px,1fr) minmax(560px,1fr);min-height:100svh;display:grid}.signal-panel{isolation:isolate;color:#fff;background:#090909;min-height:100svh;padding:clamp(2rem,4vw,4.5rem);position:relative;overflow:hidden}.grid-noise{opacity:.34;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 76%);mask-image:radial-gradient(circle,#000,#0000 76%)}.signal-copy{z-index:2;max-width:440px;position:relative}.brand{letter-spacing:-.07em;align-items:center;gap:.7rem;font-size:1.16rem;font-weight:800;display:inline-flex}.brand-seal{letter-spacing:0;border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:30px;height:30px;font:500 .78rem/1 DM Mono,monospace;display:grid}.eyebrow{color:#b9b9b9;letter-spacing:.13em;margin:8.5rem 0 1rem;font:500 .69rem/1 DM Mono,monospace}.eyebrow.dark{color:#7b7b78;margin:0 0 .9rem}h1{letter-spacing:-.075em;margin:0;font-size:clamp(3rem,5.4vw,5.5rem);font-weight:700;line-height:.94}.signal-text{color:#aeaeae;max-width:370px;margin:1.75rem 0 0;font-size:.94rem;line-height:1.7}.prism{z-index:1;fill:none;stroke:#fff;stroke-width:2.3px;stroke-linejoin:round;opacity:.9;width:min(47vw,465px);position:absolute;top:50%;right:2%;transform:translateY(-35%)rotate(-12deg)}.constellation{opacity:.7;background:radial-gradient(circle,#fff 1px,#0000 1.8px) 0 0/15px 15px;width:62px;height:62px;position:absolute;-webkit-mask-image:radial-gradient(circle,#000 30%,#0000 70%);mask-image:radial-gradient(circle,#000 30%,#0000 70%)}.c-one{top:5%;right:12%}.c-two{top:44%;left:6%}.c-three{bottom:10%;right:24%}.panel-footer{color:#777;letter-spacing:.1em;justify-content:space-between;font:.62rem DM Mono,monospace;display:flex;position:absolute;bottom:clamp(2rem,4vw,4.5rem);left:clamp(2rem,4vw,4.5rem);right:clamp(2rem,4vw,4.5rem)}.hub-panel{background:#fdfdfc;flex-direction:column;min-height:100svh;padding:clamp(2rem,5.5vw,6.5rem) clamp(2rem,6vw,7.5rem) clamp(1.7rem,3vw,3rem);display:flex}.hub-header{justify-content:space-between;align-items:start;gap:1rem;display:flex}h2{letter-spacing:-.067em;margin:0;font-size:clamp(2rem,3.1vw,3.1rem);line-height:1.04}.intro{color:#747472;max-width:420px;margin:.9rem 0 0;font-size:.93rem;line-height:1.6}.status{white-space:nowrap;color:#7a7a77;letter-spacing:.04em;margin-top:.15rem;font:.64rem DM Mono,monospace}.status-dot{background:#82d45f;border-radius:50%;width:7px;height:7px;margin-right:.45rem;display:inline-block;box-shadow:0 0 0 3px #e8f5e1}.system-list{gap:.7rem;margin:clamp(2.5rem,6vh,5.5rem) 0 auto;display:grid}.system-card{min-height:130px;color:inherit;border:1px solid #e4e4e0;border-radius:15px;grid-template-columns:31px 54px 1fr 31px;align-items:center;gap:1rem;padding:1.25rem 1.2rem;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid;position:relative;overflow:hidden}.system-card:before{content:"";background:var(--accent);opacity:.8;width:3px;position:absolute;inset:0 auto 0 0}.system-card:hover{border-color:#c7c7c1;transform:translateY(-2px);box-shadow:0 13px 30px #0f0f0d12}.system-card.unavailable{color:#999995;filter:grayscale();cursor:not-allowed;background:#fafaf9;border-color:#ecece9}.system-card.unavailable:hover{box-shadow:none;border-color:#ecece9;transform:none}.system-card.unavailable:before{background:#b2b2ad}.system-card.unavailable .system-mark{color:#93938e;background:#f1f1ef;border-color:#deded9}.system-card.unavailable .system-content strong,.system-card.unavailable .system-detail{color:#999995}.unavailable-badge{color:#999995;letter-spacing:.04em;text-transform:uppercase;border:1px solid #deded9;border-radius:999px;justify-self:end;padding:.42rem .55rem;font:.58rem DM Mono,monospace}.lime{--accent:#6fce50}.blue{--accent:#5f94e2}.amber{--accent:#d3a54e}.violet{--accent:#a47be6}.system-index{color:#a1a19c;align-self:start;font:.64rem DM Mono,monospace}.system-mark{border:1px solid color-mix(in srgb, var(--accent), #d8d8d2 65%);color:#32322f;background:color-mix(in srgb, var(--accent), #fff 89%);border-radius:13px;place-items:center;width:47px;height:47px;font:500 .73rem DM Mono,monospace;display:grid}.system-content{gap:.18rem;display:grid}.system-label{color:#888883;text-transform:uppercase;letter-spacing:.08em;font:.64rem DM Mono,monospace}.system-content strong{letter-spacing:-.04em;font-size:1.13rem}.system-detail{color:#777773;font-size:.76rem;line-height:1.45}.card-arrow{border:1px solid #deded9;border-radius:50%;place-items:center;width:29px;height:29px;transition:background .2s,color .2s;display:grid}.system-card:hover .card-arrow{color:#fff;background:#20201e;border-color:#20201e}.card-arrow svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.hub-footer{color:#aaa9a3;letter-spacing:.02em;justify-content:space-between;gap:1rem;margin-top:2.5rem;font:.64rem DM Mono,monospace;display:flex}.hub-footer i{vertical-align:-1px;border:1px solid #aaa9a3;border-radius:50%;width:8px;height:8px;margin-right:.42rem;display:inline-block}@media (width<=850px){.shell{grid-template-columns:1fr}.signal-panel{min-height:340px;padding:2rem}.eyebrow{margin-top:4rem}.signal-text,.panel-footer{display:none}.prism{width:290px;top:57%;right:-2%}.hub-panel{min-height:auto;padding:2.6rem 1.3rem 1.5rem}.hub-header{display:block}.status{margin-top:1.3rem}.system-list{margin-top:2.4rem}}@media (width<=480px){.signal-panel{min-height:290px}.prism{width:250px;top:67%;right:-8%}h1{font-size:3.2rem}.system-card{grid-template-columns:24px 47px 1fr 26px;gap:.72rem;min-height:120px;padding:1rem .8rem}.system-mark{width:42px;height:42px}.system-detail{font-size:.7rem}.hub-footer{font-size:.56rem}}