*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:#0e1121;color:#f3f2ff;font:15px/1.65 system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}aside{position:fixed;inset:0 auto 0 0;width:245px;background:#121628;border-right:1px solid #272b44;padding:30px 20px;display:flex;flex-direction:column;z-index:3}.brand{font-size:25px;font-weight:800;letter-spacing:-1px}.brand>span{font-size:38px;color:#c49bff;vertical-align:middle}.brand small{display:block;margin-left:44px;color:#7c83a7;letter-spacing:3px;font-size:8px}nav{display:grid;gap:7px;margin-top:40px}nav>a{padding:12px 15px;border-radius:9px;color:#abb0cc;font-size:13px}nav>a:hover,nav>a.active{background:#26243e;color:#dfcaff}nav .label{margin:24px 15px 8px}.label{font-size:10px;letter-spacing:1.8px;color:#9296b7;font-weight:650}.community{margin-top:auto;padding:20px 6px 0;border-top:1px solid #2b2d48}.community h3{font-size:16px;line-height:1.4}.community p{font-size:12px;color:#9198ba}.button{display:inline-flex;justify-content:center;align-items:center;background:linear-gradient(110deg,#9263ed,#cb67b2);padding:13px 23px;border-radius:8px;font-size:13px;font-weight:700;color:white;box-shadow:0 6px 24px #8d5ee322;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 32px #ac69d34a}.community .button{width:100%;margin-top:10px}main{margin-left:245px;max-width:1600px;padding:0 48px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #272b43;padding:25px 0;font-size:11px;color:#9298b5}header>span{letter-spacing:2px;font-size:9px}header a{color:#c8aff6}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:75px 0 65px}.hero h1{font-size:clamp(42px,4vw,68px);line-height:1.08;letter-spacing:-2.5px;margin:22px 0}em{font-style:normal;background:linear-gradient(90deg,#b394ff,#e688bd);background-clip:text;color:transparent}.hero p{color:#a4a9c4;font-size:15px;line-height:1.8;max-width:470px}.badge{font-size:9px;letter-spacing:1.5px;color:#d1b4ff;background:#a576ff15;border:1px solid #a576ff44;border-radius:20px;padding:7px 12px}.actions{display:flex;gap:20px;align-items:center;margin:27px 0 17px}.secondary{font-size:12px;color:#b2b5cc}.hero-copy>small{font-size:10px;color:#6f789c}.visual{position:relative;padding:50px 12px;perspective:900px}.orbit{position:absolute;inset:0;background:radial-gradient(ellipse,#8e54dc26,transparent 68%);border:1px solid #b38bf01a;border-radius:50%;transform:rotate(-25deg)}.server{position:relative;transform:rotateY(8deg) rotate(-5deg);border:1px solid #665183;border-radius:16px;background:linear-gradient(135deg,#2b2846,#191d35);padding:22px;box-shadow:0 35px 65px #0005;animation:float 7s ease-in-out infinite}.server-head{display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#a99ac8;padding-bottom:22px}.server-head i{height:6px;width:6px;border-radius:50%;background:#85e0bc;box-shadow:0 0 12px #85e0bc}.rack{border:1px solid #514867;background:#25243d;border-radius:9px;padding:17px 13px;display:flex;align-items:center;gap:15px;margin-bottom:12px}.rack>span{font-size:25px;color:#c4a0ff}.rack div{display:grid}.rack b{font-size:13px}.rack small{font-size:7px;letter-spacing:1.5px;color:#9690b0;margin-top:4px}.rack em{margin-left:auto;color:#85e0bc;font-size:8px}.terminal{font:10px/2 monospace;background:#12152a;border-radius:8px;padding:14px;color:#afb3d0;margin-top:20px}.terminal>span:first-child{color:#c5a0ff}.cursor{animation:blink 1.2s infinite}.float{position:relative;margin:25px 0 -30px 35px;display:inline-block;background:#302640;border:1px solid #6b4b77;padding:11px 17px;border-radius:8px;color:#dcb5da;font-size:10px}.strip{display:grid;grid-template-columns:repeat(4,1fr);background:#171b30;border:1px solid #2d304a;border-radius:12px;padding:23px 0}.strip>span{text-align:center;border-right:1px solid #30344f;font-size:24px;font-weight:700;letter-spacing:-.7px}.strip>span:last-child{border:0}.strip small{display:block;font-size:8px;letter-spacing:1.5px;color:#9298ba;font-weight:500;margin-top:3px}section{scroll-margin-top:30px}main>section:not(.hero){padding-top:80px}.section-title{margin-bottom:30px}h2{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:12px 0}p{color:#9da4c2}.section-title p{font-size:13px}.products{display:grid;grid-template-columns:1fr 1fr;gap:22px}.products article,.features article{padding:28px;border:1px solid #34334f;background:linear-gradient(130deg,#20223a,#191d30);border-radius:12px;transition:transform .25s,border-color .25s}.products article:hover{transform:translateY(-5px);border-color:#9f77d2}.product-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#8555d7;color:white;font-size:28px;margin-bottom:25px}.product-icon.blue{background:#348dca}.products h3{font-size:25px;letter-spacing:-.7px;margin:12px 0}.products p{font-size:13px;line-height:1.9}.tags{color:#b8a5d7;font-size:10px;word-spacing:10px;margin:24px 0}.tags span{word-spacing:0}.products article>a{display:block;border-top:1px solid #38364e;padding-top:20px;color:#d2b4ff;font-size:12px}.plan{border:1px solid #695087;background:radial-gradient(ellipse at 0 0,#78439b24,transparent),#1b1c33;display:grid;grid-template-columns:1fr 1.4fr;padding:36px;border-radius:15px;gap:40px}.plan h3{font-size:27px;margin:22px 0 13px}.plan strong{font-size:60px;line-height:1.2;letter-spacing:-2px}.plan strong small{font-size:12px;letter-spacing:0;color:#b0a0c2}.plan p{font-size:12px}.plan .button{margin-top:15px}.plan ul{list-style:none;margin:0;padding:0}.plan li{padding:13px 0;border-bottom:1px solid #39344c;display:grid;gap:4px}.plan li:last-child{border:0}.plan li b{font-size:14px}.plan li span{font-size:11px;color:#9297b5}.features,.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.features article{padding:22px}.features article>span{font-size:23px;color:#ba95f0}.features h3,.steps h3{font-size:16px}.features p,.steps p{font-size:12px;line-height:1.8}.steps article{border-top:1px solid #3c3857;padding:22px 0}.steps b{font-size:26px;color:#aa7edc}.cta{margin:50px 0;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#28213f,#201b33);border:1px solid #493758;border-radius:14px;padding:35px!important}footer{border-top:1px solid #2b2d44;padding:30px 0;display:flex;gap:20px;flex-wrap:wrap;align-items:center;font-size:11px;color:#9298b9}footer b{font-size:20px;color:#d4bcfb}footer small{width:100%;font-size:9px}a:focus-visible{outline:2px solid #d3b1ff;outline-offset:5px}@keyframes float{50%{transform:rotateY(8deg) rotate(-3deg) translateY(-9px)}}@keyframes blink{50%{opacity:0}}@media(max-width:1100px){aside{width:210px}main{margin-left:210px;padding:0 30px}.hero{gap:25px}.hero h1{font-size:44px}.actions{flex-wrap:wrap}.features{grid-template-columns:1fr}.visual{padding:25px 0}}@media(max-width:760px){aside{position:relative;width:100%;padding:18px 22px;border-bottom:1px solid #292d47}.brand{font-size:22px}.brand small,.community{display:none}nav{margin-top:15px;display:flex;flex-wrap:wrap;gap:4px}nav .label{display:none}nav a{padding:8px;font-size:11px}main{margin:0;padding:0 24px}header{padding:18px 0}.hero{grid-template-columns:1fr;padding:40px 0;gap:25px}.hero-copy{grid-row:1}.hero h1{font-size:52px}.hero p{font-size:14px}.visual{max-width:420px;width:100%;margin:auto;padding:20px 10px 40px}.strip{grid-template-columns:1fr 1fr;gap:22px}.strip>span:nth-child(2){border:0}.products,.plan,.steps{grid-template-columns:1fr}.plan{padding:28px;gap:20px}main>section:not(.hero){padding-top:55px}.cta{display:block}.cta .button{margin-top:15px}h2{font-size:28px}.products article{padding:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
aside{overflow-y:auto}.visual{overflow:hidden} @media(max-width:760px){.visual{padding-top:35px}}