/* VPN sharing guide. Shared navigation, fonts and color tokens live in site.css. */
.share-page [hidden]{display:none!important}
.share-page:not(.share-enhanced) .share-copy-link,.share-page:not(.share-enhanced) .host-tabs,.share-page:not(.share-enhanced) .client-tabs{display:none}
.share-page{--share-accent:#b4efdc}
/* Use the same landing-page proportions and spacing as Connectix Flow. */
.share-hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 84% 42%,#254d4d38,transparent 52%),radial-gradient(ellipse at 10% 20%,#49336325,transparent 65%),var(--bg)}
.share-hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:44px;padding-block:52px 64px}
.share-hero-copy{min-width:0}
.share-product{display:flex;align-items:center;gap:14px;margin-bottom:27px}
.share-product-icon{display:grid;place-items:center;flex:none;width:57px;height:57px;border:1px solid #bdded226;border-radius:15px;background:linear-gradient(135deg,#8ceac41a,#798bc411)}
.share-product-icon img{width:35px;height:35px;object-fit:contain}
.share-product .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:5px}
.share-product .eyebrow::before{display:none}
.share-product p{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font:600 16px/1.6 Manrope,var(--body);letter-spacing:-.3px}
.share-product p>span{font-family:var(--body);font-size:11px;font-weight:400;color:#bdc7da;letter-spacing:0}
.share-hero h1{font:400 clamp(44px,4.9vw,66px)/1.16 var(--heading);letter-spacing:-3.4px}
.share-hero h1>span{background:linear-gradient(110deg,#d6c5ff,#a3e9d8);background-clip:text;-webkit-background-clip:text;color:transparent}
.share-lead{max-width:475px;margin-top:25px;font-size:14px;line-height:1.95;color:#abb7ca}
.share-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:23px;margin-top:29px}
.share-hero-actions .button{font-size:12px;gap:16px}
.share-hero-actions .text-link{font-size:12px;gap:8px}
.share-hosts{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:22px;color:#b2bfd0;font-size:10px}
.share-hosts>span{display:flex;align-items:center;gap:7px}
.share-hosts>span:first-child{font-size:8px;letter-spacing:1.4px;color:#8594aa}
.share-hosts .mdi{font-size:20px;color:#a4b2c6}
.network-figure{position:relative;isolation:isolate;margin:0;justify-self:stretch;width:100%;min-width:0}
.network-figure::before{content:'';position:absolute;z-index:-1;inset:12% -25%;border:1px solid #b9b4eb13;border-radius:50%;transform:rotate(22deg);box-shadow:0 0 0 42px #b9b4eb05,0 0 0 85px #b9b4eb03;pointer-events:none}
.network-figure figcaption{color:var(--muted);font-size:9px;text-align:center;margin-top:18px}
.share-window{overflow:hidden;border:1px solid #b9dbd32e;border-radius:16px;background:radial-gradient(ellipse at 30% 20%,#204b48,#172938 80%);box-shadow:0 32px 75px #0005}
.share-window-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;height:38px;padding-inline:15px;border-bottom:1px solid #bdddd418;background:#131e2b;color:#aebbcf;font-size:9px}
.share-window-bar .window-dots{width:auto}
.share-window-bar>.icon{width:13px;height:13px;color:#b4ced3}
.share-window .network-scene{width:calc(100% - 48px);max-width:530px;height:646px}
.share-window .network-laptop{top:calc(50% - 162px)}
.share-window .network-tablet{top:calc(50% + 16px)}
.share-window .network-local{bottom:calc(50% - 186px)}
.share-window .network-phone{top:calc(50% - 13px);transform:translate(-50%,-50%) rotate(-4deg) scale(1.25)}



















.network-scene{height:430px;max-width:530px;width:100%;position:relative;isolation:isolate;margin-inline:auto}
.network-scene::before{content:'';position:absolute;inset:20px -20px;background-image:radial-gradient(#c7cbfb27 .65px,transparent .65px);background-size:22px 22px;mask-image:radial-gradient(ellipse,#0009,transparent 70%);z-index:-1}
.network-halo{position:absolute;width:310px;height:310px;left:50%;top:52%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(ellipse,#5f67aa25,#629caa12 50%,transparent 72%);filter:blur(12px);z-index:-1}
.network-orbit{position:absolute;width:340px;height:340px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #b2bfea0d;border-radius:50%;z-index:-1}
.network-orbit.orbit-b{width:420px;height:420px;border-color:#b2bfea08}
.network-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.network-lines path{stroke:#9bbdb653;stroke-width:1.4;stroke-dasharray:4 6}
.network-lines circle{fill:#b4efdc;filter:drop-shadow(0 0 5px #b4efdc88)}
.network-phone{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%) rotate(-4deg);width:200px;height:316px;padding:26px 16px 17px;border:1px solid #bdc6dd45;border-radius:28px;background:radial-gradient(ellipse at 0 10%,#234246 0,transparent 75%),linear-gradient(150deg,#1b2b3e,#292545);box-shadow:0 28px 70px #0006,inset 0 0 0 5px #0c15294a,inset 0 1px 0 #e3e9ff1a;text-align:center;z-index:2}
.phone-camera{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:48px;height:5px;border-radius:5px;background:#09121c}
.phone-topbar{display:flex;align-items:center;gap:7px;text-align:left;font:10px Sora,Manrope,sans-serif;color:#dce6ed}
.phone-topbar img{object-fit:contain}
.phone-topbar>.icon{margin-left:auto;width:14px;height:14px;color:#aabccb}
.phone-shield{display:grid;place-items:center;width:69px;height:69px;margin:22px auto 12px;background:radial-gradient(#b4efdc14,#b4efdc02);border:1px solid #b4efdc26;border-radius:50%;box-shadow:0 0 0 8px #b4efdc03}
.phone-shield>.icon{width:34px;height:34px;stroke-width:1.3;color:#b4efdc;filter:drop-shadow(0 0 8px #b4efdc30)}
.phone-connected{display:block;font-size:13px;font-weight:500;color:#e0eee9}
.phone-protocol{display:block;font:8px/1.5 Manrope,Arial,sans-serif;margin-top:6px;letter-spacing:1px;color:#9faec3}
.phone-setting{display:flex;align-items:center;gap:7px;margin-top:20px;padding:11px 7px;border:1px solid #ccdaea1a;border-radius:7px;background:#ffffff05;color:#d3ddd9}
.phone-setting>.icon{width:14px;height:14px;color:var(--mint)}
.phone-setting>span{font-size:8px}
.phone-switch{flex:none;margin-left:auto;width:23px;height:13px;border-radius:20px;background:#aedfce;position:relative}
.phone-switch::before{content:'';position:absolute;right:2px;top:2px;width:9px;height:9px;background:#254e46;border-radius:50%}
.phone-endpoints{display:flex;justify-content:space-between;gap:15px;padding:12px 7px 0;font-family:Manrope,Arial,sans-serif;line-height:1.7}
.phone-endpoints>div{display:flex;gap:9px;font-size:7px;color:#8fa3bb}
.phone-endpoints b{font-size:9px;letter-spacing:.5px;font-weight:600;color:#bbcbd9}
.phone-bottom-line{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);width:54px;height:3px;border-radius:3px;background:#9faabe38}
.network-device{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;width:126px;height:121px;background:linear-gradient(125deg,#1d2c3ee8,#192231ee);border:1px solid #9dafce26;border-radius:14px;box-shadow:0 12px 30px #0003;z-index:3}
.network-laptop{left:0;top:53px;transform:rotate(3deg)}
.network-tablet{right:0;top:231px;transform:rotate(5deg)}
.device-icon{width:48px;height:39px;fill:none;stroke:#c5c3e3;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-bottom:8px}
.device-check{stroke:var(--mint)}
.network-device>span{font-size:10px;color:#d6deeb}
.network-device small{display:flex;align-items:center;gap:4px;color:#91c2b4;font-size:7px;margin-top:4px}
.network-device small i{width:3px;height:3px;border-radius:50%;background:var(--mint)}
.network-local{position:absolute;left:29px;bottom:29px;display:flex;align-items:center;gap:9px;background:#122825;border:1px solid #a8e7d226;border-radius:30px;padding:10px 14px;color:#b3d8cb;font-size:8px;z-index:3}
.network-local .icon{width:15px;height:15px}
.network-spark{position:absolute;font:19px/1 Manrope,sans-serif;color:#c9d6ed44}
.spark-one{top:19px;right:95px}.spark-two{bottom:60px;right:151px}
.sharing-overview{border-block:1px solid var(--line);background:#101823}
.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:27px;gap:25px}
.overview-grid>div{display:flex;align-items:center;gap:16px}
.overview-grid>div+div{border-inline-start:1px solid var(--line);padding-inline-start:27px}
.overview-number{font:25px/1 Sora,sans-serif;letter-spacing:-1px;color:#697c90}
.overview-grid h2{font-size:12px;font-weight:600;color:#dde4ef;margin-bottom:6px}
.overview-grid p{font-size:10px;line-height:1.8;color:#8e9bb0}
.share-guide-section{padding-block:88px 90px}
.share-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:46px}
.share-section-heading h2,.share-faq-copy h2{font:400 clamp(29px,3.2vw,42px)/1.3 var(--heading);letter-spacing:-1.7px}
.share-section-heading h2 span,.share-faq-copy h2 span{color:#91a1b9}
.share-copy-link{flex:none;padding:10px 0;background:none;font-size:11px;color:#a6b4ca}
.share-copy-link .icon{width:16px;height:16px}
.share-guide-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:64px;align-items:start}
.guide-sidebar{align-self:stretch}
.guide-sidebar-inner{position:sticky;top:121px;padding-top:5px}
.guide-sidebar-label{font-size:9px;letter-spacing:1.4px;font-weight:700;color:#d4deeb}
.guide-checklist{list-style:none;padding:0;margin:22px 0 19px;display:grid;gap:17px}
.guide-checklist li{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.8;color:#a7b4c8}
.check-mark{color:var(--mint);font:13px/1.8 Arial,sans-serif;flex:none}
.guide-sidebar-note{font-size:11px;color:#8494ac;line-height:1.95;margin-bottom:22px;padding-top:19px;border-top:1px solid var(--line)}
.guide-sidebar-inner>.text-link{font-size:11px;color:var(--mint)}
.guide-sidebar-bottom{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding-top:22px;margin-top:26px;font-size:10px;color:#a4b2c8}
.guide-sidebar-bottom>.icon{width:16px;height:16px;color:#99a7bf}
.guide-sidebar-bottom a:hover{color:var(--mint)}
.guide-part-heading{display:flex;align-items:center;gap:13px;margin-bottom:21px}
.guide-part-number{display:grid;place-items:center;flex:none;width:33px;height:33px;border-radius:10px;background:#c4b5fd0b;border:1px solid #c4b5fd23;font:12px/1 Manrope,sans-serif;color:#c7bbed}
.guide-part-heading h3{font-size:18px;line-height:1.5;font-weight:600;letter-spacing:-.3px}
.guide-part-heading p{font-size:11px;color:var(--muted);margin-top:3px}
.host-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:21px}
.host-tabs>button{display:flex;align-items:center;gap:13px;min-height:91px;padding:20px;border-radius:12px;border:1px solid var(--line);background:#111926;text-align:start;transition:border-color .2s,background .2s}
.host-tabs>button:hover{border-color:#c4b5fd66;background:#191f32}
.host-tabs>button[aria-selected=true]{background:linear-gradient(110deg,#c4b5fd0f,#98efd408);border-color:#b8b0e680;box-shadow:inset 0 0 0 1px #c4b5fd12}
.host-tabs>button>.mdi{font-size:30px;color:#96a5ba}
.host-tabs>button[aria-selected=true]>.mdi{color:#c7c1ee}
.host-tabs strong{display:block;font:600 14px/1.4 Manrope,Arial,sans-serif}
.host-tabs small{display:block;margin-top:5px;font-size:10px;color:#95a6bf;line-height:1.7}
.host-radio{width:14px;height:14px;flex:none;margin-inline-start:auto;border:1px solid #7988a155;border-radius:50%}
[aria-selected=true]>.host-radio{background:var(--blue);border:4px solid #383449;box-shadow:0 0 0 1px #bdb0e8}
.host-panel{padding:25px 29px 26px;background:linear-gradient(115deg,#14212c77,#161d2b77);border:1px solid var(--line);border-radius:14px}
.guide-panel-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;font-weight:600;letter-spacing:1.4px;color:#99acc0;margin-bottom:24px}
.method-tag{letter-spacing:.5px;color:#a9cdbf;background:#b4efdc08;border:1px solid #b4efdc21;border-radius:5px;padding:4px 8px;font-size:8px;line-height:1.5}
.guide-steps{list-style:none;padding:0;margin:0;display:grid;gap:23px}
.guide-steps>li{display:flex;align-items:flex-start;gap:14px;position:relative}
.guide-step-number{position:relative;display:grid;place-items:center;flex:none;width:24px;height:24px;background:#1c2938;border:1px solid #91abc023;border-radius:50%;font:10px/1 Manrope,Arial,sans-serif;color:#a4b8cf;margin-top:2px}
.guide-steps>li:not(:last-child)::before{content:'';position:absolute;top:29px;bottom:-19px;inset-inline-start:11.5px;width:1px;background:linear-gradient(#9eafca20,#9eafca08)}
.guide-steps h3{font-size:13px;font-weight:600;line-height:1.75;color:#e0e6ee;margin-bottom:6px}
.guide-steps p{font-size:12px;line-height:1.95;color:#96a6bd}
.guide-steps li>div{min-width:0}
.guide-callout{display:flex;align-items:flex-start;gap:10px;margin-top:25px;padding:15px 16px;background:#c4b5fd07;border:1px solid #c4b5fd1a;border-radius:8px;color:#b8b5d4}
.guide-callout>.icon{width:17px;height:17px;margin-top:2px;stroke-width:1.5;color:#bdb0e2}
.guide-callout p{font-size:11px;line-height:1.95}
.client-section{margin-top:37px}
.client-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border-bottom:1px solid var(--line);gap:4px}
.client-tabs>button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:none;padding:13px 4px 15px;color:#899ab3;font:9px/1.6 Manrope,var(--body);border-radius:8px 8px 0 0;transition:color .2s,background .2s}
.client-tabs>button>.mdi{font-size:23px}
.client-tabs>button:hover{background:#ffffff04;color:#d9e4ed}
.client-tabs>button[aria-selected=true]{color:#c3b5f2;background:linear-gradient(#c4b5fd08,#c4b5fd03)}
.client-tabs>button[aria-selected=true]::after{content:'';height:2px;border-radius:2px;position:absolute;bottom:-1px;inset-inline:10px;background:#c4b5fd}
.client-panel{padding:28px 0 0}
.client-note{font-size:11px;line-height:1.95;color:#8597b0;margin-top:19px;padding-inline-start:38px}

.windows-ready{display:flex;align-items:flex-start;gap:15px;padding:23px;margin-top:23px;border:1px solid #98efd430;border-radius:12px;background:#98efd408}
.windows-ready-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;background:#98efd415;border-radius:50%;color:var(--mint)}
.windows-ready h3{font-size:16px;margin-bottom:9px;color:#b4efdc}
.windows-ready p{font-size:12px;line-height:1.95;color:#a5bcb4}
.share-tips-section{padding-block:48px 50px;background:#101822;border-block:1px solid var(--line)}
.share-tips-heading>.eyebrow{font-size:8px;margin-bottom:15px}
.share-tips-heading h2{font:400 24px/1.5 var(--heading);letter-spacing:-.7px}
.share-tips-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin-top:28px}
.share-tips-grid article+article{padding-inline-start:32px;border-inline-start:1px solid var(--line)}
.share-tips-grid article>.icon{color:#aaa8cc;width:22px;height:22px;margin-bottom:15px}
.share-tips-grid h3{font-size:13px;font-weight:600;margin-bottom:10px;line-height:1.8;color:#d7e0ed}
.share-tips-grid p{font-size:11px;line-height:2;color:#8c9cb4}
.share-faq-section{padding-block:86px 82px}
.share-faq-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:70px}
.share-faq-copy>p{max-width:290px;font-size:12px;line-height:2;color:#8f9fb7;margin-top:20px}
.share-faq-copy>.text-link{margin-top:24px;color:#b5c8d9;font-size:11px}
.share-faq-list details:first-child{border-top:1px solid var(--line)}
.share-faq-list summary{font-size:13px;padding-block:20px;line-height:1.8}
.share-faq-list details>p{font-size:12px;line-height:2.05;color:#95a5bb;padding-bottom:22px}
.share-download-section{padding-bottom:65px}
.share-download-panel{display:flex;align-items:center;gap:22px;padding:33px 36px;border-radius:15px;border:1px solid #c4b5fd29;background:radial-gradient(ellipse at 90% 20%,#4639543c,transparent 65%),linear-gradient(100deg,#17242c,#1e2134)}
.share-download-brand{display:grid;place-items:center;flex:none;width:68px;height:68px;border:1px solid #bbd4dc1c;border-radius:18px;background:#b4efdc05}
.share-download-brand img{object-fit:contain}
.share-download-panel h2{font:400 23px/1.5 var(--heading);letter-spacing:-.7px}
.share-download-panel p{font-size:11px;color:#95a6bf;line-height:1.9;margin-top:7px}
.share-download-panel>.button{flex:none;margin-inline-start:auto}
.share-toast{position:fixed;inset-inline:20px;bottom:24px;z-index:80;margin-inline:auto;max-width:480px;width:max-content;padding:12px 20px;border:1px solid #a4d9c862;border-radius:10px;background:#203a35;color:#d4f2e7;font-size:12px;box-shadow:0 8px 28px #0007;max-width:calc(100% - 40px)}
.share-toast:empty{display:none}
.guide-noscript{padding:20px;background:var(--wash);margin-top:20px;font-size:13px;color:var(--muted)}
.host-panel:focus-visible,.client-panel:focus-visible{outline:2px solid var(--mint);outline-offset:6px}




html:lang(fa) .share-section-heading h2,html:lang(fa) .share-faq-copy h2{letter-spacing:-.5px;font-size:37px;line-height:1.7}
html:lang(fa) .share-page .eyebrow{letter-spacing:0;font-size:11px;margin-bottom:13px}
html:lang(fa) .phone-setting>span{font-size:7.5px}
html:lang(fa) .network-device>span{font-size:11px}
html:lang(fa) .network-device small{font-size:8px}
html:lang(fa) .network-local{font-size:10px}

html:lang(fa) .overview-grid h2{font-size:14px}
html:lang(fa) .overview-grid p{font-size:12px;line-height:1.9}
html:lang(fa) .guide-sidebar-label{font-size:12px;letter-spacing:0}
html:lang(fa) .guide-checklist li{font-size:13px}
html:lang(fa) .guide-sidebar-note{font-size:12px}
html:lang(fa) .guide-part-heading h3{font-size:20px;letter-spacing:0}
html:lang(fa) .guide-part-heading p{font-size:12px;margin-top:5px}
html:lang(fa) .host-tabs small{font-size:12px}
html:lang(fa) .guide-panel-top{font-size:10px;letter-spacing:0}
html:lang(fa) .method-tag{font-size:9px}
html:lang(fa) .guide-steps h3{font-size:15px;font-weight:700}
html:lang(fa) .guide-steps p{font-size:13px;line-height:2.1}
html:lang(fa) .guide-callout p,html:lang(fa) .client-note{font-size:12px;line-height:2}
html:lang(fa) .client-tabs [data-client=tv]{font-family:var(--body);font-size:10px}

html:lang(fa) .share-tips-heading h2{letter-spacing:0;font-size:26px}
html:lang(fa) .share-tips-grid h3{font-size:16px}
html:lang(fa) .share-tips-grid p{font-size:13px}
html:lang(fa) .share-faq-copy>p{font-size:13px}
html:lang(fa) .share-faq-list summary{font-size:14px;line-height:1.95}
html:lang(fa) .share-faq-list details>p{font-size:13px;line-height:2.15}
html:lang(fa) .share-download-panel h2{font-size:25px;letter-spacing:0}
html:lang(fa) .share-download-panel p{font-size:12px}
@media(max-width:1200px){.network-scene{height:410px}.network-device{width:110px;height:112px}.network-phone{width:186px;height:306px}.phone-setting{gap:5px;padding-inline:5px}.phone-setting>span{font-size:7px}.phone-endpoints{gap:8px;padding-inline:3px}.share-guide-layout{grid-template-columns:210px minmax(0,1fr);gap:39px}.host-tabs>button{padding:17px;gap:10px}.host-tabs small{font-size:9px}.share-faq-grid{gap:45px}html:lang(fa) .host-tabs small{font-size:10px}}
@media(max-width:960px){.share-guide-layout{grid-template-columns:180px minmax(0,1fr);gap:28px}.network-device{width:91px;height:105px}.network-phone{width:170px;height:298px;padding-inline:12px}.network-local{left:5px;bottom:30px}.network-laptop{left:-5px;top:45px}.network-tablet{right:-6px;top:245px}.network-device small{font-size:6px}.phone-setting>span{font-size:6px}.phone-endpoints>div{gap:5px}.overview-grid{gap:15px}.overview-grid>div{gap:11px}.overview-grid>div+div{padding-inline-start:18px}.overview-grid h2{font-size:11px}.overview-grid p{font-size:9px}.host-panel{padding:22px 20px}.host-tabs>button{padding:14px;gap:10px}.host-tabs>button>.mdi{font-size:24px}.host-tabs small{font-size:8px}.host-tabs strong{font-size:12px}.guide-part-heading h3{font-size:16px}.share-faq-grid{grid-template-columns:1fr 1.5fr;gap:30px}.share-download-panel{padding:28px;gap:18px}.share-download-panel h2{font-size:19px}html:lang(fa) .phone-setting>span{font-size:6.8px}html:lang(fa) .overview-grid h2{font-size:12px}html:lang(fa) .overview-grid p{font-size:10px}html:lang(fa) .guide-part-heading h3{font-size:18px}html:lang(fa) .host-tabs small{font-size:9px}html:lang(fa) .share-download-panel h2{font-size:21px}}
@media(max-width:760px){.network-scene{height:375px;max-width:435px}.network-phone{width:190px;height:304px;top:48%;padding-inline:15px}.phone-setting>span{font-size:8px}.network-device{width:110px;height:112px}.network-laptop{left:0;top:40px}.network-tablet{right:0;top:218px}.network-device small{font-size:7px}.network-local{left:10px;bottom:10px}.network-orbit{width:310px;height:310px}.network-orbit.orbit-b{width:370px;height:370px}.phone-endpoints{gap:13px}.overview-grid{padding-block:23px;gap:16px;grid-template-columns:1fr}.overview-grid>div{gap:18px}.overview-grid>div+div{padding-inline-start:0;border-inline-start:0}.overview-number{font-size:22px;color:#708499;min-width:30px}.overview-grid h2{font-size:12px;margin-bottom:3px}.overview-grid p{font-size:11px}.share-guide-section{padding-block:49px 53px}.share-section-heading{margin-bottom:28px;align-items:flex-start;gap:19px;flex-wrap:wrap}.share-section-heading h2,.share-faq-copy h2{font-size:30px;letter-spacing:-1px}.share-section-heading .eyebrow{font-size:8px;margin-bottom:15px}.share-copy-link{font-size:10px}.share-guide-layout{grid-template-columns:1fr;gap:29px}.guide-sidebar-inner{position:static;padding:19px 20px;background:#111b26;border:1px solid var(--line);border-radius:11px}.guide-sidebar-label{font-size:9px}.guide-checklist{gap:8px;margin:12px 0}.guide-checklist li{font-size:11px}.guide-sidebar-note{font-size:10px;border:0;padding:0;margin:10px 0 12px}.guide-sidebar-bottom{display:none}.guide-sidebar-inner>.text-link{font-size:10px}.guide-part-heading h3{font-size:17px}.guide-part-heading{gap:11px;margin-bottom:16px}.host-tabs{gap:10px;margin-bottom:17px}.host-tabs>button{gap:11px;padding:16px;min-height:83px}.host-tabs strong{font-size:13px}.host-tabs small{font-size:9px}.host-tabs>button>.mdi{font-size:26px}.host-radio{width:12px;height:12px}.host-panel{padding:20px}.guide-panel-top{font-size:7px;margin-bottom:21px}.guide-steps{gap:21px}.guide-steps h3{font-size:13px}.guide-steps p{font-size:11px;line-height:2}.guide-step-number{width:22px;height:22px;font-size:9px}.guide-steps>li{gap:11px}.guide-steps>li:not(:last-child)::before{inset-inline-start:10.5px}.guide-callout{padding:12px;gap:8px;margin-top:20px}.guide-callout p{font-size:10px}.guide-callout>.icon{width:15px;height:15px}.client-section{margin-top:29px}.client-tabs>button{font-size:8px;gap:8px;padding:13px 2px}.client-tabs>button>.mdi{font-size:21px}.client-panel{padding-top:24px}.client-note{padding-inline-start:33px;font-size:10px}.share-tips-section{padding-block:33px}.share-tips-heading h2{font-size:22px}.share-tips-grid{grid-template-columns:1fr;gap:23px;margin-top:25px}.share-tips-grid article{display:grid;grid-template-columns:24px minmax(0,1fr);gap:8px 13px}.share-tips-grid article+article{padding:22px 0 0;border-inline-start:0;border-top:1px solid var(--line)}.share-tips-grid article>.icon{grid-row:1/3;margin:2px 0 0}.share-tips-grid h3{margin:0;font-size:13px}.share-tips-grid p{grid-column:2;font-size:11px}.share-faq-section{padding-block:49px}.share-faq-grid{grid-template-columns:1fr;gap:27px}.share-faq-copy>p{margin-top:13px;max-width:100%;font-size:11px}.share-faq-copy>.text-link{margin-top:15px}.share-faq-list summary{font-size:12px;padding-block:17px}.share-faq-list details>p{font-size:11px}.share-download-section{padding-bottom:40px}.share-download-panel{flex-wrap:wrap;gap:17px;padding:25px}.share-download-brand{width:48px;height:48px;border-radius:13px}.share-download-brand img{width:31px;height:31px}.share-download-panel>div:nth-child(2){flex-basis:calc(100% - 65px)}.share-download-panel h2{font-size:18px}.share-download-panel p{font-size:10px}.share-download-panel>.button{margin-inline-start:65px;font-size:11px;min-height:46px}html:lang(fa) .phone-setting>span{font-size:7px}html:lang(fa) .overview-grid h2{font-size:14px}html:lang(fa) .overview-grid p{font-size:12px}html:lang(fa) .share-section-heading h2,html:lang(fa) .share-faq-copy h2{font-size:29px;line-height:1.65}html:lang(fa) .guide-checklist li{font-size:12px}html:lang(fa) .guide-sidebar-note{font-size:11px}html:lang(fa) .host-tabs small{font-size:10px}html:lang(fa) .guide-steps h3{font-size:14px}html:lang(fa) .guide-steps p{font-size:12px}html:lang(fa) .guide-callout p,html:lang(fa) .client-note{font-size:11px}html:lang(fa) .share-tips-heading h2{font-size:22px}html:lang(fa) .share-tips-grid h3{font-size:15px}html:lang(fa) .share-tips-grid p{font-size:12px}html:lang(fa) .share-faq-list summary{font-size:13px}html:lang(fa) .share-faq-list details>p{font-size:12px}html:lang(fa) .share-download-panel h2{font-size:19px}html:lang(fa) .share-download-panel p{font-size:11px}}
@media(max-width:390px){.network-scene{height:330px}.network-phone{width:166px;height:277px;padding:25px 11px 13px}.phone-shield{width:60px;height:60px;margin-block:18px 9px}.phone-connected{font-size:12px}.phone-setting{margin-top:15px;gap:5px}.phone-setting>span{font-size:6px}.phone-endpoints{gap:7px;padding-top:10px}.phone-endpoints>div{font-size:6px;gap:5px}.phone-endpoints b{font-size:8px}.network-device{width:87px;height:96px;border-radius:12px}.network-device>.device-icon{width:39px;height:32px;margin-bottom:4px}.network-device>span{font-size:9px}.network-device small{font-size:6px}.network-laptop{left:0;top:31px}.network-tablet{right:-2px;top:203px}.network-local{padding:8px 10px;font-size:7px;left:0;bottom:8px}.network-local>.icon{width:12px;height:12px}.network-orbit{width:260px;height:260px}.network-orbit.orbit-b{width:315px;height:315px}.host-tabs>button{padding:13px 10px;gap:8px;min-height:79px}.host-tabs>button>.mdi{font-size:21px}.host-tabs strong{font-size:12px}.host-tabs small{font-size:8px}.host-radio{width:11px;height:11px}.host-tabs>button[aria-selected=true]>.host-radio{border-width:3px}.host-panel{padding:18px 15px}.guide-panel-top{letter-spacing:.5px;font-size:7px}.client-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;border-bottom:0}.client-tabs>button{border-radius:7px;border:1px solid var(--line);padding:10px 5px;gap:5px}.client-tabs>button[aria-selected=true]{border-color:#c4b5fd66}.client-tabs>button[aria-selected=true]::after{display:none}.share-download-panel{padding:22px}.share-download-panel>.button{margin-inline-start:0}.share-toast{font-size:11px}html:lang(fa) .phone-setting>span{font-size:6.5px}html:lang(fa) .network-local{font-size:9px}html:lang(fa) .network-device>span{font-size:10px}html:lang(fa) .network-device small{font-size:7px}html:lang(fa) .host-tabs small{font-size:9px}html:lang(fa) .guide-panel-top{font-size:9px;letter-spacing:0}}
.full-guide-section{border-top:1px solid var(--line)}
.full-guide-section h2{font:400 clamp(26px,3vw,38px)/1.4 var(--heading)}
.full-guide-intro{max-width:760px;color:var(--muted);margin-top:16px}
.full-guide-list{display:grid;gap:12px;margin-top:30px}
.full-guide-list>details{padding:20px 24px;border:1px solid var(--line);border-radius:12px;background:var(--wash)}
.full-guide-list>details>summary{cursor:pointer;font-weight:700}
.full-guide-list .guide-steps{margin-top:26px}
.full-guide-list .guide-callout{margin-bottom:0}
html:lang(fa) .share-hero h1{letter-spacing:0;line-height:1.5}
html:lang(fa) .share-product .eyebrow{letter-spacing:0;font-size:10px}
html:lang(fa) .share-product p{justify-content:flex-end}
html:lang(fa) .share-hosts>span:first-child{letter-spacing:0;font-size:10px}
@media(max-width:1100px){
  .share-hero-grid{gap:25px}
  .share-hero h1{font-size:54px;letter-spacing:-2.8px}
  .share-hero-actions{gap:18px}
  .share-hero-actions .button{padding-inline:18px}
  .share-hero-actions .text-link{font-size:11px}
  .share-window .network-scene{height:570px}
  .share-window .network-phone{transform:translate(-50%,-50%) rotate(-4deg) scale(1.1)}
}
@media(max-width:900px){
  .share-hero-grid{gap:23px}
  .share-hero h1{font-size:45px;letter-spacing:-2.4px}
  .share-lead{font-size:12px}
  .share-product .eyebrow{font-size:7px;letter-spacing:1px}
  .share-product p{font-size:15px}
  .share-product-icon{width:48px;height:48px}
  .share-product-icon img{width:31px;height:31px}
  .share-hero-actions{gap:17px 14px}
  .share-hero-actions .button{font-size:11px;min-height:47px}
  .share-hosts{gap:6px 12px;font-size:9px}
  .network-figure figcaption{font-size:8px}
  .share-window .network-scene{width:calc(100% - 32px);height:550px}
  .share-window .network-phone{transform:translate(-50%,-50%) rotate(-4deg)}
}
@media(max-width:760px){
  .share-hero-grid{grid-template-columns:1fr;padding-block:48px 44px;gap:38px}
  .share-product{margin-bottom:23px;gap:12px}
  .share-product .eyebrow{font-size:8px;letter-spacing:1.3px}
  .share-hero h1{font-size:clamp(40px,8.4vw,60px);letter-spacing:-2.5px}
  .share-lead{font-size:13px;max-width:490px;margin-top:22px}
  .share-hero-actions{gap:22px;margin-top:25px}
  .share-hero-actions .button{font-size:12px;min-height:49px}
  .share-hero-actions .text-link{font-size:11px}
  .share-hosts{font-size:10px;margin-top:20px}
  .network-figure{max-width:530px;justify-self:center}
  .network-figure figcaption{font-size:9px;margin-top:15px}
  .share-window .network-scene{height:430px}
}
@media(max-width:390px){
  .share-product .eyebrow{font-size:7px;letter-spacing:1px}
  .share-product p{font-size:14px}
  .share-hero h1{font-size:39px;letter-spacing:-2px}
  .share-hero-actions{gap:18px}
  .share-hero-actions .button{font-size:11px;padding-inline:15px;gap:11px}
  .share-hero-actions .text-link{font-size:10px;gap:7px}
  .share-hosts{font-size:9px;gap:6px 12px}
  .share-window .network-scene{height:375px}
  .share-window .network-laptop{top:calc(50% - 140px)}
  .share-window .network-tablet{top:calc(50% + 38px)}
  .share-window .network-local{bottom:calc(50% - 167px)}
  html:lang(fa) .share-product .eyebrow{font-size:9px}
  html:lang(fa) .share-hero h1{font-size:36px}
}