@font-face{font-family:Space;src:url('fonts/space-grotesk.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:Mono;src:url('fonts/jetbrains-mono.woff2') format('woff2');font-weight:100 800;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#101113;--panel:#191b1e;--white:#eeeee9;--muted:#a5a9b0;--line:#35383e;--red:#f66b5e;--mint:#bdd6c9;--gutter:clamp(22px,5vw,76px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.7 Space,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait}button,input,a,summary{-webkit-tap-highlight-color:transparent}::selection{background:var(--mint);color:var(--bg)}:focus-visible{outline:2px solid var(--mint);outline-offset:5px}svg{display:block}p,h1,h2,h3,figure{margin:0}input{min-width:0}code{font-family:Mono,monospace;font-size:.88em;overflow-wrap:anywhere}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:absolute;left:20px;top:10px;z-index:20;padding:12px 18px;background:var(--white);color:var(--bg);transform:translateY(-150%)}.skip:focus{transform:none}.wrap{max-width:1380px;margin:auto;padding-left:var(--gutter);padding-right:var(--gutter)}main:focus{outline:0}.header{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:104px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:13px;font-size:17px;font-weight:700;letter-spacing:-.6px;white-space:nowrap}.brand svg{color:var(--red);width:30px;height:30px}.brand b{font-weight:400;color:var(--muted);margin-left:4px}.header nav{display:flex;gap:32px;font-size:13px}.header nav a{padding:12px 0;color:var(--muted)}.header nav a:hover{color:var(--white)}.header nav a:last-child{color:var(--white)}.header nav span{color:var(--red);margin-left:8px}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:7%;padding-top:92px;padding-bottom:88px}.eyebrow{font:10px/1.6 Mono,monospace;text-transform:uppercase;letter-spacing:1.3px;color:var(--muted);margin-bottom:30px}.hero .eyebrow{display:flex;align-items:center;gap:12px}.dash{height:2px;width:23px;background:var(--red)}h1{font-size:clamp(55px,5.85vw,80px);line-height:1.04;letter-spacing:-.065em;font-weight:500}h1 span{color:#aeb5b0}.intro{max-width:460px;color:var(--muted);font-size:16px;line-height:1.8;margin-top:28px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}.button{display:inline-flex;gap:30px;align-items:center;justify-content:center;min-height:50px;padding:13px 20px;font-size:13px;font-weight:600;border:1px solid transparent;border-radius:3px;transition:background .18s,transform .18s}.primary{background:var(--white);color:#17191b}.primary:hover{background:#d4e1d9;transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.plain{font-size:12px;padding:12px 0;color:var(--muted)}.plain span{margin-left:12px;color:var(--white)}.plain:hover{color:var(--white)}.hero-note{font-size:11px;color:var(--muted);margin-top:22px}.connection{background:var(--panel);border:1px solid #3a3d41;border-radius:6px;box-shadow:0 18px 55px #0002;min-width:0;padding:24px 26px}.panel-heading{display:flex;justify-content:space-between;gap:20px;font:9px Mono,monospace;letter-spacing:1px;color:var(--muted);padding-bottom:30px}.index{color:#858c94}.endpoint-label{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:17px;margin-bottom:14px}.protocol{font:9px Mono,monospace;color:var(--mint);border:1px solid #46514d;border-radius:3px;padding:4px 7px}.address-row{display:flex;align-items:center;background:#101214;border:1px solid #464c51;border-radius:3px;padding:8px 6px 8px 13px;gap:5px}.address-row input{border:0;background:transparent;color:var(--white);font:11px/1.5 Mono,monospace;width:100%;padding:8px 0}.icon-button{display:grid;place-items:center;color:var(--muted);border:0;background:transparent;border-radius:3px;flex:0 0 40px;width:40px;height:40px}.icon-button:hover{background:#2f3439;color:var(--white)}.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round}.hostname-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:25px}.small-label{display:block;font:9px/1.6 Mono,monospace;letter-spacing:1px;color:var(--muted)}.hostname-row>div{min-width:0;width:100%}.hostname-row input{border:0;background:none;color:var(--white);font:13px/1.6 Mono,monospace;width:100%;padding:8px 0}.protocol-note{color:var(--muted);font-size:11px;margin-top:1px}.check-row{border-top:1px solid var(--line);padding-top:17px;margin-top:25px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.check-button{background:transparent;color:var(--mint);border:0;font-size:12px;padding:8px 0;text-align:left;min-height:40px}.check-button span{margin-left:12px}.check-button:hover{color:var(--white)}#check-result{font:10px/1.7 Mono,monospace;color:var(--muted);flex:1 1 130px}.check-note{font-size:10px;color:var(--muted);margin-top:9px;line-height:1.7}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:26px;padding-bottom:26px}.facts>div{display:flex;gap:15px}.fact-number{font:10px/2.5 Mono,monospace;color:var(--red)}.facts strong,.facts p>span{display:block}.facts strong{font-size:13px;font-weight:500}.facts p>span{font-size:11px;color:var(--muted);margin-top:3px}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:45px}h2{font-size:clamp(34px,4vw,52px);line-height:1.13;letter-spacing:-.055em;font-weight:500}.section-heading .eyebrow{margin-bottom:20px}.section-heading>p{max-width:360px;font-size:14px;color:var(--muted)}.setup-grid{display:grid;grid-template-columns:230px 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.setup-tabs{padding:23px 25px 23px 0;border-right:1px solid var(--line)}.setup-tab{display:flex;align-items:center;gap:15px;min-height:60px;color:var(--muted);font-size:14px;border-bottom:1px solid #292d32;padding:12px 0}.setup-tab>span:first-child{font:10px Mono,monospace;color:#838a91}.setup-tab>span:last-child{margin-left:auto;opacity:0;transition:opacity .2s}.setup-tab:hover,.setup-tab[aria-selected=true]{color:var(--white)}.setup-tab[aria-selected=true]>span:last-child{opacity:1;color:var(--red)}.setup-tab[aria-selected=true]>span:first-child{color:var(--red)}.setup-panels{padding:35px 0 38px 44px}.guide+.guide{margin-top:35px;padding-top:35px;border-top:1px solid var(--line)}.tabs-active .guide{margin-top:0;padding-top:0;border-top:0}.guide h3{font-size:25px;font-weight:500;letter-spacing:-.7px;line-height:1.3;margin-top:12px;margin-bottom:25px}.guide ol{padding-left:25px;margin:0 0 26px;color:var(--muted);font-size:14px}.guide li{padding-left:9px;margin-bottom:14px}.guide li::marker{font:11px Mono,monospace;color:var(--red)}strong{font-weight:600;color:var(--white)}.guide-address{border-left:2px solid var(--mint);padding:14px 18px;background:var(--panel);color:var(--white);margin-bottom:24px}.guide-address code{font-size:12px}.guide-tip,.guide>p:not(.small-label){font-size:13px;color:var(--muted);max-width:680px}.source-link{display:inline-block;font-size:11px;color:var(--mint);margin-top:20px;text-decoration:underline;text-underline-offset:4px}.source-link span{margin-left:8px}.protocol-list{margin:20px 0 25px}.protocol-list>div{padding:12px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:150px 1fr;gap:12px}.protocol-list dt{font-size:12px;color:var(--muted)}.protocol-list dd{margin:0;font-size:13px}.inside{border-top:1px solid var(--line);background:linear-gradient(180deg,#17191b80,transparent 70%)}.flow{border:1px solid var(--line);border-radius:4px;padding:35px 30px 20px}.flow-main{display:flex;align-items:center;justify-content:space-between;gap:16px}.flow-node{min-width:130px;text-align:center;display:flex;flex-direction:column;align-items:center}.flow-node svg{width:32px;height:32px;stroke:var(--muted);stroke-width:1.2;fill:none;margin-bottom:15px}.flow-node strong{font-size:14px;font-weight:500}.flow-node>span{font-size:11px;color:var(--muted);margin-top:4px}.resolver{background:#202623;border:1px solid #53645b;border-radius:4px;padding:24px 18px;min-width:190px}.resolver svg{stroke:var(--mint)}.flow-line{flex:1;text-align:center;min-width:60px}.flow-line span{font:8px Mono,monospace;letter-spacing:.6px;color:var(--muted);white-space:nowrap}.flow-line i{display:block;height:1px;background:#53615a;margin-top:15px;position:relative}.flow-line i:after{content:'';position:absolute;right:0;top:-3px;border-top:3px solid transparent;border-bottom:3px solid transparent;border-left:5px solid #8d9f94}.flow-blocked{display:flex;align-items:center;justify-content:center;gap:15px;margin:28px 0 0;font-size:11px;color:var(--muted)}.flow-blocked>span:first-child{color:var(--red);font-size:22px}.flow-blocked strong{color:var(--red);font-weight:400;border-left:1px solid #535151;padding-left:15px}.flow figcaption{text-align:center;color:#91979e;font:9px/1.7 Mono,monospace;margin-top:30px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:45px}.detail-grid h3{font-size:21px;font-weight:500;letter-spacing:-.6px;margin-top:12px;margin-bottom:13px}.detail-grid p{font-size:13px;color:var(--muted)}.detail-grid a,.privacy a,.questions p a{color:var(--white);text-decoration:underline;text-underline-offset:3px}.privacy{display:grid;grid-template-columns:.85fr 1fr;gap:80px;border-top:1px solid var(--line)}.privacy-copy>p{font-size:14px;color:var(--muted)}.privacy dl{margin:27px 0}.privacy dl>div{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:17px 0;border-top:1px solid var(--line)}.privacy dt{font-size:12px}.privacy dd{margin:0;color:var(--muted);font-size:12px}.privacy .privacy-note{font-size:12px}.privacy-note a{display:block;margin-top:12px}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:.85fr 1fr;gap:80px}.questions details{border-bottom:1px solid var(--line)}.questions details:first-child{border-top:1px solid var(--line)}.questions summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;list-style:none;font-size:14px;cursor:pointer}.questions summary::-webkit-details-marker{display:none}.questions summary>span{color:var(--red);font:20px Mono,monospace;font-weight:300}.questions details[open] summary>span{transform:rotate(45deg)}.questions details p{font-size:13px;color:var(--muted);padding-bottom:22px}.closing{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:50px;padding-bottom:50px}.closing p{font-size:clamp(23px,3vw,36px);line-height:1.3;letter-spacing:-1.2px}.closing p>span{color:var(--muted)}.footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:23px;padding-top:28px;padding-bottom:28px}.footer .brand{font-size:12px}.footer p{font-size:10px;color:var(--muted)}.footer>div{margin-left:auto;display:flex;gap:20px;font-size:10px;color:var(--muted)}.footer a:hover{color:var(--white)}
@media(min-width:1500px){.hero{padding-top:112px;padding-bottom:108px}}
@media(max-width:1080px){.hero{gap:35px}.connection{padding:22px 19px}.hero-actions{gap:12px}.facts{gap:18px}.section{padding-top:75px;padding-bottom:75px}.privacy,.faq{gap:42px;grid-template-columns:.7fr 1fr}.footer{flex-wrap:wrap}.footer>div{margin-left:0}.flow{padding:30px 22px 20px}.flow-node{min-width:100px}.resolver{min-width:160px}.flow-line span{font-size:7px}}
@media(max-width:820px){.hero{grid-template-columns:1fr;padding-top:58px;padding-bottom:45px;gap:40px}.hero-copy{max-width:600px}h1{font-size:clamp(56px,9vw,77px)}.intro{max-width:520px}.connection{max-width:600px;width:100%;padding:24px}.address-row input{font-size:12px}.hero .eyebrow{margin-bottom:25px}.facts{grid-template-columns:1fr;gap:19px}.facts>div{gap:20px}.facts p>span{font-size:12px}.facts strong{font-size:14px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px;max-width:500px}.setup-grid{grid-template-columns:1fr}.setup-tabs{display:flex;gap:18px;padding:5px 0;border-right:0;border-bottom:1px solid var(--line)}.setup-tab{flex:1;font-size:12px;gap:10px;min-height:58px;border:0}.setup-tab>span:last-child{display:none}.setup-panels{padding:30px 0}.privacy,.faq{grid-template-columns:1fr;gap:35px}.flow-main{gap:12px}.flow-node strong{font-size:12px}.flow-node>span{font-size:10px}.resolver{min-width:135px;padding:22px 10px}.flow-line span{white-space:normal}.detail-grid{gap:30px}.footer{gap:15px}.footer p{flex-basis:50%}.closing .button{flex-shrink:0}}
@media(max-width:540px){.header{min-height:86px;gap:15px}.header nav{gap:17px;font-size:11px}.header nav a:nth-child(2){display:none}.brand{font-size:13px;gap:9px}.brand svg{width:25px;height:25px}.brand b{margin-left:1px}.hero{padding-top:45px}.hero .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:clamp(46px,11.8vw,64px)}.intro{font-size:14px;margin-top:22px}.hero-actions{gap:15px}.hero-note{font-size:10px}.plain{font-size:11px}.button{font-size:12px;gap:18px}.connection{padding:20px 17px}.panel-heading{font-size:8px;gap:8px;padding-bottom:24px}.address-row{padding-left:9px}.address-row input{font-size:9px}.hostname-row input{font-size:12px}.endpoint-label{font-size:16px}.check-note{font-size:10px}.facts{padding-top:24px;padding-bottom:24px}.section{padding-top:58px;padding-bottom:58px}.eyebrow{font-size:9px;margin-bottom:20px}h2{font-size:36px}.guide h3{font-size:23px}.guide-address{padding:12px}.guide-address code{font-size:10px}.guide li{font-size:13px}.setup-tabs{gap:10px}.setup-tab{gap:7px;font-size:11px}.setup-tab>span:first-child{font-size:9px}.protocol-list>div{grid-template-columns:1fr;gap:5px}.flow{padding:25px 17px 20px}.flow-main{flex-direction:column;gap:20px}.flow-node{width:100%}.flow-node svg{margin-bottom:10px}.flow-node strong{font-size:14px}.flow-node>span{font-size:11px}.flow-line{width:120px}.flow-line span{font-size:8px}.flow-line i{margin-top:6px}.resolver{max-width:220px;padding:18px 20px}.flow-blocked{flex-wrap:wrap;column-gap:10px;row-gap:4px;font-size:10px}.flow-blocked strong{flex-basis:100%;border:0;padding:0;text-align:center}.flow figcaption{font-size:8px;margin-top:22px}.detail-grid{grid-template-columns:1fr;gap:30px;margin-top:32px}.privacy dl>div{grid-template-columns:1fr;gap:7px;padding:16px 0}.privacy dd{font-size:13px}.faq{gap:28px}.questions summary{font-size:13px}.closing{align-items:start;flex-direction:column;padding-top:35px;padding-bottom:35px;gap:25px}.closing p{font-size:28px}.footer{align-items:start;gap:13px}.footer p{flex-basis:100%}.footer>div{flex-wrap:wrap;gap:20px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.primary:hover{transform:none}}