:root{--bg:#020713;--panel:#061124;--panel2:#09182e;--line:rgba(91,140,205,.18);--text:#f6f8ff;--muted:#8796ad;--blue:#118cff;--blue2:#42b5ff;--purple:#7c3cff;--green:#36d47b;--orange:#ff5b20}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-4;background:radial-gradient(circle at 75% 10%,rgba(0,112,255,.13),transparent 27%),radial-gradient(circle at 12% 65%,rgba(91,35,190,.08),transparent 27%)}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.container{width:min(1240px,calc(100% - 48px));margin:auto}a{text-decoration:none;color:inherit}.topbar{position:sticky;top:0;z-index:100;background:rgba(2,7,19,.76);backdrop-filter:blur(20px);border-bottom:1px solid rgba(78,121,181,.14)}.nav{height:76px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:9px;font-weight:900;font-size:21px;letter-spacing:-.9px;white-space:nowrap}.brand img{width:39px;height:39px;border-radius:50%;object-fit:cover}.brand>span>span{color:#1494ff}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:27px;flex:1;height:100%;font-size:13px;color:#b9c4d6}.desktop-nav a{height:100%;display:flex;align-items:center;position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--blue);transform:scaleX(0);transition:.25s}.desktop-nav a:hover,.desktop-nav a.active{color:#fff}.desktop-nav a:hover:after,.desktop-nav a.active:after{transform:scaleX(1)}.panel{padding:11px 17px;border-radius:10px;border:1px solid rgba(17,140,255,.55);background:rgba(9,44,88,.25);box-shadow:0 0 25px rgba(17,140,255,.07);font-size:13px;font-weight:700}.panel span{color:#45adff;margin-left:12px}.hamburger,.mobile-nav{display:none}
.hero{min-height:590px;display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;align-items:center;padding:70px 0 42px}.status-pill{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(63,132,214,.2);background:rgba(10,35,72,.45);border-radius:999px;padding:8px 12px;color:#bac8dc;font-size:10px;font-weight:800;letter-spacing:.8px}.status-pill i{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 14px var(--blue)}.status-pill b{background:rgba(22,142,255,.15);color:#43aaff;border-radius:5px;padding:4px 6px;font-size:8px}.hero h1{font-size:clamp(52px,6vw,78px);line-height:.96;letter-spacing:-4px;margin:23px 0 18px}.hero h1 span{background:linear-gradient(90deg,#1595ff,#54baff);-webkit-background-clip:text;color:transparent}.lead{color:#91a0b7;font-size:16px;line-height:1.7;max-width:570px}.hero-actions{display:flex;gap:12px;margin:28px 0}.button{display:inline-flex;align-items:center;gap:16px;border-radius:10px;padding:14px 19px;font-size:13px;font-weight:800;border:1px solid var(--line);transition:.25s transform,.25s box-shadow}.button:hover{transform:translateY(-3px)}.button.primary{background:linear-gradient(135deg,#087cff,#1467dd);border-color:#1491ff;box-shadow:0 12px 35px rgba(0,120,255,.18)}.button.glass{background:rgba(5,18,38,.6)}.button span{color:#68c2ff}.mini-stats{display:flex;gap:27px}.mini-stats div{display:flex;flex-direction:column}.mini-stats strong{font-size:17px}.mini-stats small{font-size:10px;color:#68778d;margin-top:2px}.hero-right{min-width:0}.hero-image{height:450px;position:relative;overflow:hidden;border:1px solid rgba(58,121,207,.25);border-radius:22px;box-shadow:0 35px 100px rgba(0,30,100,.28),inset 0 0 80px rgba(0,91,255,.08)}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,19,.1),transparent 45%,rgba(2,7,19,.1)),linear-gradient(0deg,rgba(2,7,19,.55),transparent 45%)}.floating-card{position:absolute;background:rgba(3,14,31,.86);backdrop-filter:blur(12px);border:1px solid rgba(94,144,207,.25);box-shadow:0 18px 45px rgba(0,0,0,.3);border-radius:12px;padding:12px;display:flex;align-items:center;gap:10px}.floating-card small{display:block;color:#78879c;font-size:9px;margin-top:3px}.floating-card b{font-size:10px}.uptime-card{left:18px;bottom:18px}.green-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}.node-card{right:18px;top:18px}.node-card strong{font-size:8px;color:var(--green);margin-left:8px}.node-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(16,126,255,.15);color:#43adff}
.marquee-wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(4,15,31,.7);overflow:hidden}.marquee{width:max-content;display:flex;gap:65px;padding:16px 0;color:#728198;font-size:10px;letter-spacing:1.1px;animation:scroll 30s linear infinite}@keyframes scroll{to{transform:translateX(-50%)}}
.section{padding:105px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}.section-heading label,.feature-copy label,.cta label,.contact label{color:#2e9dff;font-size:10px;letter-spacing:1.7px;font-weight:900}.section-heading h2,.feature-copy h2{font-size:46px;line-height:1.02;letter-spacing:-2.7px;margin:11px 0 0}.section-heading h2 span,.feature-copy h2 span,.cta h2 span,.contact h2 span{color:#178fff}.section-heading>p{max-width:400px;color:#77869c;font-size:13px;line-height:1.7;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service{min-height:330px;position:relative;overflow:hidden;padding:27px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(8,24,50,.9),rgba(4,12,26,.92));transition:.3s}.service:hover{transform:translateY(-7px);border-color:rgba(30,145,255,.38);box-shadow:0 25px 65px rgba(0,0,0,.28)}.service:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-120px;bottom:-130px;filter:blur(5px);opacity:.25}.minecraft:before{background:var(--purple)}.discord:before{background:var(--blue)}.rust:before{background:var(--orange)}.service-top{display:flex;justify-content:space-between;align-items:start}.service-icon{width:47px;height:47px;display:grid;place-items:center;border-radius:12px;background:rgba(20,110,255,.1);font-size:21px}.service-top em{font-style:normal;font-size:8px;letter-spacing:1.2px;color:#62b9ff}.service label{display:block;font-size:9px;letter-spacing:1.5px;font-weight:900;margin-top:32px}.minecraft label{color:#a978ff}.discord label{color:#35a4ff}.rust label{color:#ff7442}.service h3{font-size:30px;letter-spacing:-1.2px;margin:8px 0}.service p{color:#7f8da4;font-size:13px;max-width:330px;line-height:1.65}.service-tags{display:flex;gap:7px;margin:18px 0}.service-tags span{font-size:8px;color:#8492a8;border:1px solid rgba(83,125,178,.18);padding:5px 7px;border-radius:5px}.service>a{position:absolute;left:27px;bottom:25px;font-size:11px;font-weight:800}.service>a b{color:#43abff;margin-left:15px}
.feature-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.feature-copy p{color:#7f8da4;font-size:14px;line-height:1.8;max-width:420px}.text-link{display:inline-block;color:#38a7ff;font-size:12px;font-weight:800;margin-top:15px}.text-link b{margin-left:10px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.feature{min-height:190px;padding:24px;border:1px solid var(--line);border-radius:14px;background:rgba(5,17,36,.65);position:relative}.feature i{font-style:normal;font-size:9px;color:#287fc8}.feature-symbol{width:37px;height:37px;border-radius:9px;background:rgba(13,112,224,.11);display:grid;place-items:center;color:#3eafff;margin:14px 0}.feature h3{font-size:16px;margin:0 0 7px}.feature p{color:#75849a;font-size:11px;line-height:1.6;margin:0}
.stats-band{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:linear-gradient(90deg,rgba(7,26,55,.8),rgba(5,16,34,.7));border-radius:15px;overflow:hidden}.stats-band div{padding:25px;border-right:1px solid var(--line);display:flex;flex-direction:column}.stats-band div:last-child{border:0}.stats-band strong{font-size:25px}.stats-band span{font-size:10px;color:#718096;margin-top:4px}
.center{display:block;text-align:center}.center>p{margin:13px auto 0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:36px}.price-card{position:relative;border:1px solid var(--line);background:#061124;border-radius:15px;padding:28px}.price-card.featured{border-color:rgba(20,142,255,.6);box-shadow:0 20px 70px rgba(0,94,255,.12)}.recommended{position:absolute;right:18px;top:18px;background:#0d7ff0;color:#fff;padding:6px 8px;border-radius:5px;font-size:7px;letter-spacing:1px;font-weight:900}.price-name{font-size:9px;color:#3ba7ff;letter-spacing:1.5px;font-weight:900}.price-card h3{font-size:23px;margin:12px 0 6px}.price-card>p{color:#77869c;font-size:11px}.price{font-size:43px;font-weight:900;letter-spacing:-2px;margin:20px 0}.price sup{font-size:16px;vertical-align:top;position:relative;top:7px}.price small{font-size:11px;color:#77869c;letter-spacing:0}.price-card ul{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:10px}.price-card li{font-size:11px;color:#9aa7b9}.price-card li:before{content:"✓";color:#31a2ff;margin-right:8px}.price-card>a{display:block;text-align:center;background:#0c69d9;border-radius:8px;padding:11px;font-size:11px;font-weight:800}.featured>a{background:linear-gradient(135deg,#087fff,#245fe0)}
.cta,.contact{border:1px solid rgba(37,120,215,.3);border-radius:20px;background:radial-gradient(circle at 10% 50%,rgba(0,123,255,.14),transparent 30%),#061124;padding:55px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.cta h2,.contact h2{font-size:45px;line-height:1;letter-spacing:-2.5px;margin:10px 0}.cta p{color:#75849a;font-size:12px}.faq{max-width:900px;margin:35px auto 0;display:grid;gap:9px}.faq details{border:1px solid var(--line);border-radius:11px;background:rgba(5,17,36,.7);padding:19px 22px}.faq summary{list-style:none;cursor:pointer;font-size:13px;font-weight:700}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;color:#36a4ff;font-size:18px}.faq details[open] summary:after{content:"−"}.faq p{font-size:11px;line-height:1.7;color:#77869c;margin:14px 0 0}.contact{margin-bottom:100px}.contact-orb{position:absolute;width:350px;height:350px;border-radius:50%;background:rgba(0,117,255,.12);filter:blur(70px);right:10%;top:-150px}.contact-actions{display:flex;gap:10px;position:relative;z-index:1}footer{border-top:1px solid var(--line);background:#01050d}.footer{padding:35px 0 45px;display:grid;grid-template-columns:1fr auto;gap:20px}.footer p{color:#5f6e83;font-size:11px;margin:8px 0 0}.footer-links{display:flex;gap:24px;align-items:center;color:#75849a;font-size:11px}.footer small{grid-column:1/-1;color:#4c5b70;font-size:9px;margin-top:18px}.reveal{opacity:0;transform:translateY(22px);transition:.7s cubic-bezier(.2,.7,.2,1)}.reveal.show{opacity:1;transform:none}.cursor-glow{position:fixed;width:260px;height:260px;border-radius:50%;background:rgba(16,130,255,.055);filter:blur(50px);pointer-events:none;transform:translate(-50%,-50%);z-index:-1}
@media(max-width:1050px){.desktop-nav{gap:15px}.nav{gap:16px}.hero{grid-template-columns:1fr}.hero-right{max-width:800px;width:100%;margin:auto}.feature-layout{grid-template-columns:1fr}.feature-copy p{max-width:600px}}
@media(max-width:800px){.container{width:calc(100% - 30px)}.desktop-nav,.panel{display:none}.hamburger{display:block;margin-left:auto;border:0;background:rgba(255,255,255,.04);color:#fff;border-radius:8px;padding:9px 11px;font-size:18px}.mobile-nav{position:absolute;top:76px;left:15px;right:15px;background:#061124;border:1px solid var(--line);border-radius:12px;padding:10px;display:none;box-shadow:0 20px 50px rgba(0,0,0,.4)}.mobile-nav.open{display:grid}.mobile-nav a{padding:12px;font-size:12px;color:#bdc8d8;border-bottom:1px solid rgba(255,255,255,.05)}.mobile-nav a:last-child{color:#38a7ff;border:0}.hero{padding-top:45px}.service-grid,.pricing-grid{grid-template-columns:1fr}.stats-band{grid-template-columns:1fr 1fr}.stats-band div:nth-child(2){border-right:0}.stats-band div:nth-child(-n+2){border-bottom:1px solid var(--line)}.cta,.contact{display:block;padding:35px}.contact-actions{margin-top:25px}.section-heading{display:block}.section-heading>p{margin-top:18px}}
@media(max-width:520px){.hero h1{font-size:46px;letter-spacing:-3px}.hero-image{height:300px}.hero-actions,.contact-actions{flex-direction:column}.mini-stats{gap:18px}.mini-stats strong{font-size:15px}.section{padding:75px 0}.section-heading h2,.feature-copy h2{font-size:36px}.feature-grid{grid-template-columns:1fr}.stats-band{grid-template-columns:1fr}.stats-band div{border-right:0!important;border-bottom:1px solid var(--line)}.stats-band div:last-child{border-bottom:0}.cta h2,.contact h2{font-size:36px}.footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.footer small{grid-column:auto}}
