:root{--bg:#060810;--panel:#0c101c;--panel2:#11182a;--text:#f5f0e8;--muted:#9ba7bd;--orange:#ff7428;--line:rgba(132,159,255,.16);--gold:#cf9d50;--cyan:#5ddcff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 20%,#171126 0,#080a13 42%,#05070c 100%);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;min-height:100vh;overflow-x:hidden}
#stars{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:.65;z-index:0}
.topbar{position:sticky;top:0;z-index:20;height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 32px;background:rgba(5,7,12,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}
.topbar a{color:#e7e8ee;text-decoration:none}.brand{font-weight:800;letter-spacing:.16em}.brand strong{color:var(--orange)}.top-actions{text-align:right;color:#aeb7c9;font-size:.78rem;letter-spacing:.15em}.back{font-size:.9rem}
main{position:relative;z-index:1}.hero{min-height:calc(100vh - 72px);max-width:1500px;margin:auto;padding:56px 48px;display:grid;grid-template-columns:.9fr 1.25fr;gap:28px;align-items:center}
.eyebrow{color:var(--orange);font-weight:800;letter-spacing:.22em;font-size:.72rem}.intro h1{font-family:Georgia,serif;font-size:clamp(3.3rem,6vw,7rem);line-height:.88;margin:18px 0 24px;font-weight:600}.intro h1 em{color:var(--orange);font-weight:500}.intro p{max-width:650px;color:#b9c2d4;font-size:1.1rem;line-height:1.7}.stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.stats span{padding:12px 16px;border:1px solid rgba(255,255,255,.11);background:rgba(13,17,29,.7);border-radius:999px;color:#aeb8cc}.stats b{color:#fff;margin-right:5px}
.constellation{position:relative;aspect-ratio:10/7;min-height:560px;filter:drop-shadow(0 30px 70px rgba(0,0,0,.35))}.links{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.links line{stroke:rgba(103,135,224,.23);stroke-width:1.4;stroke-dasharray:4 8;animation:dash 18s linear infinite}@keyframes dash{to{stroke-dashoffset:-120}}
.core{position:absolute;left:50%;top:50%;translate:-50% -50%;width:166px;height:166px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#32203c 0,#121727 54%,#070a12 76%);border:1px solid rgba(255,116,40,.55);box-shadow:0 0 60px rgba(255,116,40,.23),inset 0 0 35px rgba(255,255,255,.03);text-align:center;z-index:3;text-decoration:none;color:white;overflow:hidden;padding:18px}.core img{width:100%;height:98px;object-fit:contain;border-radius:18px}.core small{font-size:.55rem;color:#a4adc0;letter-spacing:.2em;margin-top:7px}
.web-node{position:absolute;translate:-50% -50%;width:118px;min-height:118px;border-radius:28px;text-decoration:none;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,rgba(24,31,54,.97),rgba(9,13,24,.97));border:1px solid rgba(127,153,224,.25);box-shadow:0 14px 35px rgba(0,0,0,.35);transition:.25s;z-index:4;padding:8px}.web-node:hover{transform:translateY(-7px) scale(1.075);border-color:var(--orange);box-shadow:0 18px 50px rgba(255,116,40,.22)}
.node-logo{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;overflow:hidden;background:rgba(3,7,14,.58);border:1px solid rgba(255,255,255,.08)}.node-logo img{width:100%;height:100%;object-fit:contain}.web-node b{font-size:.68rem;margin-top:7px;line-height:1.05}.web-node small{font-size:.52rem;color:#8493af;margin-top:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.explore{max-width:1440px;margin:auto;padding:70px 48px 100px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.section-head h2{font:600 clamp(2.6rem,5vw,5.6rem)/1 Georgia,serif;margin:9px 0}.section-head p{color:#9faabd;max-width:420px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 32px}.filter{border:1px solid rgba(255,255,255,.13);background:#0d1220;color:#b7c1d2;border-radius:999px;padding:10px 16px;cursor:pointer}.filter.active,.filter:hover{background:#201627;color:#fff;border-color:rgba(255,116,40,.55)}
.site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.site-card{position:relative;min-height:280px;padding:22px;border-radius:26px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(155deg,rgba(19,25,43,.94),rgba(8,12,21,.96));overflow:hidden;transition:.25s;display:grid;grid-template-columns:112px 1fr;gap:20px;align-items:start}.site-card:before{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,116,40,.12),transparent 70%);right:-35px;top:-45px;pointer-events:none}.site-card:hover{transform:translateY(-4px);border-color:rgba(255,116,40,.45)}
.card-logo{width:112px;height:112px;border-radius:24px;background:#090d16;border:1px solid rgba(255,255,255,.12);display:grid;place-items:center;overflow:hidden;position:relative;z-index:1}.card-logo img{width:100%;height:100%;object-fit:contain}.card-copy{position:relative;z-index:1;min-width:0}.kind{font-size:.58rem;letter-spacing:.13em;color:var(--orange);font-weight:800;line-height:1.5}.site-card h3{font-family:Georgia,serif;font-size:1.55rem;margin:13px 0 4px}.domain{color:#7586a7;font-size:.82rem}.site-card p{color:#aab4c8;line-height:1.55;min-height:58px}.visit{display:inline-flex;margin-top:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,116,40,.45);color:#fff;text-decoration:none;background:rgba(255,116,40,.09)}.visit:hover{background:var(--orange);color:#111}
footer{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.08);padding:26px 48px;display:flex;justify-content:space-between;color:#7f8aa0;font-size:.84rem}footer a{color:#d8dce4}
@media(max-width:1180px){.site-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){.hero{grid-template-columns:1fr;padding-top:40px}.intro{text-align:center}.intro p{margin-left:auto;margin-right:auto}.stats{justify-content:center}.constellation{min-height:520px}}
@media(max-width:680px){.topbar{padding:0 16px;grid-template-columns:1fr auto}.top-actions{display:none}.hero,.explore{padding-left:18px;padding-right:18px}.intro h1{font-size:3.15rem}.constellation{min-height:430px}.web-node{width:82px;min-height:82px;border-radius:20px;padding:5px}.node-logo{width:48px;height:48px;border-radius:15px}.web-node b{font-size:.55rem;margin-top:4px}.web-node small{display:none}.core{width:116px;height:116px;padding:10px}.core img{height:70px}.site-grid{grid-template-columns:1fr}.site-card{grid-template-columns:88px 1fr;gap:14px;min-height:0}.card-logo{width:88px;height:88px;border-radius:20px}.site-card h3{font-size:1.3rem}.section-head{display:block}footer{padding:22px 18px;display:block}footer a{display:block;margin-top:8px}}