*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070609;color:#f5f1fa;font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font:inherit}.ambient{position:fixed;width:40rem;height:40rem;border-radius:50%;filter:blur(140px);opacity:.11;pointer-events:none;z-index:-1;background:#8b36ff}.a1{top:-16rem;left:-15rem}.a2{right:-20rem;top:45vh}.topbar{position:fixed;z-index:20;top:0;left:0;right:0;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,72px);background:#070609b5;border-bottom:1px solid #ffffff12;backdrop-filter:blur(18px)}.brand{font:700 19px 'Space Grotesk'}.topbar nav{display:flex;gap:30px;font-size:14px;color:#aaa1b5}.topbar nav a:hover{color:#fff}.nav-button{padding:10px 18px;border:1px solid #6f36a5;border-radius:9px;font-size:13px;background:#7430af1f}.section{position:relative}.server{min-height:100vh;display:grid;place-items:center;text-align:center;padding:115px 20px 80px;overflow:hidden}.server:before{content:'';position:absolute;inset:0;background:
radial-gradient(ellipse 520px 310px at 50% 28%,#000 0%,#010102 42%,rgba(5,2,8,.98) 58%,rgba(40,8,62,.72) 77%,transparent 100%),
radial-gradient(ellipse 1100px 620px at 50% 31%,rgba(132,32,205,.30) 0%,rgba(81,18,130,.20) 38%,rgba(38,8,62,.10) 60%,transparent 78%),
linear-gradient(90deg,#050407 0%,#100619 20%,#070309 50%,#100619 80%,#050407 100%);
pointer-events:none}.server-glow{position:absolute;top:65px;left:50%;transform:translateX(-50%);width:min(1350px,100vw);height:560px;border-radius:50%;background:
radial-gradient(ellipse at center,transparent 0%,transparent 30%,rgba(174,66,255,.10) 45%,rgba(126,34,199,.24) 61%,rgba(76,16,121,.10) 72%,transparent 82%);
filter:blur(22px);opacity:1;pointer-events:none}.server:after{content:'';position:absolute;inset:0;background:
linear-gradient(to bottom,rgba(0,0,0,.10) 0%,transparent 22%,transparent 63%,rgba(0,0,0,.58) 100%),
linear-gradient(90deg,rgba(0,0,0,.58) 0%,transparent 24%,transparent 76%,rgba(0,0,0,.58) 100%);
pointer-events:none}
.server-inner{position:relative;z-index:2;max-width:850px}.main-logo{display:block;width:min(720px,90vw);max-height:380px;object-fit:contain;margin:-35px auto 25px;position:relative;z-index:2;filter:
drop-shadow(0 0 7px rgba(220,153,255,.32))
drop-shadow(0 0 22px rgba(173,67,255,.28))
drop-shadow(0 0 65px rgba(109,24,177,.24))}.eyebrow{color:#aa6ce3;font-weight:800;font-size:11px;letter-spacing:.18em;margin:0 0 16px}.server h1,.heading h2,.community h2{font-family:'Space Grotesk';letter-spacing:-.045em}.server h1{font-size:clamp(46px,7vw,82px);line-height:.95;margin:0}.lead{max-width:680px;margin:24px auto;color:#b9b1c0;line-height:1.75;font-size:17px}.server-address{display:inline-flex;align-items:center;gap:12px;padding:8px 9px 8px 16px;margin-top:8px;border:1px solid #32293a;border-radius:12px;background:#110d15d6;font:14px 'Space Grotesk'}.dot{width:7px;height:7px;border-radius:50%;background:#a64dff;box-shadow:0 0 13px #a64dff}.server-address button{border:0;border-radius:7px;padding:9px 12px;background:#241a2d;color:#e8d9f7;cursor:pointer}.actions{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:0 20px;border-radius:9px;font-weight:700;font-size:13px;transition:.2s}.button:hover{transform:translateY(-2px)}.primary{background:#7c35bb;border:1px solid #9950d7;box-shadow:0 8px 30px #722bae2e}.primary:hover{background:#8a3dcc}.secondary{background:#100d13;border:1px solid #312a36;color:#d9d2df}.secondary:hover{border-color:#594565;background:#17121b}.scroll-cue{position:absolute;bottom:28px;width:35px;height:50px;border:1px solid #403448;border-radius:20px;display:grid;place-items:start center;padding-top:10px}.scroll-cue span{width:4px;height:4px;border-radius:50%;background:#a456e7;animation:scroll 1.8s infinite}@keyframes scroll{0%{transform:translateY(0);opacity:0}25%,75%{opacity:1}100%{transform:translateY(17px);opacity:0}}.shell{width:min(1160px,calc(100% - 40px));margin:auto;padding:120px 0}.heading{max-width:730px;margin-bottom:55px}.heading h2,.community h2{font-size:clamp(34px,5vw,56px);line-height:1.05;margin:0 0 20px}.heading>p:last-child,.community-card>p{color:#aaa2b0;line-height:1.75}.about{border-top:1px solid #ffffff0d}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature{min-height:250px;padding:30px;border:1px solid #211c25;border-radius:16px;background:linear-gradient(145deg,#0e0b11,#0a080c)}.feature>b{font:700 12px 'Space Grotesk';color:#8e4bc8}.feature h3{margin:55px 0 12px;font:600 21px 'Space Grotesk'}.feature p{color:#958d9c;line-height:1.65;font-size:14px}.modpack{background:linear-gradient(180deg,#070609,#0c0810 40%,#070609);border-block:1px solid #9746dc1f}.pack-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.pack{padding:30px;border:1px solid #29222e;border-radius:18px;background:#0c090feb;box-shadow:0 30px 70px #0003}.pack.featured{border-color:#5b3477;background:linear-gradient(150deg,#271335b3,#0c090ff2 42%)}.pack-head{display:flex;justify-content:space-between;gap:15px;align-items:start}.pack-head small{font-size:10px;font-weight:800;letter-spacing:.15em;color:#b96df5}.pack-head small.muted{color:#8d8493}.pack h3{font:700 38px 'Space Grotesk';margin:7px 0 0}.pack-head em{font-style:normal;font-size:11px;color:#9c91a4;padding:7px 9px;border:1px solid #2f2734;border-radius:20px}.summary{min-height:70px;color:#aaa1b0;line-height:1.65;font-size:14px;margin:22px 0}.wide{width:100%}details{margin-top:17px;border-top:1px solid #29222e}summary{list-style:none;display:flex;justify-content:space-between;padding:20px 3px 4px;cursor:pointer;font-weight:700;font-size:13px}summary::-webkit-details-marker{display:none}.plus{font-size:22px;color:#a65bdd;font-weight:400;transition:.25s}details[open] .plus{transform:rotate(45deg)}.mods{padding-top:12px}.group{padding:18px 0;border-top:1px solid #211c25}.group:first-child{border:0}.group h4{margin:0 0 12px;color:#bc75ed;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.group p{display:grid;grid-template-columns:minmax(140px,190px) 1fr;gap:18px;margin:9px 0;font-size:12.5px;line-height:1.5}.group strong{color:#e9e3ed}.group span{color:#8e8694}.pack-note{text-align:center;color:#756d7b;font-size:11px;margin-top:20px}.steps{display:grid;gap:10px;max-width:850px}.step{display:flex;gap:24px;align-items:center;padding:22px 24px;border:1px solid #211c25;border-radius:13px;background:#0c0a0e}.step>b{font:700 25px 'Space Grotesk';color:#713ca0;min-width:32px}.step h3{margin:0 0 5px;font-size:15px}.step p{margin:0;color:#928a98;font-size:13px}.copy-inline{padding:0;border:0;background:none;color:#bd78f0;cursor:pointer}.community{padding:40px 20px 120px}.community-card{width:min(900px,100%);margin:auto;padding:70px 30px;text-align:center;border:1px solid #3a2847;border-radius:22px;background:radial-gradient(circle at 50% 0,#7f2dbe2e,transparent 60%),#0c0910}.community-card>p{max-width:610px;margin:0 auto}footer{display:flex;justify-content:space-between;gap:20px;padding:30px clamp(20px,5vw,70px);border-top:1px solid #1e1922;color:#655e6a;font-size:11px}.reveal{opacity:0;transform:translateY(36px) scale(.985);transition:opacity .75s,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.feature-grid .reveal:nth-child(2){transition-delay:.08s}.feature-grid .reveal:nth-child(3){transition-delay:.16s}.pack-grid .reveal:nth-child(2){transition-delay:.1s}#toast{position:fixed;left:50%;bottom:25px;z-index:50;transform:translate(-50%,20px);padding:11px 16px;border:1px solid #493555;border-radius:9px;background:#151019;color:#eaddf1;font-size:12px;opacity:0;transition:.25s}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:800px){.topbar nav,.nav-button{display:none}.main-logo{margin-top:-10px}.feature-grid,.pack-grid{grid-template-columns:1fr}.feature{min-height:200px}.feature h3{margin-top:35px}.shell{padding:90px 0}.summary{min-height:0}.group p{grid-template-columns:1fr;gap:3px}footer{flex-direction:column;text-align:center}.server{padding-top:100px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.scroll-cue span{animation:none}}
.rules-grid{grid-template-columns:repeat(3,1fr)}
.rules .pack-note{max-width:780px;margin:28px auto 0;text-align:center}
@media(max-width:900px){.rules-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.rules-grid{grid-template-columns:1fr}}

/* v5: server features + Voxy download option */
.server-features{margin-top:28px;border:1px solid #34283d;border-radius:14px;background:linear-gradient(145deg,#100c13,#0b090d);overflow:visible}
.server-features>summary{padding:18px 20px;align-items:center}
.server-features .mods{padding:0 20px 12px}
.download-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}
.voxy-option{position:relative;display:flex;align-items:center;gap:9px;min-height:46px;padding:0 14px;border:1px solid #3a2d42;border-radius:9px;background:#100d13;color:#bcb3c2;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;user-select:none}
.voxy-option:hover{border-color:#70468a;background:#151019;color:#e8dff0}
.voxy-option input{position:absolute;opacity:0;pointer-events:none}
.custom-check{width:16px;height:16px;border:1px solid #70468a;border-radius:4px;background:#09070b;display:grid;place-items:center;transition:.18s}
.voxy-option input:checked+.custom-check{background:#7c35bb;border-color:#a45be0;box-shadow:0 0 14px #873cc855}
.voxy-option input:checked+.custom-check:after{content:'✓';font-size:11px;line-height:1;color:#fff}
.tooltip{position:absolute;z-index:30;left:50%;bottom:calc(100% + 11px);width:260px;transform:translate(-50%,7px);padding:10px 12px;border:1px solid #5a3970;border-radius:8px;background:#120d17;color:#d8cce0;font-size:11px;font-weight:500;line-height:1.45;white-space:normal;box-shadow:0 12px 35px #0009,0 0 22px #7c35bb22;opacity:0;visibility:hidden;pointer-events:none;transition:.18s}
.tooltip:after{content:'';position:absolute;top:100%;left:50%;width:8px;height:8px;background:#120d17;border-right:1px solid #5a3970;border-bottom:1px solid #5a3970;transform:translate(-50%,-4px) rotate(45deg)}
.tooltip-wrap:hover .tooltip,.tooltip-wrap:focus-within .tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:800px){.download-row{grid-template-columns:1fr}.voxy-option{justify-content:center}.tooltip{left:50%;width:min(260px,80vw)}}