:root{color-scheme:dark;--bg:#090d19;--text:#f3f6fc;--muted:#a0acc1;--accent:#8af1cf}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 42%,#14283b70,transparent 48%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{max-width:1280px;margin:auto;padding:0 56px;min-height:100svh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}header{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff13}.brand{font-size:27px;font-weight:750;letter-spacing:-1.3px}.brand-divider{color:#566078;font-weight:300;margin:0 15px}.brand-product{font-weight:450;color:var(--accent)}.header-label{font-size:10px;letter-spacing:2.8px;color:var(--muted)}main{display:grid;grid-template-columns:1.13fr 1fr;align-items:center;gap:24px;padding:68px 0 72px;flex:1}.status{display:inline-flex;align-items:center;gap:10px;border:1px solid #8af1cf35;background:#8af1cf09;border-radius:100px;padding:9px 14px;color:var(--accent);font-size:10px;font-weight:650;letter-spacing:2px}.status span{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #8af1cf55}.eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--muted);margin:32px 0 16px}h1{font-size:clamp(40px,5.2vw,68px);line-height:1.04;letter-spacing:-2.8px;font-weight:650;margin:0}h1 span{color:var(--accent)}.description{max-width:445px;color:var(--muted);font-size:16px;line-height:1.8;margin:25px 0}.note{display:flex;gap:15px;align-items:center;margin:29px 0}.note-line{height:36px;width:2px;background:linear-gradient(var(--accent),#8af1cf11)}.note p{font-size:12px;line-height:1.85;color:var(--muted);margin:0}.note strong{font-weight:500;color:#dce4f2}.home-link{display:inline-flex;gap:32px;align-items:center;background:#8af1cf;color:#10241e;border:1px solid #8af1cf;border-radius:8px;font-size:13px;font-weight:650;padding:14px 18px;transition:background .15s}.home-link:hover{background:#b5ffe5}.visual{position:relative;aspect-ratio:1;width:100%;max-width:480px;justify-self:end;background:radial-gradient(circle,#8af1cf09,transparent 62%)}.orbit{border:1px solid #7f9bb919;border-radius:50%;position:absolute;inset:10%}.orbit-two{inset:25%;border-style:dashed;transform:rotate(20deg)}.connections{position:absolute;inset:0;width:100%;height:100%}.hub{position:absolute;inset:35%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #8af1cf55;border-radius:24px;background:linear-gradient(135deg,#1b3541,#101e2c);box-shadow:0 0 70px #8af1cf10,0 15px 40px #0005}.hub svg{width:48%;fill:none;stroke:var(--accent);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.hub span{font-size:12px;color:#d2efe6;letter-spacing:1px;margin-top:5px}.node{position:absolute;width:30%;border:1px solid #7796b232;border-radius:12px;background:#111c2b;padding:13px;font-size:11px;color:#dae4f3;box-shadow:0 8px 20px #0002}.node span{display:block;color:#7e96b5;font-size:9px;letter-spacing:1px;margin-bottom:7px}.node-a{top:17%;left:6%}.node-b{top:17%;right:6%}.node-c{bottom:17%;left:6%}.node-d{bottom:17%;right:6%}.visual-caption{position:absolute;bottom:0;text-align:center;width:100%;color:#7d92ad;font-size:9px;letter-spacing:3px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0;border-top:1px solid #ffffff13;color:#91a0b8;font-size:11px}footer a:hover{color:var(--accent)}@media(min-width:1500px){main{padding:85px 0}}@media(max-width:800px){.shell{padding:0 28px}header{height:84px}main{gap:10px;padding:48px 0}h1{font-size:48px}.description{font-size:14px}.node{padding:9px;font-size:9px}.hub{border-radius:17px}.hub span{font-size:9px}}@media(max-width:620px){.shell{padding:0 24px}.header-label{font-size:8px;letter-spacing:1.4px}main{grid-template-columns:1fr;gap:34px;padding:36px 0 38px}h1{font-size:clamp(38px,11.6vw,58px);letter-spacing:-2px}.eyebrow{font-size:8px;letter-spacing:1.7px;margin-top:26px}.description{max-width:400px;font-size:15px}.visual{max-width:360px;justify-self:center}.node{font-size:10px;padding:12px}.hub span{font-size:11px}.note{margin:23px 0}footer{flex-wrap:wrap;gap:12px;font-size:10px}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
