:root{color-scheme:dark;--bg:#10131c;--fg:#f8f9fc;--muted:#a5b0c7;--line:#3a4962;--accent:#c4b5fd;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font-size:16px;line-height:1.65}
.wrap{width:min(100% - 64px,1040px);margin-inline:auto}
.brand{display:flex;align-items:center;gap:13px;padding-block:35px;font-size:23px;font-weight:750;letter-spacing:-.6px}
.brand svg{width:33px;height:24px;fill:var(--accent)}
.intro{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center;padding-block:49px 65px}
h1{font-size:clamp(44px,5.5vw,68px);line-height:1.04;letter-spacing:-2px;margin:0 0 17px;font-weight:750}
.lead{font-size:23px;line-height:1.4;color:var(--accent);margin:0 0 19px;letter-spacing:-.4px}
p{margin:0 0 15px;color:var(--muted)}
.description{max-width:440px;margin-bottom:0}
h2{font-size:25px;line-height:1.3;letter-spacing:-.5px;margin:0 0 16px}
h3{font-size:18px;line-height:1.4;margin:0 0 9px;color:var(--fg)}
strong{font-weight:650;color:var(--fg)}
.download{border:1px solid var(--line);border-radius:12px;padding:30px;background:#171b29}
.download h2{font-size:22px;margin-bottom:9px}
.download>p{font-size:14px}
.primary{display:flex;align-items:center;justify-content:center;gap:10px;padding:13px 10px;margin-block:24px 12px;background:var(--accent);border:1px solid #d3c6ff;border-radius:8px;color:#10121b;font-size:15px;line-height:1.4;font-weight:750;text-decoration:none;text-align:center}
.primary:hover{background:#d1c5ff}
.primary svg{height:21px;width:21px;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0}
.file-info{text-align:center;font-size:12px!important;margin-bottom:22px}
.file-info span,footer span{padding-inline:6px}
.download .note{font-size:13px;margin-bottom:0}
.installation{border-top:1px solid var(--line);padding-block:37px 40px}
.steps{list-style:none;counter-reset:step;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:34px}
.steps li{counter-increment:step}
.steps li::before{content:counter(step,decimal-leading-zero);display:block;font-size:13px;font-weight:700;color:var(--accent);margin-bottom:15px}
.steps p{font-size:14px;line-height:1.75}
.steps code{font-size:12px}
.browser-addresses{margin:0;font-size:13px}
.browser-addresses div{margin-bottom:9px}
dt{color:var(--muted);font-size:12px;margin-bottom:2px}
dd{margin:0}
code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#e2d9ff;user-select:all;overflow-wrap:anywhere}
.watch{border-top:1px solid var(--line);padding-block:37px 28px}
.watch>p{max-width:750px;font-size:15px}
.roles{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:28px}
.roles p{font-size:14px}
.server-address{display:block;font-size:13px;padding:13px 15px;border:1px solid var(--line);border-radius:6px;background:#171b29;margin-bottom:17px}
details{border-block:1px solid var(--line);margin:12px 0 0}
summary{cursor:pointer;padding:20px 0;font-size:15px;font-weight:600;list-style-position:inside}
.details-content{padding-bottom:7px;max-width:850px}
.details-content p{font-size:14px}
a{color:var(--accent);text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
footer{padding-block:30px;color:var(--muted);font-size:12px}
@media(max-width:800px){.intro{gap:30px}.download{padding:23px}.steps{gap:23px}.roles{gap:30px}.primary{font-size:14px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.brand{padding-block:25px;font-size:21px}.intro{grid-template-columns:1fr;padding-block:24px 37px;gap:30px}h1{font-size:52px}.lead{font-size:22px}.description{font-size:15px}.download{padding:25px}.primary{font-size:15px}.steps{grid-template-columns:1fr;gap:24px}.steps li{position:relative;padding-left:38px}.steps li::before{position:absolute;left:0;top:4px}.steps p:last-child{margin-bottom:0}.browser-addresses div{display:flex;align-items:baseline;gap:16px}.browser-addresses dt{width:46px}.roles{grid-template-columns:1fr;gap:23px}.installation,.watch{padding-block:30px}h2{font-size:23px}.server-address{font-size:12px}footer{font-size:11px}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.download{padding:19px}.primary{font-size:14px;gap:8px}.browser-addresses div{display:block}}