:root{--bg:#0e0d1d;--panel:#17152c;--text:#f6f3ff;--muted:#a9a5bf;--violet:#b7a5ff;--cyan:#70e1f1}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 Inter,system-ui,sans-serif;background-image:radial-gradient(circle at 70% 0,#2a235a 0,transparent 32%)}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}header{padding:24px 0}.bar{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:10px;align-items:center;font-weight:750}.brand img{width:30px}.nav{display:flex;gap:28px;align-items:center;color:var(--muted)}.button{border:1px solid #ffffff26;padding:10px 18px;border-radius:99px;color:white}.button.hot{background:var(--violet);border:0;color:#17132d;font-weight:800}.menu{display:none;color:white;background:none;border:0;font-size:24px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding:90px 0 110px}.hero h1{font-size:clamp(49px,6.5vw,84px);line-height:.98;letter-spacing:-.06em;margin:0}.hero h1 span{color:var(--violet)}.hero p{font-size:19px;color:var(--muted);max-width:600px}.actions{display:flex;gap:12px;margin-top:30px}.globe{aspect-ratio:1;border:1px solid #b7a5ff55;border-radius:50%;position:relative;background:radial-gradient(circle,#332c62,transparent 60%),repeating-radial-gradient(circle,#ffffff10 0 1px,transparent 2px 25px)}.orbit{position:absolute;inset:18%;border:1px solid var(--cyan);border-radius:50%;transform:rotate(36deg)}.node{position:absolute;width:13px;height:13px;background:var(--cyan);border-radius:50%;box-shadow:0 0 20px var(--cyan)}.n1{top:11%;left:48%}.n2{top:65%;left:8%}.n3{right:8%;top:55%}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ffffff18;border-radius:18px;overflow:hidden}.metric{padding:27px;border-right:1px solid #ffffff18}.metric b{display:block;font-size:30px}.metric span{color:var(--muted)}.section{padding:95px 0}.section h2{font-size:46px;letter-spacing:-.04em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--panel);border:1px solid #ffffff10;border-radius:16px;padding:28px}.card i{font-style:normal;color:var(--cyan)}.code{background:#090913;border:1px solid #ffffff14;border-radius:18px;overflow:hidden}.tabs{display:flex;border-bottom:1px solid #ffffff14}.tabs button{background:none;border:0;color:var(--muted);padding:14px 20px}.tabs .active{color:var(--cyan);background:#70e1f10c}.code pre{padding:30px;white-space:pre-wrap;color:#dad6ed}.page{min-height:68vh;padding:70px 0}.page h1{font-size:56px}.prose{max-width:760px;color:var(--muted)}.prose h2{color:white;margin-top:40px}footer{border-top:1px solid #ffffff18;padding:35px 0;color:var(--muted)}footer .bar{flex-wrap:wrap;gap:18px}.links{display:flex;gap:24px}@media(max-width:760px){.nav{display:none}.menu{display:block}.nav-open .nav{display:flex;position:absolute;top:72px;left:20px;right:20px;padding:24px;background:var(--panel);flex-direction:column;border-radius:14px;z-index:5}.hero{grid-template-columns:1fr;padding-top:55px}.globe{max-width:430px}.metrics,.cards{grid-template-columns:1fr 1fr}.metric{border-bottom:1px solid #ffffff18}}@media(max-width:480px){.metrics,.cards{grid-template-columns:1fr}}