@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap");:root{--bg:#07090b;--panel:#101214;--panel2:#0c0e10;--line:rgba(255,255,255,.11);--muted:#8b8e92;--text:#f4f4f2;--gold:#e6aa17;--gold2:#ffbf28}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}main{overflow:hidden}.topbar{height:88px;background:rgba(5,7,9,.96);border-bottom:1px solid var(--line);padding:0 5vw;position:relative;z-index:10}.brand,.footer-brand,.topbar{display:flex;align-items:center}.brand,.footer-brand{gap:12px}.brand span,.footer-brand span{display:flex;flex-direction:column}.brand b,.footer-brand b{font:800 27px/1 Barlow Condensed;letter-spacing:.04em}.brand small,.footer-brand small{font:600 9px/1.5 Inter;letter-spacing:.2em;color:var(--gold)}.header-logo{width:82px;height:82px;object-fit:contain;display:block;filter:drop-shadow(0 5px 12px rgba(0,0,0,.5))}.topbar nav{margin-left:auto;display:flex;gap:44px;align-self:stretch;align-items:center}.topbar nav a{font:600 13px Barlow Condensed;letter-spacing:.05em;color:#e8e8e6;position:relative}.topbar nav a.active,.topbar nav a:hover{color:var(--gold2)}.topbar nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-31px;height:2px;background:var(--gold)}.top-connect{margin-left:38px;border:1px solid var(--gold);border-radius:7px;padding:15px 23px;display:flex;gap:10px;align-items:center;color:var(--gold2);font:700 12px Barlow Condensed;letter-spacing:.05em}.top-connect:hover{background:rgba(230,170,23,.1)}.hero{min-height:545px;position:relative;background-image:url(/images/the-wire-hero.png);background-size:cover;background-position:center 48%;background-repeat:no-repeat;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.28) 58%,rgba(0,0,0,.52)),linear-gradient(0deg,#07090b,transparent 38%);z-index:1}.city-art{display:none}.city-art:before{content:"";position:absolute;right:0;bottom:0;width:62%;height:76%;background:repeating-linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.045) 8.1% 8.5%,transparent 8.6% 13%),linear-gradient(180deg,transparent 0 25%,rgba(19,22,26,.7));-webkit-clip-path:polygon(0 100%,0 42%,7% 42%,7% 62%,14% 62%,14% 26%,22% 26%,22% 49%,30% 49%,30% 12%,40% 12%,40% 38%,50% 38%,50% 20%,59% 20%,59% 54%,68% 54%,68% 30%,76% 30%,76% 45%,86% 45%,86% 17%,95% 17%,95% 100%);clip-path:polygon(0 100%,0 42%,7% 42%,7% 62%,14% 62%,14% 26%,22% 26%,22% 49%,30% 49%,30% 12%,40% 12%,40% 38%,50% 38%,50% 20%,59% 20%,59% 54%,68% 54%,68% 30%,76% 30%,76% 45%,86% 45%,86% 17%,95% 17%,95% 100%)}.city-art span{position:absolute;bottom:18%;width:3px;height:3px;background:#e0b64f;border-radius:50%;box-shadow:0 0 16px 5px rgba(230,170,23,.25)}.city-art span:first-child{right:19%;bottom:33%}.city-art span:nth-child(2){right:31%;bottom:28%}.city-art span:nth-child(3){right:44%;bottom:41%}.city-art span:nth-child(4){right:12%;bottom:44%}.city-art span:nth-child(5){right:51%;bottom:31%}.city-art i{position:absolute;bottom:0;width:1px;background:rgba(255,255,255,.05);height:45%}.city-art i:first-of-type{right:22%;transform:rotate(15deg)}.city-art i:nth-of-type(2){right:38%;height:35%;transform:rotate(-10deg)}.city-art i:nth-of-type(3){right:61%;height:28%;transform:rotate(8deg)}.hero-overlay{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.08) .7px,transparent 0);background-size:4px 4px;opacity:.08;z-index:1}.hero-inner{position:relative;z-index:2;max-width:1210px;margin:auto;min-height:545px;display:flex;align-items:center;justify-content:space-between;padding:55px 35px}.hero-copy{padding-top:8px}.welcome{color:var(--gold2);font:700 16px Barlow Condensed;letter-spacing:.25em;margin:0 0 13px}.hero h1{font:900 clamp(72px,8vw,112px)/.78 Barlow Condensed;letter-spacing:-.035em;margin:0}.hero h2{font:800 clamp(52px,5.2vw,76px)/1 Barlow Condensed;letter-spacing:.35em;color:var(--gold2);margin:20px 0 22px}.lead{color:#c5c6c6;line-height:1.8;font-size:15px;margin:0}.hero-buttons{display:flex;gap:15px;margin-top:28px}.dark-button,.gold-button,.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:16px 25px;border-radius:6px;font:800 13px Barlow Condensed;letter-spacing:.06em}.gold-button{background:linear-gradient(135deg,var(--gold2),#e39f00);color:#080909;box-shadow:0 10px 30px rgba(230,170,23,.12)}.gold-button:hover{transform:translateY(-2px);filter:brightness(1.06)}.dark-button{border:1px solid rgba(255,255,255,.2);background:rgba(10,12,14,.55)}.dark-button:hover{border-color:rgba(255,255,255,.45)}.server-card{width:292px;background:rgba(15,16,17,.9);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:25px 21px;box-shadow:0 25px 70px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px)}.server-status-title{display:flex;justify-content:center;gap:9px;align-items:center;font-size:11px;color:#c7c8c8;letter-spacing:.05em}.green-dot,.red-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.green-dot{background:#22c55e;box-shadow:0 0 10px #22c55e}.red-dot{background:#ef4444}.server-card>strong{display:block;text-align:center;font:700 25px Barlow Condensed;margin-top:10px}.online{color:#31d06b}.offline-text{color:#ef6464}.divider{height:1px;background:var(--line);margin:18px 0}.big-players{text-align:center;font:800 45px Barlow Condensed;line-height:1}.big-players small{font-size:22px;color:#b8b9bb}.server-card>p{text-align:center;font-size:10px;color:#a1a3a6;letter-spacing:.1em;margin:8px 0 17px}.progress{height:7px;background:#282b2e;border-radius:99px;overflow:hidden}.progress span{height:100%;display:block;background:var(--gold2);border-radius:99px;transition:width .5s}.server-info{display:grid;grid-gap:12px;gap:12px;margin:20px 0}.server-info div{display:grid;grid-template-columns:18px 1fr auto;align-items:center;grid-gap:5px;gap:5px;font-size:10px}.server-info svg{color:#c8c9ca}.server-info span{color:#87898d;letter-spacing:.05em}.server-info b{font-weight:500;color:#e1e1df}.server-info div:last-child b{color:#32d36c}.server-actions{display:flex;gap:7px}.server-actions button{flex:1 1;border:1px solid var(--line);background:rgba(255,255,255,.02);color:#aaa;padding:10px;border-radius:5px;font-size:9px;letter-spacing:.1em;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.server-actions button:hover{border-color:rgba(255,255,255,.3);color:#fff}.server-actions button:last-child{flex:0 0 38px}.view-players{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:9px;padding:11px;border:1px solid var(--line);border-radius:5px;font:700 10px Barlow Condensed;letter-spacing:.08em}.view-players:hover{border-color:rgba(230,170,23,.6);color:var(--gold2)}.spin{animation:spin 1s linear infinite}.feature-strip,.stats-strip{max-width:1210px;margin:-1px auto 0;position:relative;z-index:4;background:rgba(14,16,18,.96);border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:repeat(4,1fr)}.feature-strip{margin-top:-28px}.feature-strip article{padding:23px 28px;display:flex;gap:15px;align-items:center;border-right:1px solid var(--line)}.feature-strip article:last-child{border:0}.feature-icon{color:var(--gold2)}.feature-icon svg{width:34px;height:34px;stroke-width:1.5}.feature-strip h3{font:700 15px Barlow Condensed;margin:0 0 5px}.feature-strip p{font-size:10px;line-height:1.55;color:#929498;margin:0}.stats-strip{margin-top:20px;background:#0b0d0f}.stats-strip>div{padding:18px 28px;display:grid;grid-template-columns:35px 1fr;grid-template-rows:1fr 1fr;align-items:center;border-right:1px solid var(--line)}.stats-strip>div:last-child{border:0}.stats-strip span{grid-row:1/3;color:var(--gold2)}.stats-strip strong{font:800 27px Barlow Condensed;line-height:1}.stats-strip small{font-size:8px;color:#808286;letter-spacing:.14em}.content-grid{max-width:1210px;margin:45px auto 0;padding:0 0 90px;display:grid;grid-template-columns:1.1fr 1.1fr 1fr;grid-gap:18px;gap:18px}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#111416,#0b0d0f);border-radius:8px;padding:25px}.panel-label{font:700 12px Barlow Condensed;letter-spacing:.12em;margin:0;color:#eee}.about-panel h3{font:700 29px/1.05 Barlow Condensed;margin:45px 0 20px}.about-panel h3 em{color:var(--gold2);font-style:normal}.about-panel>p:not(.panel-label){color:#8e9195;font-size:11px;line-height:1.8;margin:0 0 13px}.panel-head{display:flex;justify-content:space-between}.panel-head>span{font-size:8px;color:var(--gold2);letter-spacing:.15em}.update{display:grid;grid-template-columns:14px 1fr auto;grid-gap:10px;gap:10px;padding:18px 0;border-bottom:1px solid var(--line);position:relative}.update:last-of-type{border:0}.timeline-dot{width:7px;height:7px;background:var(--gold2);border-radius:50%;margin-top:5px;box-shadow:0 0 8px rgba(230,170,23,.5)}.update b{font:700 12px Barlow Condensed;letter-spacing:.05em}.update p{margin:5px 0 0;color:#85888b;font-size:10px;line-height:1.55}.update>small{font-size:8px;color:#777;white-space:nowrap}.outline-button{width:100%;border:1px solid var(--line);margin-top:8px;background:rgba(255,255,255,.02)}.outline-button:hover{border-color:var(--gold);color:var(--gold2)}.trailer-panel{padding:0;overflow:hidden}.trailer-art{height:235px;background:radial-gradient(circle at 70% 25%,rgba(218,165,58,.22),transparent 14%),linear-gradient(145deg,#273039,#090c0f 58%,#15100a);position:relative}.trailer-art:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 45%,rgba(255,255,255,.035) 45% 46%,transparent 46% 100%),linear-gradient(90deg,transparent 60%,rgba(0,0,0,.5));opacity:.8}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.58);border:1px solid rgba(255,255,255,.4);color:#fff}.trailer-panel>p,.trailer-panel>span{display:block;margin-left:23px}.trailer-panel>p{font:700 17px Barlow Condensed;margin-top:18px;margin-bottom:5px}.trailer-panel>span{font:600 9px Barlow Condensed;color:var(--gold2);letter-spacing:.13em;margin-bottom:20px}.cta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:100px 20px;text-align:center;position:relative;background:radial-gradient(circle at 50% 0,rgba(230,170,23,.1),transparent 38%),#090b0d}.cta-glow{position:absolute;left:50%;top:-100px;transform:translateX(-50%);width:420px;height:240px;border-radius:50%;background:rgba(230,170,23,.06);filter:blur(55px)}.cta h2{font:900 clamp(60px,8vw,105px)/.83 Barlow Condensed;margin:22px 0;letter-spacing:-.03em}.cta h2 em{font-style:normal;color:var(--gold2)}.cta>p:not(.welcome){color:#85888c;font-size:12px;margin-bottom:28px}footer{max-width:1210px;margin:auto;min-height:100px;display:flex;align-items:center;justify-content:space-between;padding:20px 0;color:#676a6e;font-size:8px;letter-spacing:.12em}.footer-brand img{width:56px;height:56px;object-fit:contain}.footer-brand b{font-size:20px}.footer-social{display:flex;gap:24px}.footer-social a:hover{color:#fff}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:1000px){.topbar{padding:0 4vw}.topbar nav{gap:20px}.top-connect{margin-left:20px}.hero-inner{padding:45px 5vw}.content-grid,.feature-strip,.stats-strip,footer{margin-left:4vw;margin-right:4vw}.content-grid{grid-template-columns:1fr 1fr}.trailer-panel{grid-column:1/-1}.trailer-art{height:280px}}@media(max-width:760px){.topbar{height:74px}.header-logo{width:66px;height:66px}.brand b{font-size:21px}.top-connect,.topbar nav{display:none}.hero-inner{display:block;padding-top:65px}.hero{min-height:auto}.server-card{margin:45px auto 0;max-width:360px;width:100%}.feature-strip,.stats-strip{grid-template-columns:1fr 1fr}.feature-strip article:nth-child(2){border-right:0}.feature-strip article{border-bottom:1px solid var(--line)}.stats-strip>div:nth-child(2){border-right:0}.content-grid{grid-template-columns:1fr;margin-top:25px}.trailer-panel{grid-column:auto}.desktop{display:none}.hero h1{font-size:80px}.hero h2{font-size:48px}.lead{font-size:13px}.hero-buttons{flex-direction:column}.dark-button,.gold-button{width:100%}footer{flex-direction:column;align-items:flex-start;gap:18px;padding:25px 0}.footer-social{order:2}}@media(max-width:480px){.feature-strip,.stats-strip{grid-template-columns:1fr}.feature-strip article,.stats-strip>div{border-right:0!important}.feature-strip article:last-child,.stats-strip>div:last-child{border-bottom:0}.hero h1{font-size:68px}.hero h2{font-size:40px;letter-spacing:.25em}.server-card{padding:20px}.content-grid{padding-bottom:55px}.cta{padding:75px 20px}}