:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101216;--panel:#181b21;--text:#ecedf1;--muted:#9298a5;--line:#2a2e38;--accent:#82c9b0;--danger:#ec8d97;--warning:#e5bc70;--input:#14171c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{border:0}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}::selection{color:var(--bg);background:var(--accent)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.15}.container{width:min(1160px,100% - 80px);margin-inline:auto}.icon{flex-shrink:0;width:22px;height:22px}.skip-link{z-index:10;background:var(--accent);color:var(--bg);padding:12px;position:absolute;top:-70px}.skip-link:focus{top:5px}.site-header{border-bottom:1px solid var(--line);background:#12151a}.header-inner{align-items:center;gap:40px;height:91px;display:flex}.brand{letter-spacing:-.6px;white-space:nowrap;align-items:center;gap:10px;font-size:21px;font-weight:650;display:inline-flex}.brand-mark{background:var(--accent);color:#13271f;border-radius:10px 10px 13px 13px;place-items:center;width:33px;height:37px;font-size:24px;font-weight:750;display:grid}.brand-light{color:var(--muted);font-weight:450}.desktop-nav{color:var(--muted);gap:30px;margin-inline:auto;font-size:13px;display:flex}.desktop-nav a:hover,.text-link:hover,.site-footer a:hover{color:var(--accent)}.header-action{align-items:center;gap:16px;font-size:13px;display:inline-flex}.header-action .icon{width:17px}.header-action:hover{color:var(--accent)}.eyebrow{color:var(--muted);letter-spacing:1.8px;align-items:center;gap:10px;font-size:10px;font-weight:600;line-height:1.5;display:inline-flex}.small-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.eyebrow .small-dot{color:var(--accent);box-shadow:0 0 0 4px #82c9b00b}.hero{grid-template-columns:1.12fr 1fr;align-items:center;gap:25px;min-height:635px;padding-block:70px 64px;display:grid}.hero h1{letter-spacing:-2.7px;margin-block:24px;font-size:clamp(45px,4.9vw,66px);line-height:1.09}.hero h1 span{color:var(--accent)}.hero-description{color:#a5abb6;font-size:16px;line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:33px;display:flex}.button{border:1px solid var(--accent);background:var(--accent);color:#142a21;border-radius:8px;justify-content:center;align-items:center;gap:23px;min-height:49px;padding:12px 21px;font-size:13px;font-weight:650;line-height:1.5;transition:background .15s,border-color .15s;display:inline-flex}.button:hover:not(:disabled){background:#a3ddc8;border-color:#a3ddc8}.button .icon{width:18px;height:18px}.button.secondary{color:#dce0e8;background:#20242c;border-color:#343a47}.button.secondary:hover:not(:disabled){background:#2c333d;border-color:#56616f}.button.compact{gap:10px;min-height:38px;padding:8px 14px;font-size:12px}.text-link{align-items:center;gap:10px;font-size:13px;display:inline-flex}.text-link .icon{width:15px}.accent{color:var(--accent)}.platforms{color:#8f97a5;align-items:center;gap:11px;margin-top:32px;font-size:11px;display:flex}.platforms .icon{width:15px;height:17px;margin-right:4px}.platforms i{background:#4b525f;border-radius:50%;width:3px;height:3px}.hero-visual{isolation:isolate;place-items:center;height:460px;display:grid;position:relative;overflow:hidden}.visual-grid{z-index:-1;background:radial-gradient(#82c9b009,#0000 65%),linear-gradient(#8998ab08 1px,#0000 1px) 0 0/36px 36px,linear-gradient(90deg,#8998ab08 1px,#0000 1px) 0 0/36px 36px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 25%,#0000 72%);mask-image:radial-gradient(#000 25%,#0000 72%)}.orbit{border:1px solid #82c9b013;border-radius:50%;width:340px;height:340px;position:absolute}.orbit-two{border-style:dashed;border-color:#82c9b027;width:252px;height:252px}.orbit-three{border-color:#82c9b00b;width:430px;height:430px}.connection-line{z-index:-1;background:linear-gradient(90deg,#0000,#82c9b02c,#0000);width:280px;height:1px;position:absolute;transform:rotate(37deg)}.central-shield{background:#192d27;border:1px solid #82c9b040;border-radius:31px 31px 49px 49px;place-items:center;width:118px;height:137px;display:grid;transform:rotate(-6deg);box-shadow:0 0 70px #82c9b00a,0 18px 60px #0003}.central-shield .icon{color:var(--accent);stroke-width:1.1px;width:61px;height:61px;transform:rotate(6deg)}.connection-node{background:#1a2022;border:1px solid #39463f;border-radius:11px;align-items:center;gap:10px;padding:13px 17px;font-size:11px;display:flex;position:absolute;box-shadow:0 8px 25px #0002}.connection-node .icon{color:var(--accent);width:20px}.node-device{top:71px;left:16px}.node-world{bottom:74px;right:6px}.visual-caption{letter-spacing:2.2px;color:var(--accent);align-items:center;gap:9px;font-size:8px;display:flex;position:absolute;bottom:125px}.visual-caption .small-dot{width:4px;height:4px}.visual-footnote{color:#687580;letter-spacing:.4px;font-size:10px;position:absolute;bottom:12px}.orbit-point{background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 0 5px #82c9b010}.point-one{top:119px;right:116px}.point-two{opacity:.5;width:4px;height:4px;bottom:108px;left:136px}.feature-strip{border-block:1px solid var(--line);background:#15181d}.feature-strip-inner{justify-content:space-between;gap:20px;padding-block:27px;display:flex}.feature-strip-inner>div{color:#bac1cd;align-items:center;gap:13px;font-size:12px;display:flex}.feature-strip .icon{color:var(--accent);width:20px}.section{padding-block:88px}.how-section,.faq-section{grid-template-columns:.9fr 1fr;gap:90px;display:grid}.section-heading h2{letter-spacing:-1.1px;margin:17px 0;font-size:36px}.section-heading p{color:var(--muted);font-size:14px;line-height:1.9}.section-heading .text-link{margin-top:26px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px}.steps-panel{padding:8px 28px}.connection-steps{margin:0;padding:0;list-style:none}.connection-steps li{gap:22px;padding:25px 0;display:flex}.connection-steps li+li{border-top:1px solid var(--line)}.connection-steps li>span{color:var(--accent);padding-top:2px;font-family:ui-monospace,monospace;font-size:12px}.connection-steps h3{margin-bottom:8px;font-size:15px}.connection-steps p{color:var(--muted);font-size:12px;line-height:1.8}.connection-steps a{color:#c5dccf;text-underline-offset:3px;text-decoration:underline}.faq-section{border-top:1px solid var(--line);padding-top:70px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{justify-content:space-between;align-items:center;gap:20px;padding:19px 0;font-size:14px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}.faq-list summary span{color:#929eaa;font-size:22px;font-weight:300}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);padding-bottom:22px;font-size:13px}.bottom-cta{background:#19221f;border:1px solid #34443e;border-radius:12px;justify-content:space-between;align-items:center;gap:30px;margin-bottom:80px;padding:30px 35px;display:flex}.bottom-cta h2{letter-spacing:-.5px;margin-block:9px;font-size:24px}.bottom-cta p{color:var(--muted);font-size:12px}.bottom-cta .button{flex-shrink:0}.site-footer{border-top:1px solid var(--line)}.footer-inner{align-items:center;gap:30px;min-height:105px;display:flex}.site-footer .brand{gap:8px;font-size:16px}.site-footer .brand-mark{border-radius:7px 7px 10px 10px;width:25px;height:28px;font-size:18px}.site-footer p,.site-footer>div>a{color:var(--muted);font-size:11px}.site-footer>div>a{margin-left:auto}.state-page{text-align:center;max-width:630px;min-height:calc(100svh - 197px);padding-block:76px}.state-page h1{letter-spacing:-1.3px;margin-block:20px;font-size:clamp(30px,4vw,43px)}.state-page>p{max-width:470px;color:var(--muted);margin:0 auto 20px;font-size:14px}.state-page>.button{margin-block:10px 20px}.state-page>.text-link{color:var(--muted);justify-content:center;display:flex}.state-icon{width:58px;height:58px;color:var(--accent);background:#82c9b00c;border:1px solid #82c9b02c;border-radius:17px;place-items:center;margin:0 auto 23px;display:grid}.state-icon .icon{width:27px;height:27px}.connect-form{text-align:left;margin-block:30px;padding:24px}.connect-form label,.field-label{color:#b7bfcc;margin-bottom:9px;font-size:12px;display:block}input{background:var(--input);width:100%;min-width:0;color:var(--text);border:1px solid #343a47;border-radius:8px;min-height:48px;padding:10px 13px;font-size:13px}input::placeholder{color:#66717e}input:focus{border-color:var(--accent)}.connect-form .button{width:100%;margin-top:16px}.error-text{color:var(--danger);margin-top:10px;font-size:12px}.state-page .privacy-note{color:#7f8998;font-size:11px}.privacy-note .icon{vertical-align:-2px;width:14px;height:14px;margin-right:4px}.subscription-page{max-width:1040px;padding-block:46px 60px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px;display:flex}.page-heading h1{letter-spacing:-1px;overflow-wrap:anywhere;margin-block:13px 10px;font-size:34px}.page-heading p{color:var(--muted);font-size:13px}.subscription-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.metric{flex-direction:column;gap:14px;padding:22px;display:flex}.metric-label{letter-spacing:1.3px;color:var(--muted);font-size:9px}.metric strong{letter-spacing:-.7px;font-size:27px;font-weight:550;line-height:1.2}.metric strong.date-value{letter-spacing:-.4px;font-size:21px}.metric small{color:var(--muted);font-size:10px}.metric .status-text{align-items:center;gap:9px;font-size:22px;display:flex}.positive{color:var(--accent)}.muted{color:var(--muted)}.subscription-grid{grid-template-columns:1.3fr 1fr;gap:20px;display:grid}.connection-panel,.traffic-panel,.servers-panel,.subscription-instructions{padding:26px}.panel-heading{align-items:center;gap:13px;margin-bottom:27px;display:flex}.panel-heading h2{letter-spacing:-.4px;font-size:18px}.panel-heading p{color:var(--muted);margin-top:6px;font-size:11px}.panel-icon{color:var(--accent);background:#82c9b008;border:1px solid #82c9b023;border-radius:10px;place-items:center;width:39px;height:39px;display:grid}.copy-field{background:var(--input);border:1px solid #343a47;border-radius:8px;align-items:center;display:flex}.copy-field:focus-within{border-color:var(--accent)}.copy-field input{color:#c0c9d6;background:0 0;border:0;outline:0;padding-right:0;font-size:11px}.icon-button{color:#b2c9bc;background:0 0;border-radius:6px;flex-shrink:0;place-items:center;width:47px;min-height:46px;display:grid}.icon-button:hover{background:#82c9b011}.icon-button .icon{width:17px;height:17px}.copy-feedback{min-height:35px;color:var(--muted);padding-block:7px;font-size:10px}.connection-actions{flex-wrap:wrap;gap:10px;display:flex}.connection-actions .button{gap:15px;min-height:44px;padding-inline:16px;font-size:12px}.connection-help{border-top:1px solid var(--line);margin-top:22px;padding-top:16px}.connection-help summary{color:var(--muted);justify-content:space-between;font-size:11px;list-style:none;display:flex}.connection-help summary .icon{width:13px;height:18px}.connection-help p{color:var(--muted);margin-top:12px;font-size:11px}.connection-help[open] .icon{transform:rotate(90deg)}.qr-block{text-align:center;padding:24px 0 4px}.qr-code{background:#fff;border-radius:10px;width:fit-content;margin-inline:auto;padding:8px}.qr-code svg{max-width:100%;height:auto;display:block}.qr-block p{color:var(--muted);margin-top:12px;font-size:11px}.traffic-total{letter-spacing:-1px;margin-top:36px;font-size:29px}.traffic-total span{color:#7e8898;letter-spacing:-.3px;font-size:15px}.progress{background:#2d333c;border-radius:8px;height:6px;margin-top:14px;overflow:hidden}.progress>span{background:var(--accent);border-radius:inherit;height:100%;display:block}.traffic-directions{justify-content:space-between;gap:20px;margin-top:26px;display:flex}.traffic-directions div{gap:5px;display:grid}.traffic-directions span{color:var(--muted);font-size:11px}.traffic-directions strong{font-size:14px;font-weight:500}.muted-note{color:#818b9a;margin-top:27px;font-size:10px}.capitalize:first-letter{text-transform:uppercase}.servers-panel{margin-top:20px}.servers-panel .panel-heading{justify-content:space-between;margin-bottom:5px}.count-badge{min-width:25px;height:25px;color:var(--accent);border:1px solid #37423d;border-radius:6px;place-items:center;font-size:11px;display:grid}.server-list{margin:16px 0 0;padding:0;list-style:none}.server-list li{align-items:center;gap:13px;padding-top:17px;display:flex}.server-list li+li{border-top:1px solid var(--line);margin-top:17px}.country-icon{color:#c3d7cb;background:#27312e;border-radius:7px;place-items:center;width:38px;height:34px;font-size:11px;font-weight:600;display:grid}.country-icon .icon{width:18px}.server-list strong{font-size:13px;font-weight:500}.server-list li>div:nth-child(2){gap:3px;display:grid}.server-list span{color:var(--muted);font-size:10px}.server-list li>.icon{color:var(--accent);width:17px;margin-left:auto}.empty-note{color:var(--muted);padding-top:18px;font-size:12px}.subscription-instructions{margin-top:20px}.subscription-instructions .panel-heading{margin-bottom:10px}.subscription-instructions .connection-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.subscription-instructions .connection-steps li{border:0;gap:12px;padding-bottom:0}.subscription-instructions .connection-steps h3{font-size:13px}.subscription-instructions .connection-steps p{font-size:11px}.subscription-privacy{color:#7c8795;justify-content:center;align-items:center;gap:8px;margin-top:24px;font-size:10px;display:flex}.subscription-privacy .icon{width:13px;height:13px}.notice{background:#e5bc7006;border:1px solid #e5bc7030;border-radius:10px;gap:14px;margin-bottom:22px;padding:20px;display:flex}.notice>.icon{color:var(--warning);width:19px;margin-top:2px}.notice strong{color:var(--warning);font-size:13px;font-weight:500}.notice p{color:var(--muted);margin-top:6px;font-size:12px}.skeleton{background:#1c2229;border-radius:12px}.skeleton-title{max-width:330px;height:45px;margin-block:20px 28px}.skeleton-card{height:240px;margin-bottom:20px}@media (width>=1600px){.hero{min-height:690px}.hero h1{font-size:70px}}@media (width<=1000px){.container{width:calc(100% - 48px)}.desktop-nav{gap:20px}.hero{gap:0}.hero h1{font-size:49px}.hero-visual{margin-inline:-15px;transform:scale(.9)}.how-section,.faq-section{gap:45px}.hero-actions{gap:17px}.metric{padding:18px}.metric strong.date-value{font-size:18px}.metric .status-text{font-size:19px}.subscription-grid{grid-template-columns:1.1fr 1fr}.connection-panel,.traffic-panel{padding:22px}}@media (width<=760px){.container{width:calc(100% - 36px)}.header-inner{justify-content:space-between;gap:10px;height:75px}.brand{font-size:19px}.brand-mark{width:29px;height:33px;font-size:21px}.desktop-nav{display:none}.header-action{gap:7px;min-height:44px;font-size:11px}.header-action .icon{width:15px}.hero{padding-block:47px 30px;display:block}.hero h1{letter-spacing:-1.9px;margin-block:22px;font-size:clamp(42px,10vw,62px)}.desktop-break{display:none}.hero-description{font-size:14px}.hero-actions{gap:20px}.hero-actions>.button{min-height:49px}.platforms{margin-top:25px}.hero-visual{max-width:430px;height:350px;margin:5px auto 0;transform:none}.central-shield{border-radius:24px 24px 39px 39px;width:98px;height:112px}.central-shield .icon{width:52px;height:52px}.orbit-one{width:260px;height:260px}.orbit-two{width:190px;height:190px}.orbit-three{width:340px;height:340px}.node-device{top:43px;left:3px}.node-world{bottom:53px;right:0}.connection-node{padding:11px 13px;font-size:10px}.visual-caption{font-size:7px;bottom:91px}.visual-footnote{bottom:5px}.point-one{top:92px;right:70px}.point-two{bottom:90px;left:80px}.feature-strip-inner{flex-direction:column;align-items:flex-start;gap:17px;padding-block:24px}.feature-strip-inner>div{font-size:12px}.section{padding-block:48px}.how-section,.faq-section{grid-template-columns:1fr;gap:28px}.section-heading h2{letter-spacing:-.8px;margin-block:14px;font-size:29px}.section-heading p{font-size:13px}.section-heading p br{display:none}.section-heading .text-link{margin-top:18px}.steps-panel{padding-inline:23px}.connection-steps li{gap:17px}.bottom-cta{margin-bottom:45px;padding:25px;display:block}.bottom-cta h2{font-size:24px}.bottom-cta .button{width:100%;margin-top:22px}.footer-inner{flex-wrap:wrap;gap:15px 20px;min-height:auto;padding-block:25px}.site-footer p{order:3;width:100%;font-size:10px}.site-footer>div>a{font-size:10px}.state-page{padding-block:48px}.connect-form{padding:20px}.subscription-page{padding-block:31px 40px}.page-heading{align-items:flex-start;gap:8px}.page-heading h1{font-size:28px}.page-heading p{font-size:12px}.page-heading .compact{gap:0;margin-top:28px;padding:9px;font-size:0}.page-heading .compact .icon{width:17px;height:17px}.page-heading .eyebrow{font-size:9px}.subscription-metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{gap:12px;padding:17px 15px}.metric:last-child{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;row-gap:6px;display:grid}.metric:last-child strong{grid-area:1/2/3;font-size:26px}.metric-label{letter-spacing:1px;font-size:8px}.metric strong.date-value,.metric .status-text{letter-spacing:-.4px;font-size:17px}.metric small{font-size:9px}.metric .status-text{gap:7px}.metric .status-text .small-dot{width:5px;height:5px}.subscription-grid{grid-template-columns:1fr;gap:15px}.connection-panel,.traffic-panel,.servers-panel,.subscription-instructions{padding:22px}.panel-heading h2{font-size:17px}.connection-actions .button{flex:auto}.connection-actions .button:first-child{flex:100%}.traffic-total{margin-top:10px}.traffic-directions{margin-top:22px}.muted-note{margin-top:20px}.servers-panel,.subscription-instructions{margin-top:15px}.subscription-instructions .connection-steps{display:block}.subscription-instructions .connection-steps li{padding-top:21px;padding-bottom:16px}.subscription-instructions .connection-steps li+li{border-top:1px solid var(--line);margin-top:5px}.subscription-instructions .connection-steps li:last-child{padding-bottom:0}.subscription-instructions .connection-steps h3{font-size:14px}.subscription-instructions .connection-steps p{font-size:12px}.subscription-privacy{text-align:center;align-items:flex-start;gap:7px;padding-inline:10px;font-size:10px}.subscription-privacy .icon{margin-top:3px}.notice{padding:17px}.notice p{font-size:11px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}
