@font-face{font-family:Manrope;src:url('/assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('/assets/jetbrains-mono.ttf') format('truetype');font-weight:100 800;font-display:swap}
:root{color-scheme:dark;--bg:#0b0b0d;--surface:#111113;--border:#303034;--text:#f4f4f5;--muted:#86868e;--orange:#ff9900;--scale:1}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:18px;min-height:100svh;display:flex;flex-direction:column}
a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
.shell{width:calc(100% - 192px);max-width:1728px;margin-inline:auto}
.header{height:97px;min-height:97px;display:flex;align-items:center;gap:48px;border-bottom:1px solid var(--border)}
.brand{display:block;margin-right:auto;line-height:0}.brand img{display:block;width:140px;height:48px}
.navigation{display:flex;gap:60px;height:100%;align-items:center}.nav-link{font-size:18px;white-space:nowrap}.nav-link[aria-current]{color:var(--orange)}
.channel{height:52px;min-width:240px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:16px;font-size:18px}.channel img{width:18px;height:18px}.channel-mobile{display:none}
main.shell{flex:1}.hero{height:431px;position:relative;display:flex;justify-content:center;align-items:flex-start;padding-top:147.5px}
.connection{position:absolute;top:71.5px;width:1280px;height:240px;max-width:100%;pointer-events:none}.connection img{display:block;width:100%;height:100%;object-fit:contain}
.entry-action{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;min-width:0}
.enter{width:520px;height:88px;max-width:100%;background:var(--orange);color:#0b0b0d;border-radius:4px;display:flex;align-items:center;justify-content:center;gap:20px;font-size:28px;font-weight:700;transition:background .15s}
.enter:hover{background:#ffad27}.enter[aria-disabled=true]{cursor:wait}.enter img{width:24px;height:24px;filter:brightness(0)}
.selected{margin:0;color:var(--muted);font:20px/28px 'JetBrains Mono',monospace;text-align:center;overflow-wrap:anywhere}
.alternatives{padding-top:24px;padding-bottom:68px}h1,h2,p{margin-top:0}h1{font-size:30px;line-height:42px;font-weight:600;margin-bottom:24px}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.card{min-width:0;min-height:296px;border:1px solid var(--border);border-radius:8px;background:var(--surface);padding:24px}
.card h2{display:flex;align-items:center;gap:16px;font-size:24px;line-height:34px;font-weight:600;margin:0 0 16px;min-height:56px}.category-icon{width:56px;height:56px;object-fit:contain;flex:none}
.links{list-style:none;margin:0;padding:0}.mirror-row{border-bottom:1px solid #252528}.mirror-row a{min-height:55px;display:flex;align-items:center;gap:12px}.mirror-row a:hover .address{color:var(--orange)}
.address{min-width:0;flex:1;font:20px/28px 'JetBrains Mono',monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.latency{color:var(--muted);font:14px/20px 'JetBrains Mono',monospace;white-space:nowrap}.latency.best{color:var(--orange)}.latency.label{font-family:Manrope,sans-serif}
.row-arrow{width:20px;height:20px;flex:none}.mirror-row.unavailable .address{color:var(--muted)}.empty{padding-block:16px;color:var(--muted);font-size:16px;line-height:24px}
.notice{margin:20px 0 0;color:var(--muted);font-size:14px;line-height:22px}.retry{margin-top:12px;padding:10px 16px;background:transparent;border:1px solid var(--border);border-radius:4px;color:var(--text);cursor:pointer}
.footer{min-height:96px;border-top:1px solid var(--border);display:flex;align-items:flex-start;padding-top:24px;color:var(--muted);font-size:16px;line-height:22px}
.contacts-view{padding:80px 0}.contacts-intro{color:var(--muted);margin-bottom:32px}.contact-card h2{font-size:24px;font-weight:600}.contact-card a{font-family:'JetBrains Mono',monospace;overflow-wrap:anywhere;color:var(--orange)}.contact-card p{margin-top:16px;color:var(--muted);font-size:16px;line-height:26px}
.skip-link{position:fixed;left:20px;top:-100px;padding:12px;background:var(--orange);color:#000;z-index:5}.skip-link:focus{top:12px}
@media(min-width:641px) and (max-width:1919px){
 .shell{width:90%}.header{height:5.0521vw;min-height:5.0521vw;gap:2.5vw}.brand img{width:7.2917vw;height:2.5vw}.navigation{gap:3.125vw}.nav-link,.channel{font-size:max(12px,.9375vw)}.channel{height:2.7083vw;min-width:12.5vw;gap:.8333vw}.channel img{width:.9375vw;height:.9375vw}
 .hero{height:22.4479vw;padding-top:7.6823vw}.connection{top:3.724vw;width:66.6667vw;height:12.5vw}.enter{width:27.0833vw;height:4.5833vw;font-size:max(16px,1.4583vw);gap:1.0417vw}.enter img{width:1.25vw;height:1.25vw}.entry-action{gap:1.0417vw}.selected{font-size:max(12px,1.0417vw);line-height:1.4583vw}
 .alternatives{padding-top:1.25vw;padding-bottom:3.5417vw}h1{font-size:max(20px,1.5625vw);line-height:2.1875vw;margin-bottom:1.25vw}.cards{gap:2.5vw}.card{padding:1.25vw;min-height:15.4167vw}.card h2{gap:.8333vw;font-size:max(16px,1.25vw);line-height:1.7708vw;min-height:2.9167vw;margin-bottom:.8333vw}.category-icon{width:2.9167vw;height:2.9167vw}.mirror-row a{min-height:2.8646vw;gap:.625vw}.address{font-size:max(12px,1.0417vw);line-height:1.4583vw}.latency{font-size:max(10px,.7292vw);line-height:1.0417vw}.row-arrow{width:1.0417vw;height:1.0417vw}.footer{min-height:5vw;padding-top:1.25vw;font-size:max(10px,.8333vw);line-height:1.25vw}
}
@media(min-width:641px) and (max-width:900px){.cards{gap:16px;grid-template-columns:1fr}.card{min-height:0;padding:20px}.card h2{min-height:48px;line-height:28px;margin-bottom:12px}.category-icon{width:48px;height:48px}.mirror-row a{min-height:44px}.address{font-size:14px;line-height:22px}.latency{font-size:12px}.row-arrow{width:16px;height:16px}.hero{height:250px;padding-top:80px}.connection{top:30px;width:100%;height:160px}.enter{width:320px;height:58px}.selected{line-height:24px}.header{min-height:72px}.brand img{width:105px;height:36px}.channel{height:36px;min-width:150px}.channel img{width:14px;height:14px}h1{line-height:30px}}
@media(max-width:640px){
 .shell{width:calc(100% - 40px)}.header{height:133px;min-height:133px;display:grid;grid-template-columns:1fr auto;grid-template-rows:80px 52px;gap:0}.brand{grid-area:1/1;width:max-content}.brand img{width:140px;height:48px}.channel{grid-area:1/2;min-width:138px;height:44px;font-size:16px;gap:16px;border-radius:4px}.channel img{width:18px;height:18px}.channel-mobile{display:inline}.channel-desktop{display:none}.navigation{grid-area:2/1/3/3;gap:0;display:grid;grid-template-columns:1fr 1fr}.nav-link{height:44px;display:flex;align-items:center;justify-content:center;font-size:16px;border-bottom:2px solid transparent}.nav-link[aria-current]{border-bottom-color:var(--orange)}
 .hero{height:264px;padding-top:120px}.connection{top:40px;width:100%;height:64px}.entry-action{width:100%;gap:16px}.enter{width:100%;height:64px;font-size:22px;gap:16px}.enter img{width:24px;height:24px}.selected{font-size:17px;line-height:24px}
 .alternatives{padding-top:0;padding-bottom:32px}h1{font-size:22px;line-height:31px;margin-bottom:20px}.cards{display:grid;grid-template-columns:1fr;gap:16px}.card{padding:20px 20px 18px;min-height:216px}.card:has(.mirror-row:nth-child(3)){min-height:272px}.card h2{min-height:48px;gap:12px;font-size:20px;line-height:28px;margin-bottom:16px}.category-icon{width:48px;height:48px}.mirror-row a{min-height:55px;gap:10px}.address{font-size:16px;line-height:24px}.latency{font-size:12px;line-height:18px}.latency.label{font-size:12px}.row-arrow{width:18px;height:18px}.footer{min-height:65px;padding-top:20px;font-size:14px;line-height:20px}.contacts-view{padding:40px 0}.contact-card h2{font-size:22px}.contact-card{min-height:0}
}
@media(max-width:360px){.channel{min-width:118px;gap:10px}.brand img{width:125px;height:auto}.enter{font-size:21px}.address{font-size:14px}.card{padding:16px}.card h2{font-size:20px;gap:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
