/* WithUs homepage bundled CSS. Generated from homepage stylesheets to reduce render-blocking requests. */
@font-face{font-family:Vazirmatn;src:url('/assets/fonts/vazirmatn-400.woff2') format('woff2'),url('/assets/fonts/vazirmatn-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('/assets/fonts/vazirmatn-500.woff2') format('woff2'),url('/assets/fonts/vazirmatn-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('/assets/fonts/vazirmatn-600.woff2') format('woff2'),url('/assets/fonts/vazirmatn-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('/assets/fonts/vazirmatn-700.woff2') format('woff2'),url('/assets/fonts/vazirmatn-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('/assets/fonts/vazirmatn-800.woff2') format('woff2'),url('/assets/fonts/vazirmatn-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--withus-green:#20E3B2;--withus-green-hover:#17C99A;--withus-green-light:#38F2C1}
:root,body,button,input,select,textarea{font-family:Vazirmatn,Tahoma,"Segoe UI",sans-serif!important;font-synthesis:none;text-rendering:optimizeLegibility}

/* Unified brand accent: textual blue accents are green; button surfaces remain unchanged. */
a:not(.button):not(.primary):not(.download-item a):not(.platforms a),
.eyebrow,.section-kicker,.kicker,.text-link,.home-link,.price-unit,
.admin-page .table-logs summary,.admin-page .admin-tabs button::before,
.admin-page .status-pill.busy,.account-page .link,.account-page .accent{
  color:var(--withus-green)!important;
}
.gradient-text,.template-hero h1 span{
  background:linear-gradient(100deg,var(--withus-green),var(--withus-green-light))!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
  color:transparent!important;
}
a:not(.button):not(.primary):not(.download-item a):not(.platforms a):hover,
.eyebrow:hover,.section-kicker:hover,.kicker:hover,.text-link:hover,.home-link:hover{
  color:var(--withus-green-hover)!important;
}
:root{--bg:#04091a;--panel:#09142c;--panel2:#0d1c39;--text:#f7fbff;--muted:#a8bad4;--cyan:#22d3ee;--blue:#2580ff;--purple:#795cff;--red:#ff334f;--line:rgba(87,184,255,.22);--shadow:0 24px 80px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% -10%,#123b83 0,transparent 34%),radial-gradient(circle at 10% 30%,#25166a 0,transparent 26%),var(--bg);color:var(--text);font-family:Tahoma,"Segoe UI",sans-serif;line-height:1.85}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.section-shell{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(4,9,26,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{min-height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:20px}.brand img{width:45px;height:45px;object-fit:contain}.nav-links{display:flex;gap:22px;margin-inline-start:auto;color:#d7e5f7}.nav-actions{display:flex;gap:10px}.button,.button-ghost{border:0;border-radius:14px;padding:11px 20px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.button{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#02101f;box-shadow:0 10px 30px rgba(34,211,238,.2)}.button-ghost{border:1px solid var(--line);background:rgba(255,255,255,.04)}.hero{padding:90px 0 70px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}.eyebrow,.section-kicker{color:var(--cyan);font-weight:900;letter-spacing:.04em}.hero h1{font-size:clamp(42px,6vw,78px);line-height:1.15;margin:15px 0 18px}.gradient-text{background:linear-gradient(100deg,#fff 10%,#56e8ff 50%,#8294ff);background-clip:text;color:transparent}.hero p{font-size:19px;color:var(--muted);max-width:680px}.hero-actions{display:flex;gap:14px;margin:30px 0}.hero-trust{display:flex;gap:12px;flex-wrap:wrap;color:#cce6fa}.hero-trust span{padding:7px 12px;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:999px}.hero-visual{position:relative;min-height:470px;display:grid;place-items:center}.glow{position:absolute;width:370px;height:370px;background:linear-gradient(135deg,var(--cyan),var(--purple));filter:blur(90px);opacity:.32;border-radius:50%}.device-card{position:relative;width:min(410px,100%);padding:32px;border:1px solid rgba(100,220,255,.35);border-radius:35px;background:linear-gradient(150deg,rgba(17,35,75,.94),rgba(5,13,34,.95));box-shadow:var(--shadow);text-align:center}.device-card img{width:125px}.connection-ring{width:150px;height:150px;margin:25px auto;border-radius:50%;display:grid;place-items:center;border:10px solid rgba(34,211,238,.12);box-shadow:0 0 0 2px var(--cyan),0 0 50px rgba(34,211,238,.35);font-size:25px;font-weight:900}.server-pills{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.server-pills span{background:#101f40;border:1px solid var(--line);border-radius:999px;padding:6px 10px}.promo{padding:22px 0}.promo-box{border:1px solid rgba(255,65,88,.55);background:linear-gradient(120deg,rgba(100,4,28,.7),rgba(19,15,63,.8));border-radius:28px;padding:28px 34px;display:flex;align-items:center;gap:24px;box-shadow:var(--shadow)}.discount{font-size:58px;font-weight:1000;color:#fff;text-shadow:0 5px 0 #9d0019}.promo-box h2{margin:0}.promo-box p{margin:4px 0;color:#ffcbd2}.promo-box .button{margin-inline-start:auto;background:linear-gradient(135deg,#ff5b6e,#ffb021);color:white}.section{padding:90px 0}.section-heading{text-align:center;max-width:760px;margin:0 auto 40px}.section-heading h2,.contact-info h2{font-size:clamp(30px,4vw,48px);line-height:1.3;margin:8px 0}.section-heading p,.contact-info p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card,.region,.price-card,.download-card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(13,28,57,.86),rgba(6,14,34,.92));border-radius:24px;padding:26px;box-shadow:0 15px 45px rgba(0,0,0,.18)}.feature-card .icon{font-size:35px}.feature-card h3{font-size:21px;margin:12px 0 5px}.feature-card p{margin:0;color:var(--muted)}.split{background:rgba(8,17,38,.55)}.split-grid,.referral-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.split-demo{border:1px solid var(--line);background:#07122b;border-radius:28px;padding:24px}.app-row{display:flex;align-items:center;gap:14px;padding:14px;border-bottom:1px solid var(--line)}.app-row:last-child{border:0}.app-row i{width:12px;height:12px;border-radius:50%;background:#36dc9b;box-shadow:0 0 18px #36dc9b}.app-row.vpn i{background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.app-row b{margin-inline-start:auto;color:#85e6ff}.regions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.region{text-align:center}.region span{font-size:43px}.referral-card{border:1px solid var(--line);border-radius:28px;padding:30px;background:linear-gradient(135deg,#112c58,#171043);box-shadow:var(--shadow)}.code-preview{font:900 32px monospace;letter-spacing:5px;background:#050c1e;border:1px dashed var(--cyan);color:var(--cyan);border-radius:16px;padding:20px;text-align:center}.steps{display:grid;gap:14px;margin-top:20px}.steps div{display:flex;gap:13px;align-items:center}.steps span{min-width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--blue);font-weight:900}.pricing{background:rgba(7,15,35,.65)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card h3{margin-top:0}.offer-row{display:grid;grid-template-columns:1fr auto;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.offer-row:last-child{border:0}.offer-row del{display:block;color:#7e8aa0;font-size:12px}.offer-row strong{color:#ff566d;font-size:20px}.price-note{text-align:center;color:var(--muted);margin-top:22px}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.download-card{text-align:center}.download-card span{font-size:48px}.download-card a{margin-top:15px}.contact{background:linear-gradient(180deg,transparent,rgba(10,30,67,.8))}.contact-links{display:grid;gap:10px}.contact-links a{display:flex;justify-content:space-between;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px}.contact-links span{color:var(--muted)}.contact-form{padding:28px;border:1px solid var(--line);border-radius:28px;background:#09152f}.contact-form label{display:grid;gap:7px;margin:12px 0;color:#c8d9ec}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#050d20;color:white;padding:12px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--cyan)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trap{position:absolute!important;left:-9999px}.site-footer{padding:35px 0;border-top:1px solid var(--line);color:var(--muted)}.footer-grid{display:flex;justify-content:space-between;gap:25px}.footer-links{display:flex;gap:18px}.mobile-menu{display:none}.loading{text-align:center;color:var(--muted)}@media(max-width:900px){.nav-links{display:none}.nav-actions{margin-inline-start:auto}.hero-grid,.split-grid,.referral-grid,.contact-grid{grid-template-columns:1fr}.hero-visual{min-height:390px}.feature-grid{grid-template-columns:repeat(2,1fr)}.regions,.pricing-grid,.download-grid{grid-template-columns:1fr}.promo-box{flex-wrap:wrap}.promo-box .button{margin-inline-start:0}.mobile-menu{display:block}}@media(max-width:580px){.section-shell{width:min(100% - 22px,1180px)}.nav-actions .button-ghost{display:none}.hero{padding-top:55px}.hero h1{font-size:41px}.hero-actions,.footer-grid{flex-direction:column}.feature-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.promo-box{padding:22px}.discount{font-size:48px}.section{padding:65px 0}}
.promo{padding:7px 18px;display:flex;justify-content:center;align-items:center;gap:16px;background:linear-gradient(90deg,#8d0724,#ed2747,#8d0724);font-size:14px}.promo b{font-size:20px}.promo a{text-decoration:underline}.site-header{min-height:76px;padding:0 max(20px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:28px}.logo{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:900}.logo img{border-radius:13px}.logo span{display:grid;line-height:1.1}.logo small{color:#27cce8;letter-spacing:.3em;font-size:9px}.site-header nav{display:flex;gap:23px;margin:auto}.header-actions{display:flex;gap:9px}.button.ghost{color:white;background:rgba(255,255,255,.04);border:1px solid var(--line)}.button.compact{padding:9px 14px}.button.large{padding:15px 25px}.nav-toggle{display:none;background:none;border:0;color:white;font-size:25px}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:50px;padding-top:80px;padding-bottom:80px}.hero-copy h1{font-size:clamp(43px,6vw,76px);line-height:1.17;margin:15px 0}.hero-copy h1 span{color:#4ddff3}.hero-copy p{color:var(--muted);font-size:18px}.hero-copy .eyebrow i{display:inline-block;width:8px;height:8px;background:#3ee1c0;border-radius:50%;box-shadow:0 0 15px #3ee1c0}.text-link{font-weight:800;color:#bdeafa;padding:12px}.trust-row{display:flex;gap:12px;flex-wrap:wrap;color:#b8c9dc;font-size:13px}.trust-row span:before{content:'✓';color:#33deb4;margin-left:5px}.globe{position:relative;width:340px;height:340px;margin:auto;border-radius:50%;border:1px solid rgba(69,211,244,.45);background:radial-gradient(circle at 35% 30%,#1478a0,#07183b 52%,#050c20);box-shadow:inset 0 0 70px #29d4ff35,0 0 90px #1878ff35;overflow:hidden}.orbit{position:absolute;inset:30px -35px;border:1px solid #49d9f055;border-radius:50%;transform:rotate(25deg)}.orbit-two{inset:-20px 65px;transform:rotate(-25deg)}.continent{position:absolute;background:#28b9cf80;filter:drop-shadow(0 0 8px #21def5);border-radius:60% 30%}.c1{width:90px;height:120px;right:70px;top:45px;transform:rotate(20deg)}.c2{width:75px;height:100px;left:45px;top:120px}.c3{width:55px;height:75px;right:110px;bottom:35px}.node{position:absolute;width:10px;height:10px;border-radius:50%;background:white;box-shadow:0 0 15px #42e6ff}.n1{top:55px;left:80px}.n2{top:110px;right:45px}.n3{bottom:70px;left:65px}.n4{bottom:45px;right:90px}.n5{top:170px;right:160px}.float-card{position:absolute;z-index:3;padding:14px 18px;border:1px solid var(--line);background:#0b1836e8;backdrop-filter:blur(12px);border-radius:17px;box-shadow:var(--shadow)}.float-card.speed{left:0;bottom:55px}.float-card.secure{right:0;top:70px;display:flex;gap:10px}.float-card small,.float-card span{display:block;color:var(--muted)}.signal{position:absolute;left:45px;top:80px;display:flex;align-items:end;gap:3px}.signal i{display:block;width:5px;height:10px;background:#48dfef}.signal i:nth-child(2){height:17px}.signal i:nth-child(3){height:25px}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:23px;background:#08142e}.quick-stats article{padding:22px;text-align:center;border-left:1px solid var(--line)}.quick-stats article:last-child{border:0}.quick-stats b,.quick-stats span{display:block}.quick-stats b{font-size:25px;color:#42ddec}.section-heading{display:flex;text-align:right;max-width:none;justify-content:space-between;align-items:end}.section-heading>p{max-width:470px}.section-heading.centered{display:block;text-align:center}.feature-grid{grid-template-columns:repeat(4,1fr)}.feature{border:1px solid var(--line);border-radius:24px;padding:26px;background:linear-gradient(145deg,#0e1d3d,#071127);position:relative}.feature.featured{grid-column:span 2;grid-row:span 2}.feature-icon{font-size:34px;color:#38d9ef}.feature p,.feature li{color:var(--muted)}.tag{position:absolute;left:20px;top:20px;color:#061024;background:#3ed9e9;border-radius:999px;padding:3px 9px;font-weight:900}.locations{background:linear-gradient(130deg,#081936,#11104a)}.region-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.region-grid article{padding:28px;border:1px solid var(--line);border-radius:22px;background:#08142ca8}.region-grid span,.region-grid b{display:block;font-size:25px}.region-grid b{color:#39d6ec}.region-grid p,.performance-note{color:var(--muted)}.performance-note{text-align:center}.referral{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px}.steps span{display:flex}.wallet-card{border:1px solid #44dbea80;border-radius:30px;padding:30px;background:linear-gradient(140deg,#153168,#12103f);box-shadow:var(--shadow)}.wallet-top{display:flex;align-items:center;justify-content:space-between}.wallet-card>small,.wallet-card>strong{display:block;margin-top:18px}.wallet-card>strong{font-size:36px}.wallet-card>strong i{font-size:14px}.wallet-card .code-preview{margin-top:24px}.wallet-card .code-preview span,.wallet-card .code-preview b{display:block}.pricing-grid .price-card .button{width:100%;margin-top:18px}.pricing-note{text-align:center;color:var(--muted)}.download{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}.platforms{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.platforms a{padding:22px;border:1px solid var(--line);border-radius:18px;background:#0b1934}.platforms span,.platforms b{display:block}.platforms span{color:var(--muted)}footer{border-top:1px solid var(--line);padding:50px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr)}.footer-grid>div{display:grid;align-content:start;gap:8px}.copyright{text-align:center;padding-top:28px;color:var(--muted)}.back-top{position:fixed;left:20px;bottom:20px;width:45px;height:45px;border:1px solid var(--line);border-radius:50%;background:#0e2044;color:white}@media(max-width:980px){.site-header nav{display:none}.nav-toggle{display:block;margin-inline-start:auto}.hero,.referral,.download{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.hero-visual{min-height:430px}.section-heading{display:block}.header-actions{display:none}}@media(max-width:620px){.quick-stats,.feature-grid,.region-grid,.platforms{grid-template-columns:1fr}.quick-stats article{border-left:0;border-bottom:1px solid var(--line)}.feature.featured{grid-column:auto;grid-row:auto}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.globe{width:285px;height:285px}.float-card.speed{left:5px}.float-card.secure{right:5px}.promo{font-size:11px}.promo b{font-size:16px}}
.poster-pricing{position:relative;overflow:hidden;padding:34px;border:1px solid #18c9ef80;border-radius:30px;background:radial-gradient(circle at 50% 0,#123a79 0,transparent 35%),linear-gradient(145deg,#06112b,#03091a);box-shadow:0 24px 70px #0008,0 0 35px #138cff20}.poster-pricing:before{content:"";position:absolute;inset:12px;border:1px solid #147fd966;border-radius:22px;pointer-events:none}.price-ribbon{position:relative;z-index:1;width:min(630px,90%);margin:0 auto 28px;padding:12px 30px;display:flex;align-items:center;justify-content:center;gap:18px;background:linear-gradient(180deg,#f32638,#a90016);border-radius:12px 12px 28px 28px;box-shadow:0 9px 0 #72000e,0 15px 30px #0007;text-shadow:0 2px 2px #59000d}.price-ribbon b{font-size:50px;line-height:1}.price-ribbon span{font-size:28px;font-weight:900}.price-ribbon small{padding:5px 11px;border-radius:999px;background:#fff;color:#151515;font-weight:800;text-shadow:none}.price-table-scroll{position:relative;z-index:1;overflow-x:auto;border:1px solid #1bcaf0;border-radius:19px;box-shadow:0 0 26px #0cbcea2b}.price-poster-table{width:100%;min-width:800px;border-collapse:collapse;table-layout:fixed;background:#030b1e}.price-poster-table th,.price-poster-table td{padding:15px 10px;text-align:center;border-inline-start:1px solid #118fc1;border-bottom:1px solid #118fc1}.price-poster-table thead th{background:linear-gradient(#102856,#07152f);font-size:18px;color:#f9fbff}.price-poster-table tbody th{font-size:25px;background:#07142c;color:#fff}.price-poster-table del{display:block;color:#8e98aa;font-size:16px;text-decoration-color:#ef334d;text-decoration-thickness:2px}.price-poster-table strong{display:inline-block;min-width:76px;margin-top:7px;padding:4px 11px;border-radius:9px;background:linear-gradient(#ff3348,#d50822);font-size:23px;line-height:1.4;color:white;box-shadow:inset 0 1px #ff8291,0 5px 14px #ba001f55}.price-unit{position:relative;z-index:1;text-align:center;color:#63e5f7;margin:17px 0 0}.price-actions{position:relative;z-index:1;display:flex;justify-content:center;gap:12px;margin-top:22px}.pricing-grid{display:none!important}@media(max-width:650px){.poster-pricing{padding:24px 12px}.price-ribbon{width:94%;padding:10px;gap:9px;flex-wrap:wrap}.price-ribbon b{font-size:38px}.price-ribbon span{font-size:21px}.price-actions{flex-direction:column}.price-actions a{width:100%}}
.official-price-poster{width:min(780px,100%);margin-inline:auto}.price-poster-link{display:block;overflow:hidden;border:1px solid #17c9ef80;border-radius:28px;background:#020817;box-shadow:0 24px 70px #0009,0 0 38px #138cff28}.price-poster-link img{display:block;width:100%;height:auto}.official-price-poster .price-actions{margin-top:24px}@media(max-width:650px){.price-poster-link{border-radius:18px}.official-price-poster .price-actions{flex-direction:column}.official-price-poster .price-actions a{width:100%}}
/* Adapted from the MIT-licensed next-landing-vpn visual system. */
.template-hero{min-height:650px;isolation:isolate}
.template-hero-visual{position:relative;min-height:470px;display:grid;place-items:center;border:1px solid rgba(95,200,255,.22);border-radius:44px;background:radial-gradient(circle at 68% 28%,rgba(48,213,235,.22),transparent 32%),linear-gradient(145deg,#f8fbff 0,#e7f4ff 100%);box-shadow:0 30px 90px rgba(0,0,0,.34);overflow:hidden}
.template-hero-visual:before{content:"";position:absolute;inset:20px;border:1px dashed rgba(32,128,185,.2);border-radius:32px}
.template-hero-visual>picture{position:relative;z-index:1;display:block;width:min(94%,612px)}.template-hero-visual>picture>img{display:block;width:100%;height:auto;filter:drop-shadow(0 22px 25px rgba(12,40,80,.16))}
.hero-orb{position:absolute;border-radius:50%;filter:blur(2px)}
.hero-orb-one{width:170px;height:170px;right:-45px;top:-45px;background:#23cfe840}
.hero-orb-two{width:125px;height:125px;left:-25px;bottom:-30px;background:#286dff35}
.template-status{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;min-width:170px;padding:13px 16px;border:1px solid rgba(84,167,213,.25);border-radius:17px;color:#0c2345;background:rgba(255,255,255,.94);box-shadow:0 15px 35px rgba(22,60,105,.2);backdrop-filter:blur(12px)}
.template-status i{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#25d8e8,#2877ff);font-style:normal;font-weight:900}
.template-status span,.template-status small,.template-status b{display:block}.template-status small{color:#66809c;font-size:11px}.template-status b{font-size:14px}.status-speed{right:18px;bottom:35px}.status-secure{left:18px;top:38px}
.global-map{position:relative;margin:8px auto 34px;padding:30px;border:1px solid rgba(79,209,238,.18);border-radius:30px;background:radial-gradient(circle at center,rgba(32,133,234,.14),transparent 62%),rgba(4,13,32,.38);overflow:hidden}
.global-map img{display:block;width:min(100%,980px);height:auto;margin:auto;filter:brightness(1.8) saturate(1.35) drop-shadow(0 0 20px rgba(53,202,242,.13))}
@media(max-width:980px){.template-hero{min-height:auto}.template-hero-visual{min-height:440px;margin-top:15px}}
@media(max-width:620px){.template-hero-visual{min-height:345px;border-radius:28px}.template-status{min-width:145px;padding:9px 11px}.status-secure{left:7px;top:18px}.status-speed{right:7px;bottom:18px}.global-map{padding:12px;border-radius:20px}}
html,body{max-width:100%;overflow-x:hidden}
body{font-weight:500}
.hero-copy h1{font-weight:900;letter-spacing:-.025em}
.section-heading h2,.referral-copy h2,.download-copy h2,.contact-info h2{font-size:clamp(36px,4.5vw,58px)!important;font-weight:900;line-height:1.35;letter-spacing:-.025em}
.section-kicker,.eyebrow{font-size:1rem;font-weight:900}
.feature h3,.region-grid article span,.download h3,.contact-form h3{font-size:1.28rem;font-weight:900;line-height:1.55}
.feature.featured h3{font-size:1.55rem}
.feature p,.feature li,.region-grid p{font-size:1rem}
.site-header nav a{font-size:1rem;font-weight:800}
@media(max-width:620px){.section-heading h2,.referral-copy h2,.download-copy h2,.contact-info h2{font-size:2rem!important}.feature h3{font-size:1.18rem}.feature.featured h3{font-size:1.3rem}}
.platform-logo{display:grid;place-items:center;width:58px;height:58px;padding:10px;border:1px solid rgba(92,204,244,.25);border-radius:17px;background:#07152e;box-shadow:0 10px 25px rgba(0,0,0,.2)}.platform-logo img{display:block;width:100%;height:100%;object-fit:contain}.platforms>a,.platforms .platform-disabled,.platforms .platform-apple-card{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#0b1934}.platforms span,.platforms b,.platforms small{display:block}.platforms span{min-width:0;color:var(--muted)}.platforms b{font-size:1.05rem;color:#fff}.platforms small{color:#8da2bc;font-size:.72rem;line-height:1.75}.platform-disabled{cursor:not-allowed;opacity:.72}.platform-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.platform-actions a{display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px 10px;border:1px solid rgba(92,204,244,.32);border-radius:11px;background:#10294d;color:#eaf8ff;font-size:.76rem;font-weight:800;text-align:center}.platform-actions a:first-child{background:linear-gradient(135deg,#22d3ee,#2580ff);color:#02101f}.downloads-page .platform{width:58px;height:58px}.downloads-page .platform img{width:100%;height:100%;object-fit:contain}@media(max-width:620px){.platforms>a,.platforms .platform-disabled,.platforms .platform-apple-card{grid-template-columns:52px minmax(0,1fr)}.platform-logo{width:52px;height:52px}.platform-actions{grid-template-columns:1fr}}
.referral-copy .steps{display:grid;gap:12px;margin:24px 0}.referral-copy .steps span{display:grid!important;grid-template-columns:42px 1fr;align-items:center;width:100%;height:auto!important;min-height:54px;padding:6px 18px 6px 22px;border:1px solid rgba(78,200,244,.3);border-radius:999px;background:linear-gradient(90deg,#173a78,#147ed8);color:#fff;text-align:center;font-weight:800}.referral-copy .steps b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:#1268c9;font-size:1rem}.wallet-card{position:relative}.sample-badge{position:absolute;top:18px;left:18px;padding:5px 11px;border:1px solid #ffd16688;border-radius:999px;background:#ffb703;color:#251800;font-size:.75rem;font-weight:900}.reward-condition{margin:18px 0 0!important;padding:13px 15px;border:1px solid #39d9a477;border-radius:14px;background:#093f3c;color:#baffeb;font-size:.9rem;font-weight:800;line-height:1.8}.reward-condition b{color:#fff}.wallet-card .example-credit{color:#ffe49a}.wallet-card .example-caption{display:block;margin-top:2px;color:#9cb2d3;font-size:.72rem}@media(max-width:620px){.referral-copy .steps span{grid-template-columns:38px 1fr;padding:5px 10px}.sample-badge{position:static;display:inline-block;margin-bottom:14px}}
/* Keep the contact-form honeypot in the DOM without extending the RTL canvas. */
.trap {
  position: fixed !important;
  inset: 0 auto auto 0 !important;
  width: 1px !important;
  height: 1px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.trap input {
  position: absolute !important;
  inset: 0 !important;
  width: 1px !important;
  min-width: 0 !important;
  height: 1px !important;
  padding: 0 !important;
  border: 0 !important;
}

.contact-grid > *,
.contact-links a,
.contact-links b {
  min-width: 0;
}

.contact-links b {
  overflow-wrap: anywhere;
}

@media (max-width: 580px) {
  .section-shell {
    width: min(calc(100% - 22px), 1180px);
  }
}
:root{--muted:#b7c5da}
html{font-size:16px}
body{font-family:Vazirmatn,Tahoma,"Segoe UI",sans-serif!important;font-weight:400;letter-spacing:-.012em;text-rendering:optimizeLegibility}
p,li,small{font-weight:400}.site-header nav a{font-weight:600}.logo span b{font-weight:800;letter-spacing:-.02em}.logo span small{letter-spacing:.22em}
.promo{min-height:38px;padding:7px 18px!important;display:flex;align-items:center;justify-content:center;gap:18px;background:linear-gradient(90deg,#9e1235,#ce2147);font-size:.8rem;text-decoration:none}.promo span{opacity:.88}.promo b{font-size:.98rem}.promo u{text-underline-offset:4px;font-weight:600}
.site-header{min-height:74px}.site-header>.logo img{width:48px;height:48px}.site-header>.logo span b{font-size:1.1rem}
.hero-copy h1{font-weight:800;letter-spacing:-.045em;line-height:1.2}.hero-copy>p{max-width:690px;color:#bdcae0;font-size:1.04rem;line-height:2}.eyebrow{font-weight:600}.button{font-weight:700}.text-link{font-weight:600}
.trust-row span{color:#c4d2e4;font-size:.78rem}.trust-row span:before{content:"✓";color:#3ee0b2;margin-left:6px;font-weight:800}
.template-status span b{font-weight:700}.quick-stats article b{font-weight:750;font-size:1.1rem}.quick-stats article span{color:#bdc9da}
.product-proof{margin-top:34px;padding:34px;border:1px solid rgba(73,171,236,.25);border-radius:28px;background:linear-gradient(135deg,rgba(8,28,62,.94),rgba(7,18,42,.95));display:grid;grid-template-columns:.75fr 1.25fr;gap:32px;align-items:center;box-shadow:0 24px 70px rgba(0,0,0,.2)}.proof-copy h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.35;margin:8px 0 10px}.proof-copy p{color:var(--muted);line-height:2;margin:0 0 12px}.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.proof-grid article{min-width:0;padding:17px;border:1px solid rgba(80,177,240,.2);border-radius:18px;background:#0c1c38}.proof-grid i{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#123b67;color:#45def0;font-style:normal;font-size:1.2rem}.proof-grid b,.proof-grid span{display:block}.proof-grid b{margin-top:10px;font-weight:700}.proof-grid span{margin-top:4px;color:#aebed4;font-size:.78rem;line-height:1.8}
.back-top{opacity:0;pointer-events:none;transition:.2s}.back-top.visible{opacity:1;pointer-events:auto}
@media(max-width:760px){.promo{min-height:34px;gap:10px;padding:6px 10px!important;font-size:.68rem}.promo b{font-size:.82rem}.promo u{font-size:.66rem}.template-hero{padding-top:48px!important}.hero-copy h1{font-size:2.65rem!important;line-height:1.18!important;margin:14px 0!important}.hero-copy>p{font-size:.94rem!important;line-height:1.9!important}.hero-actions{margin-top:24px!important}.hero-actions .text-link{display:none}.trust-row{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;margin-top:15px!important}.trust-row span{font-size:.69rem!important}.trust-row span:last-child{grid-column:1/-1}.template-hero-visual{margin-top:42px!important}.product-proof{margin-top:18px;padding:22px 17px;grid-template-columns:1fr;gap:20px}.proof-copy h2{font-size:1.65rem}.proof-grid{grid-template-columns:1fr 1fr;gap:8px}.proof-grid article{padding:13px}.proof-grid span{font-size:.7rem}.quick-stats article b{font-size:.86rem}.quick-stats article span{font-size:.66rem}}
@media(max-width:980px){.site-header.menu-open{align-items:flex-start;flex-wrap:wrap;padding-top:13px;padding-bottom:13px}.site-header.menu-open nav{order:3;display:grid;width:100%;margin:4px 0 0;padding:10px;border:1px solid var(--line);border-radius:16px;background:#07142c}.site-header.menu-open nav a{padding:10px 12px;border-radius:10px}.site-header.menu-open nav a:hover{background:#10274a}.site-header.menu-open .nav-toggle{font-size:2rem;line-height:1}}
@media(max-width:380px){.promo span{display:none}.hero-copy h1{font-size:2.35rem!important}.proof-grid{grid-template-columns:1fr}}
:root{--bg:#080c13!important;--panel:#0c111a!important;--panel2:#101722!important;--surface:#0c1119!important;--surface2:#111823!important;--card:#0c1119!important;--card2:#111823!important;--text:#f3f4f7!important;--muted:#969eae!important;--cyan:#57a2ff!important;--blue:#2166f3!important;--purple:#9b6cff!important;--line:#202734!important;--shadow:0 18px 55px rgba(0,0,0,.22)!important}
body{background:radial-gradient(ellipse at 50% -18%,rgba(33,102,243,.11),transparent 38rem),#080c13!important;font-family:Vazirmatn,Tahoma,"Segoe UI",sans-serif!important;font-weight:400;letter-spacing:-.012em;text-rendering:optimizeLegibility}.site-header{background:rgba(8,12,19,.92)!important;border-color:#202734!important}.button,.primary{color:#fff!important;background:#2166f3!important;box-shadow:0 12px 30px rgba(33,102,243,.22)!important}.button:hover,.primary:hover{background:#2d73ff!important}.button-ghost,.secondary{border-color:#2a303b!important;background:#11161f!important}
.hero h1{letter-spacing:-.035em}.gradient-text{background:linear-gradient(100deg,#5a9cff,#a873ff)!important;background-clip:text!important;color:transparent!important}.glow{opacity:.12!important;filter:blur(115px)!important}.device-card,.feature-card,.region,.price-card,.download-card,.referral-card,.contact-form,.split-demo,.card,.topbar,.modal-panel{border-color:#202734!important;border-radius:18px!important;background:#0c111a!important;box-shadow:none!important}.promo-box{border-color:#33283e!important;border-radius:18px!important;background:#101019!important;box-shadow:none!important}.discount{text-shadow:none!important}.split,.pricing{background:#0a0f17!important}
input,select,textarea{color:#eef1f6!important;border-color:#293240!important;background:#090e15!important}input:focus,select:focus,textarea:focus{border-color:#3979ee!important;box-shadow:0 0 0 3px rgba(33,102,243,.16)!important}.fact,.server-card,.metric,.ring-box,.detail,.status-card,.message-item,.ticket-item,.device-item,.split-switch,.split-app{border-color:#222b38!important;background:#0f151e!important}.track{background:#1a2230!important}.track i{background:#2166f3!important}
.admin-page{color-scheme:dark;color:#f2f4f8!important;background:#090d14!important}.admin-page .topbar{background:#0b1017!important;border-bottom:1px solid #202733!important}.admin-page .topbar *{color:#f2f4f8}.admin-page .hero{border:1px solid #202733!important;background:#0d131d!important;box-shadow:none!important}.admin-page .admin-tabs{border:1px solid #202733!important;background:#0b1017!important;box-shadow:none!important}.admin-page .admin-tabs button{color:#959eb0!important;background:transparent!important}.admin-page .admin-tabs button::before{color:#82aaff!important;background:#131c2a!important}.admin-page .admin-tabs button.active{color:#fff!important;background:#252a31!important;box-shadow:none!important}.admin-page .admin-tabs button.active::before{background:#2166f3!important}
.admin-page .card,.admin-page .card2{color:#f2f4f8!important;border-color:#202733!important;background:#0c1119!important;box-shadow:none!important}.admin-page h2,.admin-page h3,.admin-page strong{color:#f2f4f8!important}.admin-page p,.admin-page .hint,.admin-page small,.admin-page .table-muted{color:#8f99aa!important}.admin-page button,.admin-page .download-item a{background:#2166f3!important;box-shadow:none!important}.admin-page button.ghost{color:#d7dce5!important;border-color:#303947!important;background:#131923!important}.admin-page .danger{background:#6d2835!important}.admin-page .sub-row,.admin-page .stat,.admin-page .download-item,.admin-page .drive-card,.admin-page .server-access-box,.admin-page .log-box{border-color:#222b38!important;background:#0f151e!important}.admin-page table{color:#e8ebf1!important}.admin-page th{color:#9ca5b5!important;background:#101720!important}.admin-page td,.admin-page th{border-color:#222b38!important}.admin-page .privacy-note{color:#a8b3c5!important;border-color:#26364d!important;background:#0d1724!important}

/* Refined brand accent: calmer green text and a campaign bar aligned with the dark UI. */
.promo{color:#211a08!important;border-bottom:1px solid #e3bd4f!important;background:linear-gradient(100deg,#8b6510 0%,#d8ad32 50%,#987016 100%)!important;box-shadow:inset 0 1px 0 rgba(255,236,159,.38),inset 0 -1px 0 rgba(91,61,0,.2)!important}
.promo span{color:#36290b!important;opacity:1!important}
.promo b{color:#171205!important}
.promo u{color:#312407!important;text-decoration-color:#6f5010!important}
.promo:hover{background:linear-gradient(100deg,#9b7418 0%,#e3bb43 50%,#a37a1d 100%)!important}
.admin-page .status-pill.ok{color:#185f49!important;background:#c9eadf!important;border-color:#9bcfbd!important}

/* Three-level green system for content accents; the campaign bar intentionally remains gold. */
.eyebrow i,.trust-row span::before,.template-status i,.feature-icon,.app-row i,.secure-indicator i{color:var(--withus-green-light)!important;border-color:var(--withus-green-light)!important}
.eyebrow i,.app-row i,.secure-indicator i{background:var(--withus-green-light)!important;box-shadow:0 0 14px rgba(56,242,193,.28)!important}
.text-link,.home-link,.section-kicker,.kicker{transition:color .18s ease}
@media(max-width:600px){.device-card,.feature-card,.region,.price-card,.download-card,.referral-card,.contact-form,.split-demo,.card,.topbar{border-radius:16px!important}}
:root{
  --wu-bg:#070a13;--wu-surface:#0b1220;--wu-surface-raised:#131b2e;
  --wu-input:#080f1d;--wu-border:#24324a;--wu-text:#f7faff;
  --wu-secondary:#b8c4d9;--wu-muted:#8491a8;--wu-primary:#0070f3;
  --wu-primary-end:#0063d8;--wu-cyan:#00f2fe;--wu-violet:#8b5cf6;
  --wu-success:#22c55e;--wu-danger:#ef4444;--wu-focus:#00f2fe;
  --wu-primary-gradient:linear-gradient(135deg,var(--wu-primary),var(--wu-primary-end));
}

button,.button,.primary{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .12s ease}
button:active,.button:active,.primary:active{transform:scale(.985)}
.button,.primary,.admin-page button:not(.ghost):not(.danger){color:#fff!important;background:var(--wu-primary-gradient)!important;box-shadow:0 12px 28px rgba(29,78,216,.24)!important}
.button:hover,.primary:hover,.admin-page button:not(.ghost):not(.danger):hover{filter:brightness(1.08)}
button:focus-visible,.button:focus-visible,.primary:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--wu-focus)!important;outline-offset:3px!important}

.admin-page{background:var(--wu-bg)!important;color:var(--wu-text)!important}
.admin-page .login-card{color:var(--wu-text)!important;border:1px solid var(--wu-border)!important;background:var(--wu-surface)!important;box-shadow:0 24px 70px rgba(0,0,0,.35)!important}
.admin-page .login-card h1,.admin-page .login-card h2,.admin-page .login-card label{color:var(--wu-text)!important}
.admin-page .login-card p,.admin-page .login-card small{color:var(--wu-secondary)!important}
.admin-page .login-card input{color:var(--wu-text)!important;border-color:var(--wu-border)!important;background:var(--wu-input)!important}

.account-tabs{scrollbar-width:thin;scrollbar-color:var(--wu-primary) transparent}
.account-tabs a{white-space:nowrap}
.account-tabs a[aria-current="location"]{background:var(--wu-primary-gradient)!important;color:#fff!important}

.proof-grid article>i,.feature-icon{display:inline-block;font-size:0!important;background:var(--wu-cyan)!important;mask:center/72% no-repeat;-webkit-mask:center/72% no-repeat}
.proof-grid article:nth-child(1)>i{mask-image:url('/assets/icon-refresh.webp');-webkit-mask-image:url('/assets/icon-refresh.webp')}
.proof-grid article:nth-child(2)>i{mask-image:url('/assets/icon-devices.webp');-webkit-mask-image:url('/assets/icon-devices.webp')}
.proof-grid article:nth-child(3)>i{mask-image:url('/assets/icon-message.webp');-webkit-mask-image:url('/assets/icon-message.webp')}
.proof-grid article:nth-child(4)>i{mask-image:url('/assets/icon-shield.webp');-webkit-mask-image:url('/assets/icon-shield.webp')}
.feature-grid article:nth-child(1) .feature-icon{mask-image:url('/assets/icon-route.webp');-webkit-mask-image:url('/assets/icon-route.webp')}
.feature-grid article:nth-child(2) .feature-icon{mask-image:url('/assets/icon-pin.webp');-webkit-mask-image:url('/assets/icon-pin.webp')}
.feature-grid article:nth-child(3) .feature-icon{mask-image:url('/assets/icon-speed.webp');-webkit-mask-image:url('/assets/icon-speed.webp')}
.feature-grid article:nth-child(4) .feature-icon{mask-image:url('/assets/icon-shield.webp');-webkit-mask-image:url('/assets/icon-shield.webp')}
.feature-grid article:nth-child(5) .feature-icon{mask-image:url('/assets/icon-infinity.webp');-webkit-mask-image:url('/assets/icon-infinity.webp')}

@media(min-width:900px){
  #loginBox.login,#passwordResetBox.login,#trialBox.login{max-width:560px}
}

@media(max-width:650px){
  .price-table-scroll{overflow:visible!important;border:0!important;box-shadow:none!important}
  .price-poster-table{display:block!important;min-width:0!important;background:transparent!important}
  .price-poster-table thead{display:none!important}
  .price-poster-table tbody{display:grid!important;gap:14px!important}
  .price-poster-table tr{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:14px;border:1px solid #2385a6;border-radius:18px;background:#08162b}
  .price-poster-table tbody th{grid-column:1/-1;display:block;padding:8px 10px;border:0;border-radius:12px;background:#10294a!important;font-size:20px!important}
  .price-poster-table tbody th::after{content:" روز";font-size:.75em;color:#aebbd4}
  .price-poster-table td{display:flex!important;min-width:0;align-items:center;justify-content:space-between;gap:7px;padding:10px!important;border:1px solid #26385f!important;border-radius:12px;background:#0d1d36}
  .price-poster-table td::before{color:#aebbd4;font-size:12px;white-space:nowrap}
  .price-poster-table td:nth-child(2)::before{content:"۵۰ GB"}.price-poster-table td:nth-child(3)::before{content:"۱۰۰ GB"}.price-poster-table td:nth-child(4)::before{content:"۱۵۰ GB"}.price-poster-table td:nth-child(5)::before{content:"۲۰۰ GB"}.price-poster-table td:nth-child(6)::before{content:"۳۰۰ GB"}
  .price-poster-table del{font-size:12px!important}.price-poster-table strong{min-width:56px!important;margin:0!important;font-size:17px!important}
}

@media(prefers-reduced-motion:reduce){button,.button,.primary{transition:none!important}}
.language-switcher{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 10px;border:1px solid rgba(32,217,255,.34);border-radius:16px;background:rgba(9,20,40,.78);box-shadow:0 10px 28px rgba(0,0,0,.18)}
.language-switcher select{min-width:138px;border:1px solid rgba(125,160,210,.42);border-radius:12px;background:rgba(16,29,54,.95);color:inherit;padding:10px 34px 10px 12px;font:inherit;font-weight:800;outline:0}
.language-switcher select:focus-visible{outline:3px solid rgba(32,217,255,.45);outline-offset:3px}
.language-switcher label{font-size:.86rem;color:var(--text,#f4f8ff);font-weight:800;white-space:nowrap}
.topbar .header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.topbar .brand h1,.brand h1{direction:ltr;text-align:left;white-space:nowrap}
html[dir="ltr"] body{text-align:left}
html[dir="ltr"] .hero-copy,html[dir="ltr"] .contact-info,html[dir="ltr"] .footer-grid{text-align:left}
html[dir="ltr"] .trust-row,html[dir="ltr"] .hero-actions,html[dir="ltr"] .header-actions{direction:ltr}
html[dir="ltr"] input,html[dir="ltr"] textarea{direction:ltr;text-align:left}
html[dir="rtl"] input[type=email],html[dir="rtl"] input[dir=ltr]{direction:ltr;text-align:left}
@media(max-width:720px){
  .language-switcher{width:100%;justify-content:space-between}
  .language-switcher select{min-width:0;flex:1}
  .site-header .language-switcher{order:4}
  .topbar{align-items:stretch;flex-direction:column}
  .topbar .brand{width:100%;justify-content:flex-start}
  .topbar .brand h1,.brand h1{max-width:100%;overflow:visible}
  .topbar .header-actions{width:100%;justify-content:space-between}
  .topbar .header-actions [data-language-switcher]{flex:1 1 100%;order:2}
  .topbar .header-actions .status{order:1;margin-inline-start:auto}
}
:root {
  --brand-bg-dark: #070a13;
  --brand-bg: #0b1220;
  --brand-surface-1: #0d1322;
  --brand-surface-2: #131b2e;
  --brand-surface-3: #1e293b;
  --brand-blue: #0070f3;
  --brand-cobalt: #0080ff;
  --brand-cyan: #00f2fe;
  --brand-cyan-muted: #06b6d4;
  --brand-violet: #8b5cf6;
  --brand-text: #f8fafc;
  --brand-text-secondary: #cbd5e1;
  --brand-text-muted: #94a3b8;
  --brand-border: rgba(56, 189, 248, .18);
  --brand-success: #22c55e;
  --brand-warning: #f59e0b;
  --brand-error: #ef4444;
  --brand-info: #38bdf8;
  --brand-radius-sm: 12px;
  --brand-radius: 16px;
  --brand-radius-lg: 24px;
  --brand-focus: 0 0 0 3px rgba(0, 242, 254, .42);
  --brand-shadow: 0 18px 48px rgba(0, 0, 0, .22);
}

html { scroll-padding-top: 88px; }
body { background: var(--brand-bg-dark); color: var(--brand-text); font-family: Vazirmatn, Tahoma, "Segoe UI", sans-serif; }
body, button, input, textarea, select { letter-spacing: 0; }
button, a, input, textarea, select { touch-action: manipulation; }
a, button { cursor: pointer; }
.section-shell { width: min(1240px, calc(100% - 40px)); }
.section { padding-block: 80px; }
.skip-link { position: fixed; inset-block-start: 8px; inset-inline-start: 12px; z-index: 1000; padding: 10px 14px; border-radius: var(--brand-radius-sm); background: var(--brand-text); color: var(--brand-bg-dark); transform: translateY(-160%); }
.skip-link:focus { transform: translateY(0); }
:where(a, button, input, textarea, select, summary):focus-visible { outline: 3px solid var(--brand-cyan); outline-offset: 3px; }

.site-header { min-height: 72px; background: rgba(7, 10, 19, .94); border-color: var(--brand-border); backdrop-filter: blur(10px); }
.site-header nav a { position: relative; min-height: 44px; display: inline-flex; align-items: center; color: var(--brand-text-secondary); }
.site-header nav a::after { content: ""; position: absolute; inset-inline: 8px; inset-block-end: 2px; height: 2px; border-radius: 2px; background: var(--brand-cyan); transform: scaleX(0); transition: transform 180ms ease; }
.site-header nav a:hover, .site-header nav a.active { color: var(--brand-text); }
.site-header nav a.active::after { transform: scaleX(1); }
.button { min-height: 48px; border-radius: var(--brand-radius-sm); color: #fff; background: linear-gradient(135deg, var(--brand-blue), var(--brand-cyan-muted)); box-shadow: none; transition: filter 180ms ease, opacity 180ms ease; }
.button:hover { filter: brightness(1.1); }
.button:active { filter: brightness(.92); }
.button:disabled { opacity: .45; cursor: not-allowed; filter: none; }
.button.ghost { color: var(--brand-text); background: var(--brand-surface-2); border-color: rgba(56, 189, 248, .34); }

.nav-toggle { position: relative; width: 48px; height: 48px; border: 1px solid var(--brand-border); border-radius: var(--brand-radius-sm); background: var(--brand-surface-2); }
.nav-toggle span, .nav-toggle span::before, .nav-toggle span::after { position: absolute; inset-inline-start: 12px; width: 22px; height: 2px; border-radius: 2px; background: var(--brand-text); content: ""; transition: transform 180ms ease, opacity 180ms ease; }
.nav-toggle span { inset-block-start: 22px; }
.nav-toggle span::before { inset-inline-start: 0; inset-block-start: -7px; }
.nav-toggle span::after { inset-inline-start: 0; inset-block-start: 7px; }
.site-header.menu-open .nav-toggle span { background: transparent; }
.site-header.menu-open .nav-toggle span::before { transform: translateY(7px) rotate(45deg); }
.site-header.menu-open .nav-toggle span::after { transform: translateY(-7px) rotate(-45deg); }

.template-hero { min-height: auto; padding-block: 72px 56px; }
.hero-copy h1 { font-size: 52px; letter-spacing: 0; text-wrap: balance; }
.hero-copy p { max-width: 650px; color: var(--brand-text-secondary); line-height: 1.9; }
.hero-actions { align-items: center; }
.hero-actions .button { min-width: 180px; }
.trust-row { gap: 10px; }
.trust-row span { min-height: 36px; display: inline-flex; align-items: center; padding: 6px 10px; border: 1px solid var(--brand-border); border-radius: var(--brand-radius-sm); background: var(--brand-surface-1); }
.template-hero-visual { border-radius: var(--brand-radius-lg); background: var(--brand-surface-1); box-shadow: var(--brand-shadow); }
.template-hero-visual img { display: block; width: 100%; height: auto; border-radius: inherit; }
.template-status { border-radius: var(--brand-radius-sm); background: rgba(13, 19, 34, .96); box-shadow: 0 12px 28px rgba(0, 0, 0, .25); }

.feature, .region-grid article, .proof-grid article, .platforms > *, .contact-form, .poster-pricing { border-radius: var(--brand-radius); border-color: var(--brand-border); background: var(--brand-surface-1); box-shadow: none; }
.feature:hover, .region-grid article:hover, .platforms > *:hover { border-color: rgba(0, 242, 254, .35); }
.feature .feature-icon { width: 32px; height: 32px; object-fit: contain; }
.feature .availability { display: inline-flex; width: fit-content; min-height: 28px; align-items: center; margin-top: 14px; padding: 4px 8px; border: 1px solid rgba(0, 242, 254, .28); border-radius: 8px; color: var(--brand-cyan); font-size: 12px; font-weight: 700; }
.feature .availability.premium { border-color: rgba(139, 92, 246, .38); color: #c4b5fd; }
.feature > a { display: inline-flex; min-height: 44px; align-items: center; margin-top: 12px; color: #7dd3fc; font-weight: 700; }
.pricing-skeleton { display: grid; gap: 12px; min-height: 160px; padding: 24px; }
.pricing-skeleton span { display: block; height: 30px; border-radius: 8px; background: linear-gradient(90deg, var(--brand-surface-2), var(--brand-surface-3), var(--brand-surface-2)); background-size: 200% 100%; animation: skeleton 1.2s linear infinite; }
.pricing-empty { min-height: 180px; display: grid; place-content: center; justify-items: center; gap: 12px; padding: 24px; color: var(--brand-text-secondary); text-align: center; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
@keyframes skeleton { to { background-position: -200% 0; } }

footer details { display: grid; align-content: start; gap: 8px; }
footer summary { color: var(--brand-text); font-weight: 700; list-style: none; cursor: default; }
footer summary::-webkit-details-marker { display: none; }
.mobile-primary-cta { display: none; }

.logo picture,
.wallet-top picture {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
}

.site-header > .logo picture,
.footer-brand .logo picture,
.wallet-top picture {
  width: 48px;
  height: 48px;
}

@media (max-width: 980px) {
  .site-header { padding-inline: 18px; }
  .site-header.menu-open nav { max-height: calc(100dvh - 96px); overflow-y: auto; }
  .site-header.menu-open nav a { padding-inline: 14px; }
  .hero-copy h1 { font-size: 42px; }
}

@media (max-width: 620px) {
  body { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
  .section-shell { width: min(100% - 32px, 1240px); }
  .section { padding-block: 44px; }
  .template-hero { padding-block: 40px 32px; }
  .hero-copy h1 { font-size: 32px !important; line-height: 1.35 !important; }
  .hero-copy > p { font-size: 16px !important; }
  .hero-actions { display: grid; grid-template-columns: 1fr; }
  .hero-actions .button { width: 100%; }
  .trust-row { display: grid !important; grid-template-columns: 1fr 1fr; }
  .trust-row span { font-size: 12px !important; justify-content: center; text-align: center; }
  .footer-grid { grid-template-columns: 1fr; }
  footer details { border-top: 1px solid var(--brand-border); padding-block: 10px; }
  footer details:not([open]) > :not(summary) { display: none; }
  footer summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; justify-content: space-between; }
  footer summary::after { content: "+"; font-size: 22px; font-weight: 400; }
  footer details[open] summary::after { content: "−"; }
  .mobile-primary-cta { position: fixed; z-index: 45; inset-inline: 16px; inset-block-end: calc(12px + env(safe-area-inset-bottom)); display: flex; min-height: 52px; align-items: center; justify-content: center; border-radius: var(--brand-radius-sm); background: linear-gradient(135deg, var(--brand-blue), var(--brand-cyan-muted)); color: #fff; font-weight: 800; box-shadow: 0 14px 34px rgba(0, 0, 0, .38); }
  .back-top { inset-block-end: calc(80px + env(safe-area-inset-bottom)); }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}