@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#070c16;--panel:#101827;--line:#27364c;--cyan:#00d9ff;--muted:#91a1b6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f5f8ff;font:14px Inter,Arial,sans-serif}a{text-decoration:none;color:inherit}.wrap{width:min(1190px,calc(100% - 60px));margin:auto}.topline{height:34px;background:#070e1b;border-bottom:1px solid #19283b;display:flex;justify-content:space-between;padding:0 max(30px,calc((100% - 1190px)/2));align-items:center;font-size:10px;letter-spacing:2px;color:#8da1bb}.online{color:#6ee8b2}.online i,.server-pill i,.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#35e9a1;box-shadow:0 0 12px #35e9a1;margin-right:7px}.header{height:82px;display:flex;align-items:center;gap:30px;padding:0 max(30px,calc((100% - 1190px)/2));background:#0a1220;border-bottom:1px solid #1b2d43}.brand{display:flex;align-items:center;gap:12px;min-width:245px}.brand img{max-width:82px;max-height:59px;object-fit:contain}.brandmark{font:900 43px 'Barlow Condensed';letter-spacing:-4px;color:white}.brandmark span{font-size:16px;vertical-align:top;color:var(--cyan);letter-spacing:0}.brandtext{font:800 18px 'Barlow Condensed';letter-spacing:2px}.brandtext small{display:block;color:#68839f;font:9px Inter;letter-spacing:2px;margin-top:4px}.nav{display:flex;gap:27px;margin-left:auto;align-items:center}.nav a{font-size:11px;font-weight:800;letter-spacing:.7px;color:#b4c0d0;white-space:nowrap}.nav a:hover{color:var(--cyan)}.headbtn{background:#02c9ed;color:#06111d;padding:14px 18px;font-size:11px;font-weight:800;white-space:nowrap}.headbtn b{margin-left:12px}.hamburger{display:none}.hero{position:relative;min-height:575px;display:flex;align-items:center;background:radial-gradient(ellipse at 85% 48%,#153f5c 0%,#0d1a30 35%,#060b15 73%);background-size:cover;background-position:center;overflow:hidden;border-bottom:1px solid #23344c}.hero:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 4px,#0002 5px);pointer-events:none}.hero-glow{position:absolute;width:530px;height:530px;right:5%;top:0;border:1px solid #30c5ff2b;border-radius:50%;box-shadow:0 0 100px #0066ab30,inset 0 0 100px #00b7ff16}.hero-glow:before,.hero-glow:after{content:'';position:absolute;border:1px solid #20c5fa2d;border-radius:50%;inset:65px}.hero-glow:after{inset:125px;border-style:dashed;transform:rotate(30deg)}.hero-content{position:relative;z-index:1;padding:70px 0}.eyebrow{display:inline-block;padding:12px 15px;border:1px solid #1b5367;background:#062b3c77;color:#8deaff;font-size:10px;letter-spacing:2px;font-weight:700}.hero-kicker{font:700 15px 'Barlow Condensed';letter-spacing:6px;color:#64d9f4;margin:29px 0 10px}.hero h1{font:900 clamp(65px,8.5vw,122px)/.88 'Barlow Condensed';letter-spacing:1px;margin:0;max-width:820px;text-shadow:0 10px 35px #000}.hero h1 span{display:block;color:var(--cyan);font-size:.52em;letter-spacing:5px;margin-top:15px}.hero p{color:#b5c3d2;font-size:15px;line-height:1.9;max-width:520px;margin:25px 0 30px}.hero-actions,.download-actions{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:49px;padding:0 23px;font-size:11px;font-weight:800;letter-spacing:1px;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:#00c8ef;color:#04131f;box-shadow:0 0 30px #00d7ff22}.outline{border:1px solid #4b6981;color:#d6e8f8;background:#0d1c2b88}.hero-foot{display:flex;gap:27px;margin-top:65px;color:#68879c;font-size:10px;letter-spacing:1.4px}.hero-side{position:absolute;right:5%;bottom:35px;font:700 22px 'Barlow Condensed';color:var(--cyan)}.hero-side span{color:#66788d;font-size:13px}.stats{padding-top:80px;padding-bottom:75px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.mini-title{color:var(--cyan);font-size:11px;letter-spacing:3px;font-weight:800;margin-bottom:13px}.section-heading h2,.download-section h2,.community h2{font:800 42px 'Barlow Condensed';letter-spacing:1px;margin:0}.section-heading h2 em{font-style:normal;color:var(--cyan)}.server-pill{padding:12px 17px;background:#102d2c;color:#6cf0bb;border:1px solid #225b4c;font-size:10px;letter-spacing:2px;font-weight:800}.stats-grid{display:grid;grid-template-columns:1.55fr repeat(4,1fr);gap:12px}.stat{min-height:172px;padding:23px 20px;background:linear-gradient(145deg,#121f30,#0c1422);border:1px solid #26354a}.stat.featured{border-color:#168ba7;background:linear-gradient(145deg,#10384b,#0b1929)}.stat-icon{color:#00c9ef;font-size:24px;margin-bottom:21px}.stat-label{color:#8195aa;font-size:10px;font-weight:800;letter-spacing:1.2px}.stat-value{font:800 27px 'Barlow Condensed';margin-top:9px;white-space:normal}.stat-note{color:#6f9bae;font-size:10px;margin-top:7px}.server-bottom{display:flex;gap:35px;border:1px solid #26354a;border-top:0;padding:18px 22px;color:#7d93aa;font-size:10px;letter-spacing:1px;flex-wrap:wrap}.server-bottom strong{color:#dce9f5}.download-section{background:linear-gradient(110deg,#0c2638,#0b1525 65%,#08101d);border-block:1px solid #244157;overflow:hidden}.download-layout{min-height:385px;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:30px}.download-section h2{font-size:43px;max-width:620px}.download-section p,.community p{color:#9bacc0;line-height:1.9;max-width:500px}.download-actions{margin-top:25px}.guide{display:inline-block;color:#56d6ef;font-size:12px;margin-top:22px}.download-art{position:relative;height:350px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #1ca5d05c;width:310px;height:310px;border-radius:50%;box-shadow:0 0 45px #0093db20}.orbit.two{width:240px;height:240px;border-style:dashed;transform:rotate(30deg)}.center-symbol{font:900 100px 'Barlow Condensed';letter-spacing:-9px;color:#c4f4ff;text-shadow:0 0 25px #00bfff,0 0 85px #00bfff}.orbit-label{position:absolute;bottom:8px;color:#56bbd3;font-size:10px;letter-spacing:4px}.community{text-align:center;padding-top:90px;padding-bottom:95px}.community p{margin:15px auto 25px}footer{background:#070d17;border-top:1px solid #26364a}.foot-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:90px;color:#7b8da5;font-size:10px;letter-spacing:1px}.foot-inner strong{font:800 20px 'Barlow Condensed';color:white}.foot-inner a{color:#4b8097}@media(max-width:1080px){.nav{gap:12px}.brand{min-width:180px}.stats-grid{grid-template-columns:repeat(3,1fr)}.stat.featured{grid-column:span 2}}@media(max-width:760px){.wrap{width:calc(100% - 32px)}.topline{padding:0 16px;font-size:8px;letter-spacing:.6px}.header{padding:0 16px;height:70px;gap:12px}.brand{min-width:0;margin-right:auto}.brandtext{font-size:15px}.hamburger{display:block;background:transparent;border:1px solid #38506a;color:white;font-size:21px;padding:6px 12px}.nav{display:none;position:absolute;z-index:5;left:0;right:0;top:104px;background:#101c2c;padding:20px;flex-direction:column;align-items:stretch}.nav.show{display:flex}.headbtn{padding:11px;font-size:10px}.hero{min-height:520px}.hero-content{padding:60px 0}.hero h1{font-size:68px}.hero h1 span{font-size:.47em;letter-spacing:2px}.hero-foot{margin-top:45px;flex-direction:column;gap:10px}.stats{padding-top:55px}.section-heading h2{font-size:34px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat.featured{grid-column:span 2}.stat{min-height:150px}.download-layout{grid-template-columns:1fr;padding-top:55px}.download-art{height:250px}.orbit{width:220px;height:220px}.orbit.two{width:160px;height:160px}.download-section h2{font-size:34px}.foot-inner{flex-wrap:wrap;padding:25px 0}}
/* V2 — Obsidian / Electric Ice */
:root{--bg:#050810;--panel:#0c1423;--line:#273c56;--cyan:#67e8f9;--muted:#a3b4c9}
body{background:radial-gradient(ellipse at 80% 12%,#10223c 0%,transparent 38%),#050810;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.14;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='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.15' filter='url(%23n)'/%3E%3C/svg%3E")}
.topline{background:#050b15}.header{position:sticky;top:0;z-index:20;background:#08101deb;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 12px 40px #0004;transition:box-shadow .3s}
.header.scrolled{box-shadow:0 15px 60px #0009;border-bottom-color:#4ac8e45c}
.nav a{position:relative;padding:13px 0;transition:color .25s,text-shadow .25s}.nav a:after{content:"";position:absolute;bottom:4px;left:50%;right:50%;height:2px;background:var(--cyan);box-shadow:0 0 14px var(--cyan);transition:left .3s,right .3s}.nav a:hover{color:white;text-shadow:0 0 18px #7bdcf999}.nav a:hover:after{left:0;right:0}
.headbtn,.btn.primary{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(120deg,#a1f4ff,#27b5ec);border:1px solid #c7fbff70;box-shadow:0 8px 28px #00b5ff25, inset 0 1px #fff7;transition:transform .3s,box-shadow .3s,filter .3s}
.headbtn:before,.btn.primary:before{content:"";position:absolute;inset:-100% auto -100% -70%;width:45%;background:linear-gradient(90deg,transparent,#fff9,transparent);transform:rotate(25deg);transition:left .65s;z-index:-1}.headbtn:hover:before,.btn.primary:hover:before{left:135%}.headbtn:hover,.btn.primary:hover{transform:translateY(-4px);box-shadow:0 15px 44px #22c6ff55;filter:saturate(1.12)}
.btn.outline{position:relative;overflow:hidden;border-color:#4b7795;background:linear-gradient(135deg,#172b3f88,#07101caa);transition:transform .3s,border-color .3s,box-shadow .3s,color .3s}.btn.outline:hover{transform:translateY(-4px);border-color:#7fe9ff;color:white;box-shadow:inset 0 0 25px #2fd5ff15,0 12px 35px #0008}
.hero{min-height:635px;background-color:#08111f;background-blend-mode:normal;background-position:center;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,#050810 0%,transparent 30%),radial-gradient(circle at 73% 48%,transparent 10%,#05081080 70%);pointer-events:none}.hero:after{opacity:.22;animation:scanlines 18s linear infinite}.hero-content{padding-top:105px;padding-bottom:100px}.hero h1{letter-spacing:2px;filter:drop-shadow(0 8px 28px #000b)}.hero h1 span{background:linear-gradient(90deg,#a4f6ff,#24b9f6 65%,#a6baff);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 18px #36cfff44)}.hero-kicker{color:#a4e9ff}.eyebrow{background:#0a2c4099;box-shadow:0 0 28px #03b9f412;backdrop-filter:blur(8px)}.hero-glow{right:8%;top:7%;width:500px;height:500px;animation:orbBreath 7s ease-in-out infinite;opacity:.75}.hero-glow:after{animation:orbitSpin 32s linear infinite}.hero-side{letter-spacing:3px}.hero-foot span{transition:color .3s}.hero-foot span:hover{color:#a4f6ff}
.stats{padding-top:105px;padding-bottom:100px}.section-heading h2,.download-section h2,.community h2{letter-spacing:1.8px}.stat{position:relative;overflow:hidden;border-color:#283b53;background:linear-gradient(150deg,#142239,#0a111f 75%);border-radius:3px;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .4s,box-shadow .4s,background .4s}.stat:before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#77ebff,transparent);transform:scaleX(0);transition:transform .4s}.stat:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-120px;bottom:-130px;background:#00d5ff1c;filter:blur(35px);transition:transform .5s}.stat:hover{transform:translateY(-9px);border-color:#58c8ed99;box-shadow:0 20px 50px #0009,0 0 35px #19baf51a;background:linear-gradient(150deg,#193451,#0b1424 75%)}.stat:hover:before{transform:scaleX(1)}.stat:hover:after{transform:translate(-40px,-40px)}.stat-icon{transition:transform .4s,color .4s}.stat:hover .stat-icon{transform:scale(1.25) rotate(-8deg);color:#b2f8ff}.stat.featured{background:linear-gradient(140deg,#133b54,#0a1929)}.server-pill i,.online i{animation:statusPulse 2.5s ease-in-out infinite}
.download-section{position:relative;background:linear-gradient(115deg,#102b40,#091522 62%,#07101c)}.download-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0,transparent 79px,#4bb8d308 80px)}.download-layout{min-height:445px}.download-art{perspective:800px}.orbit.one{animation:orbitSpin 25s linear infinite;border-style:dotted}.orbit.two{animation:orbitSpin 17s linear infinite reverse}.center-symbol{animation:logoFloat 5s ease-in-out infinite}.guide{transition:color .25s,letter-spacing .25s}.guide:hover{color:#c1f7ff;letter-spacing:.6px}.community{padding-top:120px;padding-bottom:125px;background:radial-gradient(ellipse at center,#0d2132 0%,transparent 60%)}
.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.in-view{opacity:1;transform:translateY(0)}.stats-grid .stat:nth-child(2){transition-delay:.07s}.stats-grid .stat:nth-child(3){transition-delay:.14s}.stats-grid .stat:nth-child(4){transition-delay:.21s}.stats-grid .stat:nth-child(5){transition-delay:.28s}
@keyframes orbBreath{0%,100%{transform:scale(.94);opacity:.55}50%{transform:scale(1.06);opacity:.85}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes statusPulse{0%,100%{box-shadow:0 0 5px #35e9a1;opacity:1}50%{box-shadow:0 0 20px #35e9a1;opacity:.6}}@keyframes scanlines{to{background-position:0 140px}}
@media(max-width:760px){.hero{min-height:570px}.hero-content{padding-top:75px;padding-bottom:70px}.hero-glow{right:-200px;opacity:.25}.stats{padding-top:65px;padding-bottom:65px}.stat:hover{transform:translateY(-4px)}.community{padding-top:80px;padding-bottom:85px}.nav{top:70px;box-shadow:0 30px 50px #000a}.nav a{padding:10px 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* V3 — luminous perimeter, no hover displacement */
@property --ring-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
:root{--cyan:#53dcff;--ring-speed:2.8s}
body{font-family:"Be Vietnam Pro","Noto Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.stat,.btn,.headbtn,.panel,.eyebrow,.server-pill{position:relative;isolation:isolate}
.stat{overflow:visible;transform:none!important;transition:background .45s ease,box-shadow .45s ease,border-color .45s ease!important}
.stat::before,.stat::after{content:none!important}
.stat:hover{transform:none!important;border-color:#37536a!important;box-shadow:inset 0 0 32px #32b9ef13,0 0 24px #16aef31b!important;background:linear-gradient(145deg,#142b3c,#0a1422)!important}
.stat-icon,.stat:hover .stat-icon{transform:none!important;transition:color .4s ease,text-shadow .4s ease!important}
.stat:hover .stat-icon{color:#c5f7ff;text-shadow:0 0 18px #54dfff77}
.stat,.btn,.headbtn{border-radius:8px}
/* Rotating light segment traces the complete outer border; content remains stationary */
.stat::marker{content:""}
.stats-grid .stat{--ring-angle:0deg}
.stats-grid .stat > *{position:relative;z-index:1}
.stats-grid .stat{background-clip:padding-box}
.stats-grid .stat:hover{animation:none}
.stats-grid .stat:focus-within{outline:2px solid #8befff;outline-offset:3px}
/* Dedicated overlay is inserted as first child to avoid collision with V2 pseudos */
.perimeter-ring{position:absolute!important;z-index:0!important;inset:-2px;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .45s ease;overflow:hidden;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;padding:2px;background:conic-gradient(from var(--ring-angle),transparent 0deg,transparent 255deg,#167a9b 294deg,#91f5ff 324deg,#ffffff 336deg,#56caff 349deg,transparent 360deg);animation:ringRun var(--ring-speed) linear infinite;will-change:opacity}
.stat:hover .perimeter-ring,.stat:focus-within .perimeter-ring,.btn:hover .perimeter-ring,.headbtn:hover .perimeter-ring,.panel:hover .perimeter-ring{opacity:1}
@keyframes ringRun{to{--ring-angle:360deg}}
.btn,.headbtn,.btn:hover,.headbtn:hover,.btn.primary:hover,.btn.outline:hover{transform:none!important;filter:none!important;transition:background .35s ease,color .35s ease,box-shadow .4s ease!important}
.btn:hover,.headbtn:hover{box-shadow:0 0 24px #42d9ff36,inset 0 0 20px #9feeff1b!important}
.btn.primary:before,.headbtn:before{display:none!important}
.btn .perimeter-ring,.headbtn .perimeter-ring{z-index:2!important}
.nav a:hover{transform:none!important}
.reveal{transform:translateY(12px);transition:opacity 1.05s cubic-bezier(.2,.7,.2,1),transform 1.05s cubic-bezier(.2,.7,.2,1)}
.hero-glow{animation:orbBreath 10s ease-in-out infinite}.center-symbol{animation:none}
@media(prefers-reduced-motion:reduce){.perimeter-ring{animation:none;background:#7de9ff}.reveal{opacity:1;transform:none}}

/* V4: full unobstructed banner, no overlays, text, hover movement or dark masks */
.hero.hero-banner-only{display:block;position:relative;width:100%;height:auto;min-height:0;aspect-ratio:1920 / 430;background-position:center center;background-size:cover;background-repeat:no-repeat;overflow:hidden;border-bottom:1px solid #23344c;animation:none;transform:none;filter:none}
.hero.hero-banner-only::before,.hero.hero-banner-only::after{content:none!important;display:none!important}
.hero.hero-banner-only:hover{transform:none;filter:none}
@media(max-width:760px){.hero.hero-banner-only{aspect-ratio:1920 / 600;background-position:center center}}

/* V5: display the entire image at its intrinsic aspect ratio, never crop or letterbox */
.hero.hero-banner-image{display:block!important;width:100%;height:auto!important;min-height:0!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;overflow:hidden;background:none!important;border:0!important;line-height:0;animation:none!important;transform:none!important;}
.hero.hero-banner-image img{display:block;width:100%;height:auto;max-width:none;object-fit:contain;object-position:center;margin:0;padding:0;border:0;}
.hero.hero-banner-image::before,.hero.hero-banner-image::after{display:none!important;content:none!important;}
@media(max-width:760px){.hero.hero-banner-image{min-height:0!important;aspect-ratio:auto!important}}