@font-face{font-family:Vazirmatn;font-weight:400;font-display:swap;src:url(/fonts/Vazirmatn-Regular.woff2)format("woff2")}@font-face{font-family:Vazirmatn;font-weight:500;font-display:swap;src:url(/fonts/Vazirmatn-Medium.woff2)format("woff2")}@font-face{font-family:Vazirmatn;font-weight:700;font-display:swap;src:url(/fonts/Vazirmatn-Bold.woff2)format("woff2")}:root{--bg:#0a0d13;--surface:#11161f;--surface-2:#171e2a;--surface-3:#1e2736;--border:#232d3f;--border-strong:#2f3b52;--text:#e8eef7;--muted:#8794aa;--faint:#5d6a80;--accent:#2de2a6;--accent-ink:#04231a;--accent-soft:#2de2a61f;--blue:#5b8cff;--warn:#f5b942;--danger:#ff5d6c;--radius:14px;--font:"Vazirmatn", Tahoma, "Segoe UI", sans-serif;--mono:ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font:16px/1.9 var(--font);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p{margin:0}html,body{overflow-x:clip}.hero .wrap>*,.grid3>*,.steps>*,.uses>*{min-width:0}a{color:inherit;text-decoration:none}::selection{background:var(--accent-soft)}.wrap{width:min(1120px,100% - 40px);margin-inline:auto}.ltr{font-family:var(--mono);direction:ltr;unicode-bidi:isolate;display:inline-block}.muted{color:var(--muted)}.header{z-index:20;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#0a0d13cc;position:sticky;top:0}.header .wrap{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}.brand{align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.brand svg{width:28px;height:28px;color:var(--accent)}.nav{align-items:center;gap:4px;display:flex}.nav .btn{margin-inline-start:8px}.peer .name.off{color:var(--muted)}.nav a{color:var(--muted);border-radius:8px;padding:6px 14px;font-size:15px}.nav a:hover,.nav a[aria-current=page]{color:var(--text);background:var(--surface-2)}.btn{border:1px solid var(--border-strong);background:var(--surface-3);height:42px;color:var(--text);font:500 15px var(--font);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 20px;transition:background .15s,transform .15s;display:inline-flex}.btn:hover{background:#263247}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.btn.primary:hover{background:#55f0bd}.btn.lg{height:50px;padding:0 28px;font-size:16px}.btn.sm{height:36px;padding:0 16px}.btn[aria-disabled=true]{opacity:.55;pointer-events:none}.hero{background:radial-gradient(700px 360px at 80% 0,#2de2a61f,#0000 70%),radial-gradient(500px 300px at 10% 30%,#5b8cff14,#0000 70%);padding:88px 0 72px;position:relative;overflow:hidden}.hero:before{content:"";opacity:.5;pointer-events:none;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-size:48px 48px;position:absolute;inset:0;mask-image:radial-gradient(at 50% 30%,#000 0%,#0000 70%)}.hero .wrap{grid-template-columns:1.1fr .9fr;align-items:center;gap:48px;display:grid;position:relative}.eyebrow{background:var(--accent-soft);color:var(--accent);border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:4px 14px;font-size:13px;font-weight:500;display:inline-flex}.hero h1{font-size:clamp(32px,5vw,52px);font-weight:700;line-height:1.35}.hero h1 em{color:var(--accent);font-style:normal}.hero p.lead{color:var(--muted);max-width:540px;margin-top:20px;font-size:18px}.cta{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.hero-note{color:var(--faint);margin-top:16px;font-size:13px}.mock{background:var(--surface);border:1px solid var(--border-strong);direction:rtl;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px #0000008c,0 0 0 1px #2de2a60f}.mock-bar{border-bottom:1px solid var(--border);background:var(--surface-2);align-items:center;gap:6px;padding:12px 16px;display:flex}.mock-bar i{background:var(--surface-3);border-radius:50%;width:10px;height:10px}.mock-bar span{color:var(--muted);margin-inline-start:auto;font-size:12px}.mock-body{padding:18px}.mock-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.mock-head b{font-size:17px}.badge{background:var(--accent-soft);height:22px;color:var(--accent);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.badge.blue{color:var(--blue);background:#5b8cff24}.peer{border-top:1px solid var(--border);align-items:center;gap:12px;padding:11px 4px;font-size:14px;display:flex}.peer .name{flex:1}.peer .ip{color:var(--muted);font-size:12.5px}.dot{background:var(--faint);border-radius:50%;flex:none;width:9px;height:9px}.dot.on{background:var(--accent);box-shadow:0 0 10px var(--accent);animation:2.4s infinite pulse}@keyframes pulse{50%{opacity:.45}}.mock-foot{background:var(--bg);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;margin-top:8px;padding:12px;display:flex}.power{background:var(--accent-soft);border:1px solid var(--accent);width:34px;height:34px;color:var(--accent);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 14px #2de2a659}.power svg{width:17px;height:17px}.mock-foot small{color:var(--muted);line-height:1.5;display:block}section{padding:80px 0}.sec-head{text-align:center;margin-bottom:48px}.sec-head h2{font-size:clamp(26px,3.5vw,36px);font-weight:700;line-height:1.5}.sec-head p{color:var(--muted);margin-top:8px;max-width:620px;margin-inline:auto}.grid3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:border-color .2s,transform .2s}.card:hover{border-color:var(--border-strong);transform:translateY(-2px)}.card .ico{background:var(--accent-soft);width:44px;height:44px;color:var(--accent);border-radius:12px;place-items:center;margin-bottom:16px;display:grid}.card .ico svg{width:22px;height:22px}.card h3{margin-bottom:6px;font-size:18px}.card p{color:var(--muted);font-size:15px}.alt{background:linear-gradient(var(--surface), var(--bg));border-block:1px solid var(--border)}.steps{counter-reset:s;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.step{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:24px;position:relative}.step:before{counter-increment:s;content:counter(s, persian);background:var(--accent);width:36px;height:36px;color:var(--accent-ink);border-radius:50%;place-items:center;margin-bottom:14px;font-weight:700;display:grid}.step h3{margin-bottom:4px;font-size:17px}.step p{color:var(--muted);font-size:15px}.uses{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.use{border-radius:var(--radius);border:1px dashed var(--border-strong);padding:20px}.use b{margin-bottom:4px;display:block}.use span{color:var(--muted);font-size:14px}.final{text-align:center}.final .box{border:1px solid var(--border-strong);background:radial-gradient(500px 220px at 50% 0%, #2de2a624, transparent 70%), var(--surface);border-radius:20px;padding:56px 24px}.final h2{margin-bottom:8px;font-size:clamp(24px,3.4vw,34px)}.final p{color:var(--muted);margin-bottom:24px}.final .cta{justify-content:center;margin-top:0}.page-title{text-align:center;padding:72px 0 8px}.page-title h1{font-size:clamp(30px,4.5vw,44px);font-weight:700}.page-title p{color:var(--muted);margin-top:8px}.plans{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;padding:40px 0 8px;display:grid}.plan{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:18px;padding:28px;display:flex}.plan.free{border-color:#2de2a673;box-shadow:0 0 40px #2de2a614}.plan.enterprise{background:linear-gradient(180deg, #5b8cff14, transparent 40%), var(--surface);border-color:#5b8cff8c;box-shadow:0 0 40px #5b8cff1f}.plan h3{justify-content:space-between;align-items:center;gap:8px;font-size:20px;display:flex}.price{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.price b{font-size:38px;font-weight:700;line-height:1.3}.price small{color:var(--muted);font-size:14px}.plan ul{flex:1;gap:10px;margin:0;padding:0;list-style:none;display:grid}.plan li{color:var(--muted);gap:10px;font-size:15px;display:flex}.plan li:before{content:"";background:var(--accent-soft) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232de2a6' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.5 4.5L19 7.5'/></svg>") center/12px no-repeat;border-radius:50%;flex:none;width:18px;height:18px;margin-top:6px}.plan .btn{width:100%}.plan li.off{opacity:.5}.plan li.off:before{background:var(--surface-3)}.plans-note{text-align:center;color:var(--muted);max-width:720px;margin:18px auto 0;font-size:14px}.compare-wrap{border:1px solid var(--border);background:var(--surface);border-radius:14px;max-width:820px;margin:0 auto;overflow-x:auto}.compare{border-collapse:collapse;width:100%;font-size:15px}.compare th,.compare td{text-align:start;border-bottom:1px solid var(--border);padding:14px 18px}.compare thead th{color:var(--muted);background:var(--bg);font-size:13px;font-weight:600}.compare tbody tr:last-child td{border-bottom:none}.compare td:nth-child(n+2),.compare th:nth-child(n+2){text-align:center;white-space:nowrap}.compare .yes{color:var(--accent);font-weight:700}.compare .no{color:var(--faint)}.trial-box{background:var(--accent-soft);max-width:820px;color:var(--muted);border:1px solid #2de2a659;border-radius:14px;gap:6px;margin:24px auto 0;padding:18px 22px;display:grid}.trial-box b{color:var(--accent);font-size:16px}.skeleton{background:linear-gradient(100deg, var(--surface) 30%, var(--surface-2) 50%, var(--surface) 70%);border:1px solid var(--border);background-size:200% 100%;border-radius:18px;min-height:300px;animation:1.4s infinite sh}@keyframes sh{to{background-position:-200% 0}}.state{text-align:center;color:var(--muted);grid-column:1/-1;padding:48px 16px}.state .btn{margin-top:14px}.notice{color:var(--warn);background:#f5b9421a;border-radius:12px;margin:24px 0 0;padding:14px 18px;font-size:14px}.faq{gap:10px;max-width:760px;margin-inline:auto;display:grid}details{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:4px 20px}summary{cursor:pointer;justify-content:space-between;gap:12px;padding:14px 0;font-weight:500;list-style:none;display:flex}summary:after{content:"+";color:var(--accent);font-size:22px;line-height:1.4}details[open] summary:after{content:"−"}details p{color:var(--muted);padding-bottom:16px}summary::-webkit-details-marker{display:none}.footer{border-top:1px solid var(--border);color:var(--faint);padding:32px 0;font-size:14px}.footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.footer nav{gap:18px;display:flex}.footer .enamad{order:1}.footer .social{flex-basis:100%;order:2}.footer .enamad img{cursor:pointer;width:auto;height:80px;display:block}.footer a:hover{color:var(--text)}.footer .social{flex-wrap:wrap;gap:8px;display:flex}.footer .social a{border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.footer .social a:hover{border-color:var(--border-strong);color:var(--accent)}.footer .social svg{flex-shrink:0;width:16px;height:16px}.footer .social .social-logo{opacity:.75;width:auto;height:20px;display:block}.footer .social a:hover .social-logo{opacity:1}@media (width<=900px){.hero .wrap{grid-template-columns:1fr}.grid3,.steps,.uses{grid-template-columns:1fr 1fr}}@media (width<=600px){section{padding:56px 0}.hero{padding:56px 0 48px}.grid3,.steps,.uses{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}}.auth{padding:72px 0}.form-card{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);max-width:420px;margin-inline:auto;padding:32px}.form-card h1{margin-bottom:8px;font-size:22px;font-weight:700}.form-card .topbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.form-card .topbar h1{margin-bottom:0}.account-info p{margin-bottom:8px}.form-card-stacked{margin-top:24px}.form-card>.muted{margin-bottom:24px}.form-card form{gap:18px;display:grid}.field label{color:var(--muted);margin-bottom:8px;font-size:14px;display:block}.field input{border:1px solid var(--border-strong);background:var(--bg);width:100%;height:46px;color:var(--text);font:15px/1.5 var(--font);box-sizing:border-box;border-radius:10px;padding:0 14px}.field textarea{border:1px solid var(--border-strong);background:var(--bg);width:100%;min-height:140px;color:var(--text);font:15px/1.7 var(--font);box-sizing:border-box;resize:vertical;border-radius:10px;padding:12px 14px}.field textarea:focus{border-color:var(--accent);outline:none}.field.has-error textarea{border-color:var(--danger)}.field input:focus{border-color:var(--accent);outline:none}.contact-card{max-width:560px}.contact-primary{background:var(--bg);border:1px solid var(--border);text-align:center;border-radius:12px;gap:6px;margin:4px 0 26px;padding:18px;display:grid}.contact-email{color:var(--accent);word-break:break-all;font-size:22px;font-weight:700}.notice.ok{background:var(--accent-soft);color:var(--accent)}.error-box a{color:inherit;font-weight:600;text-decoration:underline}.hp{width:1px;height:1px;position:absolute;inset-inline-start:-9999px;overflow:hidden}.field.has-error input{border-color:var(--danger)}.field .error{color:var(--danger);margin-top:6px;font-size:13px}.field.has-error .error{display:block}.code-input{letter-spacing:6px;text-align:center;font:600 20px/1.5 var(--mono)}.error-box{color:var(--danger);background:#ff5d6c1f;border-radius:12px;margin-bottom:18px;padding:12px 16px;font-size:14px}.error-box p{margin:0}.error-box p+p{margin-top:4px}.notice a{color:inherit;font-weight:600;text-decoration:underline}.form-card .btn{width:100%}.btn.link{height:auto;color:var(--muted);background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline}.btn.link:hover{color:var(--text);background:0 0}.inline-form{text-align:center;margin-top:18px}.auth-switch{text-align:center;color:var(--muted);margin-top:22px;font-size:14px}.auth-switch a{color:var(--accent);font-weight:600}.video-frame{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:900px;margin:0 auto 32px;padding:12px}.video-frame video{aspect-ratio:16/9;background:#000;border-radius:10px;width:100%;height:auto;display:block}.diagram{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:760px;margin:0 auto 36px;padding:16px}.diagram svg{width:100%;height:auto;display:block}.diagram text{font-family:inherit}.d-node{fill:var(--bg);stroke:var(--border-strong);stroke-width:1.5px}.d-device{stroke:var(--accent)}.d-relay-node{stroke:#f5b942}.d-label{fill:var(--text);font-size:15px;font-weight:600}.d-sub{fill:var(--muted);font-size:12px}.d-line{fill:none;stroke-width:2px;stroke-linecap:round}.d-stun{stroke:var(--muted);stroke-dasharray:4 5}.d-direct{stroke:var(--accent);stroke-width:4px}.d-relay{stroke:#f5b942;stroke-dasharray:8 6}.d-tag{font-size:13px;font-weight:600}.d-tag-direct{fill:var(--accent)}.d-tag-relay{fill:#f5b942}#how-it-works .steps{margin-bottom:24px}.teaser-cta{justify-content:center;margin-top:-16px}.hero.single .wrap{grid-template-columns:1fr}.hero.single p.lead{max-width:720px}.hero-note.center{text-align:center;margin-top:24px}.hero-note a{color:var(--accent);text-decoration:underline}.faq{gap:10px;max-width:820px;margin:0 auto;display:grid}.faq details{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:0 18px}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);flex-shrink:0;font-size:22px;line-height:1}.faq details[open] summary:after{content:"−"}.faq details[open]{border-color:var(--border-strong)}.faq details p{color:var(--muted);margin:0 0 16px;line-height:1.9}.plan li.dns{color:var(--text)}.plan li.dns:before{background-color:#5b8cff29;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b8cff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.5 4.5L19 7.5'/></svg>")}.plan.enterprise .btn{border-color:var(--blue);color:var(--blue)}.article{max-width:760px;margin-inline:auto}.article h2{margin:40px 0 12px;scroll-margin-top:80px;font-size:clamp(22px,3vw,28px);font-weight:700;line-height:1.6}.article h3{margin:24px 0 6px;font-size:18px}.article p{color:var(--muted);margin-bottom:14px}.article p strong{color:var(--text)}.article ul,.article ol{color:var(--muted);margin:0 0 14px;padding-inline-start:22px}.article li{margin-bottom:6px}.article a{color:var(--accent);text-decoration:underline}.article .toc{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;padding:18px 22px}.article .toc ol{margin:8px 0 0}.article .toc a{text-decoration:none}.article pre.ltr-block{background:var(--surface-2);border:1px solid var(--border);text-align:left;font-family:var(--mono);border-radius:10px;margin:0 0 14px;padding:12px 16px;font-size:15px;overflow-x:auto}.article .callout{background:var(--accent-soft);border:1px solid var(--border-strong);border-radius:var(--radius);margin:16px 0;padding:16px 20px}.article .callout p{margin:4px 0 0}.uses.two{grid-template-columns:1fr 1fr;margin-bottom:16px}@media (width<=600px){.uses.two{grid-template-columns:1fr}}.nav-toggle{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.nav-burger{border:1px solid var(--border);width:40px;height:40px;color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;margin-inline-start:auto;display:none}.nav-burger svg{width:22px;height:22px}.nav-burger .ic-close,.nav-toggle:checked+.nav-burger .ic-open{display:none}.nav-toggle:checked+.nav-burger .ic-close{display:block}.nav-toggle:focus-visible+.nav-burger{outline:2px solid var(--accent);outline-offset:2px}.nav-dd{position:relative}.nav-dd-btn{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:4px;padding:6px 14px;font-size:15px;display:flex}.nav-dd-btn svg{width:16px;height:16px}.nav-dd:hover .nav-dd-btn,.nav-dd:focus-within .nav-dd-btn{color:var(--text);background:var(--surface-2)}.nav-dd-panel{top:100%;z-index:30;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);grid-template-columns:repeat(3,1fr);gap:8px;width:660px;padding:14px;display:none;position:absolute;inset-inline-end:0;box-shadow:0 16px 40px #00000073}.nav-dd:hover .nav-dd-panel,.nav-dd:focus-within .nav-dd-panel{display:grid}.nav-col{flex-direction:column;gap:2px;display:flex}.nav-col b{color:var(--faint);padding:4px 14px;font-size:12px;font-weight:500}.nav .nav-col a{padding:6px 14px;font-size:14px}@media (width<=960px){.nav-burger{display:flex}.nav{top:64px;background:var(--surface);border-bottom:1px solid var(--border-strong);flex-direction:column;align-items:stretch;gap:2px;max-height:calc(100vh - 64px);padding:12px 20px 20px;display:none;position:absolute;inset-inline:0;overflow-y:auto}.nav-toggle:checked~.nav{display:flex}.nav a,.nav-dd-btn{padding:10px 12px}.nav .btn{justify-content:center;margin:8px 0 0}.nav-dd-btn{pointer-events:none;color:var(--text);font-weight:700}.nav-dd-btn svg{display:none}.nav-dd-panel{width:auto;box-shadow:none;background:0 0;border:0;grid-template-columns:1fr;padding:0 0 8px;display:grid;position:static}}