:root{color-scheme:light;--ink:#202738;--muted:#707687;--line:#e6e8ef;--violet:#8572ac;--paper:#f6f7fc;--peach:#f1c6aa;--mint:#dcebdc;--shadow:0 16px 60px #353e5b08;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:radial-gradient(ellipse at 82% 9%,#f1e6f2 0,transparent 32%),radial-gradient(ellipse at 10% 40%,#eaf0fb 0,transparent 40%),var(--paper);color:var(--ink);line-height:1.5}button,a,summary{-webkit-tap-highlight-color:transparent}button,textarea{font:inherit}button,summary{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #9b87c8;outline-offset:4px}button:disabled{cursor:wait;opacity:.55}[hidden]{display:none!important}.wrap{max-width:1180px;margin:auto;padding-inline:36px}.topbar{display:flex;justify-content:space-between;align-items:center;padding-top:24px;padding-bottom:24px}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:740;letter-spacing:-1px}.brand-light{font-weight:430}.topbar nav{display:flex;gap:28px;font-size:14px;color:#636b7b}.topbar nav a:hover,.text-button:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;align-items:center;padding:52px 0 48px;min-height:390px}.eyebrow{display:flex;gap:8px;align-items:center;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);font-weight:650;margin:0 0 16px}.little-dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;background:#82a98a;box-shadow:0 0 0 4px #82a98a15}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.8vw,72px);line-height:1.08;letter-spacing:-3px;font-weight:600;margin-bottom:24px}h1 span{color:#8b7b99}.hero-description{max-width:450px;font-size:17px;line-height:1.7;color:var(--muted);margin-bottom:22px}.hero-tags{display:flex;flex-wrap:wrap;gap:8px}.hero-tags span{font-size:11px;color:#73758b;border:1px solid #dedfe9;border-radius:30px;padding:6px 10px;background:#ffffff60}.visual{position:relative;justify-self:center;display:grid;place-items:center;width:min(100%,340px);aspect-ratio:1}.visual-glow{position:absolute;inset:20%;background:linear-gradient(140deg,#ffddaf,#c1c9ef);filter:blur(50px);opacity:.7}.bloom{position:relative;width:100%;height:100%;filter:drop-shadow(0 12px 18px #9f9ac215)}.location-pill{position:absolute;bottom:4px;left:50%;transform:translateX(-50%);background:#ffffffb8;backdrop-filter:blur(12px);border:1px solid white;box-shadow:var(--shadow);border-radius:40px;white-space:nowrap;padding:11px 20px;font-size:14px}.location-pill span{font-size:10px;color:var(--muted);margin-left:14px}.workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:22px;align-items:start}.card{background:#ffffffbd;border:1px solid #fff;border-radius:25px;box-shadow:var(--shadow)}.connection-card,.setup-card{padding:30px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.section-heading .eyebrow{margin-bottom:7px}h2{font-size:27px;line-height:1.2;letter-spacing:-.8px;font-weight:600;margin-bottom:0}.badge{font-size:10px;padding:5px 9px;background:#eaf1e9;color:#5b795c;white-space:nowrap;border-radius:30px}.neutral{background:#efedf7;color:#8d7aaa}.device-picker{display:flex;padding:4px;background:#f0f1f6;border-radius:13px;margin-bottom:22px;gap:3px}.device-picker button{flex:1;min-width:0;border:0;background:none;border-radius:9px;padding:9px 4px;font-size:13px;color:#767c8c}.device-picker button[aria-pressed="true"]{color:var(--ink);background:#fff;box-shadow:0 2px 8px #3f4b6210}.card-copy{font-size:14px;color:var(--muted);line-height:1.75;margin-bottom:24px}.primary{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;border:0;border-radius:13px;background:var(--ink);padding:17px 20px;color:#fff;font-size:15px;font-weight:550;transition:background .15s,transform .15s}.primary:hover{background:#393f55}.primary:active{transform:translateY(1px)}.small{font-size:12px;line-height:1.65}.muted{color:var(--muted)}#emptyState>.small{margin-top:12px;margin-bottom:0;text-align:center}.steps{padding:0;list-style:none;display:grid;gap:22px;margin:0}.steps li{display:flex;gap:15px}.step-number{border:1px solid #e4dfee;background:#f5f1fa;flex:none;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;font-size:12px;color:#8973a0;margin-top:1px}.steps h3{font-size:14px;font-weight:600;margin-bottom:5px}.steps p{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:7px}.steps a{font-size:12px;font-weight:550;color:#887397}.browser-note{background:#f4f4f8;border-radius:12px;padding:13px 15px;color:#8b8c98;font-size:11px;line-height:1.65;margin-top:25px}.ready-label{font-size:13px;color:#66856f;display:flex;align-items:center;gap:10px;margin:0 0 20px}.secondary-actions{display:flex;gap:9px;margin-top:10px}.secondary{border:1px solid var(--line);background:#fff;border-radius:11px;font-size:12px;color:#6f6e82;padding:11px 12px;flex:1}.secondary:hover{background:#f5f2f8}.privacy{margin:17px 0 0;color:#9595a2}.connection-card details{margin-top:18px;border-top:1px solid var(--line);padding-top:13px}.connection-card summary{font-size:12px;color:#8b7c9d}.connection-card details[open] summary{margin-bottom:15px}textarea{width:100%;resize:vertical;min-height:74px;border:1px solid var(--line);border-radius:10px;background:#f7f7fb;font-size:11px;color:#77748c;padding:10px;margin-top:5px;word-break:break-all}.key-actions{display:flex;gap:8px;margin-top:10px}.text-button{border:0;background:transparent;font-size:12px;color:#867596;padding:7px 0}.message{font-size:12px;line-height:1.6;color:#967157;margin:15px 0 0}.message:empty{display:none}.qr-panel{display:flex;align-items:center;gap:16px;margin-top:18px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:14px}.qr-panel img{width:150px;height:150px;flex:none}.qr-panel strong{font-size:13px}.qr-panel p{margin:7px 0 0}.routes{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:22px;padding-block:64px}.routes-intro{padding:5px 18px 5px 0}.routes-intro h2{font-size:29px;margin-bottom:14px}.routes-intro .muted{font-size:12px;line-height:1.8;margin:0;max-width:300px}.route-card{padding:25px;display:flex;flex-direction:column;align-items:start}.route-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:20px}.route-symbol{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;font-size:23px;background:#f5ebdf;color:#b29880}.route-symbol.violet{background:#efeafa;color:#a18db7}.route-card h3{font-size:18px;letter-spacing:-.4px;font-weight:550;margin-bottom:8px}.route-card p{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:22px}.protocol{font-size:9px;letter-spacing:.6px;color:#a3a1af;margin-top:auto}.help-section{border-top:1px solid #e2e3eb;padding-top:40px;padding-bottom:48px;display:grid;grid-template-columns:1fr 1.5fr;gap:60px}.help-section h2{font-size:29px;max-width:250px}.telegram-link{display:inline-block;font-size:12px;color:#8e7d9d;margin-top:20px}.faq details{border-bottom:1px solid #e0e2eb;padding:15px 0}.faq details:first-child{padding-top:0}.faq summary{font-size:13px;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:18px;font-weight:300;color:#a29bab}.faq details[open] summary:after{content:'−'}.faq p{font-size:12px;color:var(--muted);line-height:1.8;margin:13px 24px 0 0}.footer{border-top:1px solid #e2e3eb;padding-top:22px;padding-bottom:30px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8e92a0;font-size:11px}.brand-name{font-weight:650;color:#727584}.server-status{display:flex;align-items:center;gap:10px}.pending{background:#b5afbf}.unavailable{background:#c19b7c}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);max-width:calc(100vw - 40px);padding:12px 20px;background:#303344;color:white;border-radius:30px;font-size:13px;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1400px){.wrap{max-width:1250px}.hero{padding-block:66px}.visual{width:360px}}@media(max-width:850px){.wrap{padding-inline:24px}.hero{padding-top:30px;grid-template-columns:1.3fr 1fr}.hero h1{font-size:49px}.visual{width:260px}.hero-description{font-size:15px}.workspace{grid-template-columns:1fr 1fr;gap:15px}.connection-card,.setup-card{padding:23px}.section-heading{flex-wrap:wrap}h2{font-size:24px}.routes{gap:14px}.route-card{padding:20px}.route-card h3{font-size:16px}.routes-intro h2{font-size:25px}.help-section{gap:30px}}@media(max-width:620px){.wrap{padding-inline:20px}.topbar{padding-block:20px}.brand{font-size:21px}.brand img{width:32px;height:32px}.topbar nav{gap:18px;font-size:11px}.topbar nav a:first-child{display:none}.hero{position:relative;grid-template-columns:1fr;gap:0;padding-top:24px;padding-bottom:30px;min-height:0}.hero-copy{position:relative;z-index:1}.hero .eyebrow{font-size:9px;letter-spacing:1.3px;max-width:80%}.hero h1{font-size:48px;letter-spacing:-2px;margin-bottom:20px}.hero-description{max-width:88%;font-size:14px;margin-bottom:18px}.visual{position:absolute;right:-18px;top:18px;width:150px;opacity:.32;z-index:0;pointer-events:none}.location-pill{display:none}.hero-tags span{font-size:9px;padding:5px 8px}.workspace{grid-template-columns:1fr;gap:16px}.card{border-radius:20px}.connection-card,.setup-card{padding:22px}.section-heading{margin-bottom:20px;flex-wrap:nowrap}h2{font-size:25px}.device-picker button{padding-block:10px;font-size:12px}.primary{padding:16px 18px;font-size:14px}.setup-card .section-heading h2{font-size:23px}.steps{gap:19px}.steps p{font-size:12px}.routes{grid-template-columns:1fr 1fr;gap:12px;padding-block:38px}.routes-intro{grid-column:1/-1;padding:0 0 5px}.routes-intro h2 br{display:none}.routes-intro h2{font-size:27px}.routes-intro .muted{max-width:none}.route-card{padding:18px 15px}.route-top{margin-bottom:17px}.route-symbol{width:30px;height:30px;font-size:20px;border-radius:9px}.route-top .badge{font-size:8px;padding:4px 7px}.route-card h3{font-size:15px}.route-card p{font-size:11px;margin-bottom:20px}.protocol{font-size:7px;letter-spacing:.2px}.help-section{grid-template-columns:1fr;gap:26px;padding-top:29px;padding-bottom:32px}.help-section h2{font-size:27px;max-width:none}.telegram-link{margin-top:13px}.faq summary{font-size:12px}.footer{font-size:9px;padding-top:20px;padding-bottom:25px;flex-wrap:wrap}.footer>a{display:none}.qr-panel{flex-direction:column;text-align:center}.qr-panel img{width:190px;height:190px}.qr-panel p{max-width:260px}.key-actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.server-inventory{grid-column:span 2;display:grid;gap:16px}.server-inventory .protocol{display:block;line-height:1.6;white-space:normal}.device-picker{flex-wrap:wrap}@media(max-width:700px){.server-inventory{grid-column:auto}}