@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#080e1a;--panel:#101b2b;--line:#25334a;--muted:#a5b3c7;--white:#f7f9ff;--gold:#ffbd45;--cyan:#7bd5ff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0;background:var(--bg);color:var(--white);font:17px/1.6 Barlow,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}a:hover{color:var(--gold)}[hidden]{display:none!important}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}.header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:8px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:26px;font-weight:800;letter-spacing:.5px}.brand>span:last-child{color:var(--gold);margin-left:-7px}.ball{display:grid;place-items:center;border-radius:50%;background:var(--gold);color:#bb4925;width:30px;height:30px;font-size:18px;margin-right:5px}.header nav{display:flex;gap:32px;align-items:center;font-size:15px;font-weight:600}.nav-download{border:1px solid var(--line);padding:9px 17px;border-radius:5px}.nav-download span{margin-left:10px}.hero{position:relative;min-height:590px;border:1px solid #284163;border-radius:12px;overflow:hidden;background:#0a172b}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,13,27,.35),transparent 70%);pointer-events:none}.hero-copy{position:relative;z-index:1;padding:175px 42px 38px;max-width:520px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2.2px;color:var(--cyan);margin:0 0 12px}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:76px;line-height:.96;letter-spacing:-.5px;text-transform:uppercase;margin:0 0 18px;font-weight:800}.hero h1 span{color:var(--gold)}.hero-copy>p:not(.eyebrow){color:#d0dced;font-size:18px;margin:0 0 23px}.button{display:inline-flex;align-items:center;justify-content:center;gap:27px;font-weight:700;font-size:16px;min-height:50px;border-radius:5px;padding:12px 22px;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.primary{color:#14171d;background:var(--gold);box-shadow:0 7px 30px #ffb8291c}.primary:hover{color:#111;background:#ffd071}.hero-copy>small{display:block;margin-top:12px;color:#b2c2d8;font-size:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}h2{font:700 38px/1.1 'Barlow Condensed',Impact,sans-serif;margin:0}h3{margin:0;font-size:21px;line-height:1.35}.server{margin-top:58px}.status{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:700;border:1px solid var(--line);border-radius:30px;white-space:nowrap}.status:before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}.online{color:#83e7ad;background:#143128}.offline{color:#ff9b93;background:#301b25}.unknown{color:#b2bfd2;background:#152134}.server-panel{display:grid;grid-template-columns:38% 62%;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--panel)}.map-preview{margin:0;position:relative;min-height:300px;background:#0b1523}.map-preview>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.map-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#060e1bef)}.map-preview figcaption{position:absolute;z-index:1;bottom:24px;left:25px;right:20px}.map-preview figcaption span{display:block;font-size:10px;letter-spacing:1.9px;color:#b6c6dc}.map-preview figcaption strong{font-size:23px}.map-placeholder{height:100%;display:grid;place-content:center;padding:40px;text-align:center;font-size:14px;color:var(--muted);min-height:240px}.server-details{padding:28px 32px 20px}.server-title{display:flex;align-items:center;gap:12px}.server-title>span{font-size:10px;border:1px solid #3b4c67;border-radius:3px;padding:2px 7px;letter-spacing:1px;color:var(--muted)}.numbers{display:flex;margin:23px 0 25px;gap:38px}.numbers div{display:flex;flex-direction:column}.numbers dd{font:700 38px/1 'Barlow Condensed',Impact,sans-serif;margin:0 0 7px;font-variant-numeric:tabular-nums}.numbers dt{font-size:12px;color:var(--muted)}.server-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.secondary{background:#243751;border:1px solid #395476;font-size:14px;min-height:44px;padding:9px 15px;gap:14px}.secondary:hover{background:#2c4465;color:white}.address{background:none;border:0;color:#bfcee1;padding:8px 0;font-size:13px;cursor:pointer}.address span{margin-left:6px;color:var(--gold)}.address:hover{color:white}.server-note{color:var(--muted);font-size:12px;margin:12px 0}.status-foot{display:flex;flex-wrap:wrap;gap:6px 20px;color:#8d9fb8;font-size:12px;min-height:18px}.installation{margin-top:66px}.steps{list-style:none;display:grid;grid-template-columns:1fr 1fr;padding:0;margin:30px 0 0;gap:0 48px}.steps>li{display:flex;gap:22px;padding:28px 0 32px;border-top:1px solid var(--line)}.step-number{font:700 36px/1 'Barlow Condensed',Impact,sans-serif;color:var(--gold);flex:0 0 39px}.steps h3{font-size:20px}.steps p{font-size:15px;color:var(--muted);margin:12px 0;line-height:1.65}.steps strong{color:#e0e7f1;font-weight:600}.text-link{color:var(--gold);font-size:14px;font-weight:600;display:inline-block;margin-top:4px}.text-link span{margin-left:10px}.beta-choice{border-left:2px solid var(--gold);background:#111d2e;padding:10px 16px;margin:14px 0}.beta-choice span,.beta-choice small{display:block;font-size:11px;color:var(--muted)}.beta-choice code{font:600 16px/1.5 Barlow,Arial,sans-serif;color:white}.update-note{display:flex;align-items:center;gap:18px;border:1px solid var(--line);border-radius:7px;padding:18px 23px;margin-top:5px}.update-note>span{font-size:29px;color:var(--cyan)}.update-note p{font-size:14px;color:var(--muted);margin:0}.update-note strong{color:white;margin-right:5px}.footer{border-top:1px solid var(--line);margin-top:65px;padding:27px 0 32px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.footer>span{font-weight:700;letter-spacing:.8px}.footer small{font-weight:400;letter-spacing:0;margin-left:8px}.skip{position:absolute;left:15px;top:-100px;background:var(--gold);color:#111;padding:10px;z-index:10}.skip:focus{top:10px}
@media(min-width:1500px){.hero{min-height:625px}.hero-copy{padding-top:190px}}
@media(max-width:950px){.wrap{width:calc(100% - 40px)}.hero{min-height:540px}.hero-art{object-position:58% center}.hero-copy{padding:165px 28px 30px}.hero h1{font-size:62px}.hero-copy>p:not(.eyebrow){font-size:16px}.server-panel{grid-template-columns:36% 64%}.server-details{padding:25px}.numbers{gap:25px}.server-actions{gap:5px 15px}.steps{gap:0 30px}.steps>li{gap:15px}.header nav{gap:18px}}
@media(max-width:650px){.wrap{width:calc(100% - 32px)}.header{height:76px;gap:10px}.brand{font-size:22px;gap:6px}.ball{width:24px;height:24px;font-size:14px}.header nav{gap:0}.header nav>a:not(.nav-download){display:none}.nav-download{font-size:12px;padding:7px 10px}.hero{min-height:590px}.hero-art{object-fit:cover;object-position:64% top;height:315px}.hero:after{background:linear-gradient(0deg,#091427 42%,transparent 77%)}.hero-copy{padding:285px 23px 27px;max-width:100%}.hero h1{font-size:60px}.hero-copy .eyebrow{font-size:10px}.hero-copy>p:not(.eyebrow){font-size:16px;margin-bottom:20px}.hero-copy>small{font-size:11px}.hero .button{width:100%;justify-content:space-between}.server{margin-top:39px}h2{font-size:31px}.section-heading .eyebrow{font-size:10px;letter-spacing:1.6px}.section-heading{margin-bottom:20px}.status{font-size:12px;padding:5px 10px}.server-panel{grid-template-columns:1fr}.map-preview{min-height:210px}.map-placeholder{min-height:210px}.server-details{padding:22px}.numbers{justify-content:space-between;gap:12px}.numbers dd{font-size:36px}.server-actions{gap:10px}.secondary{width:100%;justify-content:space-between}.address{padding-top:6px}.installation{margin-top:42px}.steps{grid-template-columns:1fr;margin-top:24px}.steps>li{padding:23px 0 25px;gap:17px}.step-number{font-size:31px;flex-basis:32px}.steps h3{font-size:19px}.steps p{font-size:15px}.update-note{padding:16px;align-items:flex-start;gap:12px}.footer{margin-top:40px;flex-direction:column;gap:12px;padding:24px 0}.footer small{display:block;margin:5px 0 0}.server-title h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
.hero-art{object-position:center top}@media(max-width:650px){.hero-art{height:auto;object-fit:contain}.hero-copy{padding-top:245px}}
.download-stats{margin-top:18px;padding:24px 28px;border:1px solid var(--line);border-radius:9px;display:flex;justify-content:space-between;align-items:center;gap:26px;background:#0d1726}.download-stats h3{font-size:19px}.download-stats p{margin:7px 0;color:var(--muted);font-size:13px}.download-stats small{color:#8d9fb8;font-size:11px}.download-stats dl{display:flex;gap:40px;margin:0;flex-shrink:0}.download-stats dd{margin:0;color:var(--gold);font:700 38px/1.2 "Barlow Condensed",Impact,sans-serif;font-variant-numeric:tabular-nums}.download-stats dt{color:var(--muted);font-size:12px}@media(max-width:650px){.download-stats{padding:22px;align-items:flex-start;flex-direction:column;gap:18px}.download-stats dl{gap:50px}}
