/* Shared across every language and page; keep this after page-specific styles. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.language-switch{display:flex;align-items:center;margin:0;flex:0 0 auto}
.language-switch select{font:500 14px/1.5 var(--font);color:var(--ink);width:108px;max-width:100%;min-height:44px;margin:0;padding:8px 22px 8px 10px;border:1px solid var(--line);background:#fff;border-radius:8px;cursor:pointer}
.nav-wrap{gap:18px}.nav-actions{gap:15px}.desktop-nav{gap:20px}.menu-toggle{min-width:44px;min-height:44px}.mobile-nav a{min-height:44px}
.hero>*,.device-layout>*,.docs-layout>*,.legal-layout>*,.auth-layout>*,.subscription-layout>*,.story-panel>*,.download-feature>*,.account-overview>*,.guide-steps li>div,.content-grid>*,.footer-main>*{min-width:0}
.hero-platforms>div,.purchase-summary,.pagination,.faq-links{flex-wrap:wrap}.purchase-total{flex-shrink:0}.purchase-summary>div{min-width:0}
.plan-price{white-space:normal;flex-wrap:wrap}.plan-detail>span{gap:10px;align-items:flex-start}.plan-detail strong{text-align:right}.plan-kicker{gap:10px}
.button{white-space:normal;text-align:center}.button>span{flex-shrink:0}.text-link,.text-button,.quiet-button{min-height:44px}.text-link{display:inline-flex;align-items:center;line-height:1.6}
.filter-tabs button,.doc-nav a{min-height:44px}.copy-button{min-height:44px!important;min-width:44px}.table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}
input,select,textarea{font-size:16px}.password-field input{padding-right:90px}.password-field button{min-width:72px;min-height:44px;top:3px;bottom:3px}
.config-row>strong{min-width:0;overflow-wrap:anywhere}.download-spec dd{overflow-wrap:anywhere}.qr-box{max-width:100%;min-width:0;width:224px}.qr-box img,.qr-box canvas{max-width:100%}
html[lang="en"] h1,html[lang="en"] h2{letter-spacing:-.035em;line-height:1.22}html[lang="en"] .hero h1{font-size:clamp(40px,4.6vw,64px)}html[lang="en"] .page-heading h1{max-width:950px}html[lang="en"] .eyebrow{letter-spacing:1.4px}html[lang="en"] .section-heading>p{max-width:370px}html[lang="zh-TW"]{--font:'Inter','Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif}
@media(max-width:1150px){.desktop-nav{display:none}.menu-toggle{display:block}.nav-wrap{height:78px}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.price-card{padding:28px}.price-card[data-plan-id] .plan-price{font-size:42px}.plan-price>small{font-size:14px}}
@media(min-width:841px) and (max-width:1150px){.hero{gap:26px}.hero h1{font-size:48px}.hero-actions .button{padding:13px 19px;gap:15px}.trial-note{left:20px;right:20px;padding:16px}.trial-note strong{font-size:14px}.trial-note div>span{font-size:13px}}
@media(max-width:900px){.auth-layout{grid-template-columns:1fr;max-width:650px}.auth-aside{padding:32px}.auth-aside ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.auth-aside li{font-size:14px}.auth-aside h2{font-size:30px}.auth-aside a{margin-top:22px}.trial-big{font-size:72px;margin-top:20px}.subscription-layout{grid-template-columns:1fr}.qr-card{padding:30px}.docs-layout,.legal-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}.page-heading h1{font-size:38px}}
@media(max-width:840px){.hero,.device-layout{grid-template-columns:1fr}.hero{min-height:0;padding-top:42px;gap:35px}.hero-visual{max-width:650px;width:100%;justify-self:center;aspect-ratio:1.3}.hero-actions{gap:12px}.device-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.device-tab{min-width:0}.device-tab>span{min-width:0}.device-tab strong,.device-tab small{white-space:normal;overflow-wrap:normal}.download-feature{grid-template-columns:1fr}.account-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.account-stats>div:nth-child(2){border-right:0}.account-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line);padding-bottom:20px}.account-stats>div:nth-child(n+3){padding-top:20px}}
@media(max-width:700px){.docs-layout,.legal-layout{display:block}.doc-nav{position:static;display:flex;flex-wrap:wrap;gap:8px}.doc-nav a{font-size:14px!important;display:flex;align-items:center}.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.footer-brand{grid-column:1/-1}.footer-main>div:not(.footer-brand)>a{font-size:14px;min-height:44px;display:flex;align-items:center;padding:8px 0;line-height:1.6}.footer-main h3{font-size:15px}.footer-bottom{flex-wrap:wrap}.page-heading h1{font-size:32px}.page-heading .breadcrumb{line-height:1.8}.section-heading{gap:24px;align-items:flex-start}.section-heading>p{max-width:none}.service-hours span,.plan-kicker,.plan-description,.daily-price,.plan-fit{font-size:14px}.auth-aside ul{grid-template-columns:1fr;gap:12px}.account-overview .action-row{width:100%}.filter-tabs{max-width:100%}.filter-tabs button{font-size:14px!important;white-space:normal}}
@media(max-width:620px){.container{width:calc(100% - 36px)}.nav-wrap{height:72px;gap:10px}.brand{font-size:24px;gap:7px}.brand-mark{width:29px;height:32px;font-size:23px;flex-shrink:0}.brand-vpn{font-size:11px;margin-left:4px}.nav-actions{gap:6px}.nav-actions>.login-link,.nav-actions>.button{display:none}.language-switch select{width:104px;min-height:44px;font-size:14px;padding:8px 17px 8px 8px}.menu-toggle{padding:10px}.mobile-nav{padding:8px 18px 18px}.mobile-nav .mobile-trial{color:var(--blue);font-weight:600}.hero h1,html[lang="en"] .hero h1{font-size:clamp(34px,9vw,48px);letter-spacing:-1.2px;line-height:1.25}.hero-description{font-size:16px}.hero-description br{display:none}.hero-actions{display:grid;grid-template-columns:1fr;width:100%}.hero-actions .button{width:100%;font-size:16px;min-height:52px}.hero-note{align-items:flex-start;font-size:14px}.hero-note svg{flex-shrink:0;margin-top:5px}.hero-platforms>div{font-size:13px;gap:8px}.hero-platforms>span{font-size:13px}.eyebrow{font-size:12px;letter-spacing:1px}.hero-visual{aspect-ratio:1.1}.trial-note{left:16px;right:16px;bottom:40px;padding:14px;gap:12px}.trial-note strong{font-size:14px}.trial-note div>span{font-size:13px}.trial-icon{font-size:30px;padding-right:12px;flex-shrink:0}.visual-caption{font-size:10px;gap:10px}.facts strong{font-size:18px;line-height:1.5}.facts p{font-size:13px}.facts>div{min-width:0;padding-right:14px!important}.facts>div:nth-child(2n){padding-left:18px!important}.section-heading h2,.final-cta h2{font-size:29px;line-height:1.4}.section-heading h2 br{display:none}.included-benefits{font-size:14px;grid-template-columns:1fr;gap:10px}.pricing-grid{grid-template-columns:1fr;gap:22px}.price-card,.price-card[data-plan-id]{padding:28px}.price-card h3{font-size:25px}.price-card .plan-price,.price-card[data-plan-id] .plan-price{font-size:43px;min-height:0;align-content:normal;line-height:1.5;gap:5px}.price-card .plan-price>small{flex:initial;font-size:16px;margin-left:5px}.plan-description{min-height:0}.plan-detail>span,.plan-detail strong{font-size:15px}.price-card .button,.price-card[data-plan-id] .plan-select{font-size:16px;min-height:50px}.plan-features{font-size:15px!important}.price-card .plan-kicker{font-size:14px!important}.pricing-note,.pricing-assurance{font-size:14px}.pricing-assurance{justify-content:flex-start;gap:12px}.config-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;font-size:15px}.config-row>span{grid-column:1/-1}.config-row>strong{grid-column:1}.copy-button{grid-column:2;grid-row:auto;font-size:13px!important;padding:8px 12px}.code-field{flex-direction:column}.code-field .button{min-height:48px;font-size:15px;white-space:normal;width:100%}.form-card{padding:26px 22px}.form-card .button{font-size:16px}.check-row,.form-footnote,.field-help{font-size:14px!important}.download-feature{padding:25px}.download-feature h2{font-size:30px}.surface-card{padding:24px}.surface-card .section-heading{flex-wrap:wrap;gap:10px}.action-row{gap:12px}.action-row .button{font-size:15px;min-height:48px}.account-stats strong{font-size:17px}.account-stats>div{padding:16px 12px!important}.account-stats span{font-size:14px}.purchase-panel{padding:23px}.purchase-total{font-size:30px}.preview-notice{flex-wrap:wrap;gap:4px 12px;font-size:14px}.qr-box{width:220px;max-width:100%}.pagination{justify-content:flex-start;font-size:14px}.help-banner{padding:24px}.final-cta{padding:30px 24px}.mobile-sticky-cta{gap:14px;align-items:center;padding:13px 18px calc(13px + env(safe-area-inset-bottom));min-height:88px}.mobile-sticky-cta>div{min-width:0;flex:1}.mobile-sticky-cta .button{font-size:14px;min-height:48px;flex:0 0 auto;max-width:52%;padding:10px 16px;gap:10px}.site-footer{padding-bottom:135px}.inner-page .site-footer{padding-bottom:30px}.toast{bottom:24px}.inner-page .toast{max-width:calc(100% - 28px)}}
@media(max-width:380px){.container{width:calc(100% - 28px)}.nav-wrap{gap:5px}.language-switch select{width:98px}.brand{font-size:22px;gap:5px}.brand-vpn{font-size:10px}.nav-actions{gap:3px}.device-tabs{grid-template-columns:1fr}.download-spec{padding:23px}.download-spec dl{grid-template-columns:1fr;gap:6px}.download-spec dd{margin-bottom:12px}.contact-card .contact-address{font-size:18px}.account-stats{grid-template-columns:1fr}.account-stats>div{border-right:0;border-bottom:1px solid var(--line)}.account-stats>div:last-child{border-bottom:0}.dialog-body{padding:24px}.dialog-body .action-row{display:grid;grid-template-columns:1fr}.mobile-sticky-cta{gap:10px}.mobile-sticky-cta .button{padding-inline:12px}.trial-note strong{font-size:13px}.visual-caption{font-size:9px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important}}
@media(max-width:900px){.auth-layout>.form-card{order:-1}}

/* Compact plans and account workflows — 2026-09-13. */
.compact-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.compact-plan-card{border:2px solid #e2e7ef;border-radius:20px;background:#fff;overflow:hidden;min-width:0;transition:border-color .18s,box-shadow .18s}.compact-plan-card:hover{border-color:#aac4f4;box-shadow:0 12px 26px #1939630b}.compact-plan-card.tier-6{border-color:#bdd1fa;background:#f9fbff}.compact-plan-card.tier-7{border-color:#f1dcad;background:#fffcf6}.compact-plan-choice{display:block;width:100%;height:100%;padding:28px 32px;text-align:left;color:var(--ink);background:none;border:0;font:inherit;cursor:pointer}.compact-plan-choice:focus-visible{outline:3px solid var(--blue);outline-offset:-6px;border-radius:18px}.compact-plan-top{display:flex;align-items:center;gap:20px}.compact-plan-icon{display:grid;place-items:center;flex:0 0 62px;height:62px;border-radius:16px;background:#edf3ff;color:var(--blue)}.compact-plan-icon svg{width:34px;height:34px;stroke:currentColor;stroke-width:1.7;fill:none;stroke-linejoin:round}.tier-5 .compact-plan-icon{color:#05a454;background:#e9faef}.tier-7 .compact-plan-icon{color:#ce9206;background:#fff4d8}.compact-plan-name{display:block;font-size:25px;font-weight:650;line-height:1.4}.compact-plan-tag{display:inline-block;color:#245bd3;background:#e8f0ff;border-radius:7px;padding:3px 10px;margin-top:7px;font-size:14px;font-weight:550}.tier-5 .compact-plan-tag,.tier-6 .compact-plan-tag{background:#dff8e9;color:#087b42}.tier-7 .compact-plan-tag{background:#fff1ce;color:#956800}.compact-plan-check{margin-left:auto;align-self:flex-start;flex:0 0 30px;height:30px;border:2px solid #ced6e3;border-radius:50%;display:grid;place-items:center;color:#6480aa;font-size:17px}.compact-plan-card[data-plan-id] .compact-plan-check{color:transparent}.compact-plan-card.selected{border-color:#2267ee;box-shadow:0 12px 24px #2068ec14;background:#f7faff}.compact-plan-card.selected .compact-plan-check{background:#2267ee;border-color:#2267ee;color:#fff}.compact-plan-price{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin-top:24px}.compact-plan-price strong{color:#098548;font-size:42px;line-height:1.2;letter-spacing:-1px}.compact-plan-price>span{color:#6d788c;font-size:17px;white-space:nowrap}.compact-plan-meta{display:flex;gap:20px;flex-wrap:wrap;margin-top:17px;padding-top:15px;border-top:1px solid #e8edf5;color:#6a788f;font-size:15px;line-height:1.6}.compact-plan-meta>span+span{border-left:1px solid #dce4ef;padding-left:20px}.pricing-note a,.purchase-refund a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.purchase-refund{margin:23px 0;padding:20px 24px;background:#f3f6fc;border-radius:12px;font-size:15px;line-height:1.8}.purchase-refund strong{font-size:16px}.purchase-refund p{margin:6px 0}.refund-window-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:24px 0}.refund-window-grid>div{border:1px solid var(--line);border-radius:12px;padding:20px 14px;background:#f7faff}.refund-window-grid span{display:block;color:var(--muted);font-size:15px}.refund-window-grid strong{display:block;color:var(--blue);font-size:25px;margin-top:8px}.about-mission{display:grid;grid-template-columns:1fr 1fr;gap:18px 60px;align-items:center}.about-mission .eyebrow{grid-column:1/-1}.about-mission h2{margin:0;font-size:36px;line-height:1.45}.about-mission p,.about-closing{font-size:17px;line-height:1.9;color:var(--muted)}.about-closing{margin-top:40px;text-align:center}

.account-menu{position:relative;flex-shrink:0}.account-menu summary{display:flex;gap:8px;align-items:center;justify-content:center;list-style:none;cursor:pointer;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:14px}.account-menu summary::-webkit-details-marker{display:none}.account-menu svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.7}.account-menu-panel{position:absolute;right:0;top:calc(100% + 10px);z-index:80;min-width:220px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 40px #16254222}.account-menu-panel>a,.account-menu-panel>button{display:block;width:100%;border:0;background:none;font:inherit;font-size:15px;text-align:left;padding:12px;color:var(--ink);cursor:pointer;min-height:44px;border-radius:7px}.account-menu-panel>a:hover,.account-menu-panel>button:hover{background:var(--wash)}.has-session .nav-actions>.login-link,.has-session .nav-actions>.button,.has-session .mobile-login,.has-session .mobile-trial{display:none}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.dialog-heading h2{margin:0;font-size:26px}.dialog-heading button{flex-shrink:0}dialog{max-height:90dvh;overflow-y:auto;overscroll-behavior:contain}#password-dialog{width:min(500px,calc(100% - 28px))}#password-dialog .dialog-body>p{font-size:15px;color:var(--muted);line-height:1.8}.orders-dialog{width:min(1000px,calc(100% - 28px))}.orders-dialog table{min-width:680px}.orders-dialog .table-scroll{margin-top:12px}body[data-page="account.html"] .page-heading{padding-bottom:26px}body[data-page="account.html"] .page-heading .breadcrumb,body[data-page="account.html"] .page-heading .eyebrow,body[data-page="account.html"] .page-heading>p{display:none}body[data-page="account.html"] .page-heading h1{font-size:30px;margin:6px 0 0}.account-card{background:linear-gradient(115deg,#1b55d9,#1645b0);color:#fff;padding:28px 34px 34px;border-radius:24px}.account-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.account-state{font-size:14px}.account-state strong{font-weight:550}.account-card .text-button{color:#d6e4ff}.account-card-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}.account-welcome{font-size:16px;color:#d4e3ff;margin:0 0 5px}.account-card h2{font-size:29px;line-height:1.5;margin:0;overflow-wrap:anywhere}.account-member{margin:8px 0 22px;color:#fff;font-size:17px}.account-usage{display:grid;grid-template-columns:.7fr 1.3fr;gap:28px}.account-usage span,.account-usage small{display:block;color:#c2d6ff;font-size:14px;line-height:1.8}.account-usage strong{display:block;font-size:24px;line-height:1.5;margin:5px 0;overflow-wrap:anywhere}.account-usage div:first-child small{color:#b3f4ce}.account-card-actions{display:grid;gap:12px;min-width:210px}.account-card-actions .button{background:#fff;color:#164eb9;border-color:#fff;font-size:16px;min-height:52px}.account-card-actions .button-secondary{background:transparent;border-color:#85a9ec;color:#fff}.account-device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.account-device{padding:26px}.account-device h3{font-size:25px;margin:13px 0 6px}.account-device .device-support{font-size:14px;line-height:1.6;margin:0 0 18px;color:#3563a5}.account-device>p:not(.device-support){font-size:15px;line-height:1.8;min-height:54px;margin-bottom:20px}.device-methods{display:grid;gap:10px}.device-method{display:flex;align-items:center;gap:10px;min-height:67px;padding:13px 12px;border:1px solid var(--line);border-radius:10px;font-size:15px;line-height:1.6}.device-method .method-number{color:#8b9ab1;font-size:13px;flex-shrink:0}.device-method>span:nth-child(2){flex:1;min-width:0}.device-method>span:last-child{flex-shrink:0}.device-method small{display:block;font-size:12px;color:#bad1ff}.device-method:hover{border-color:#a9bfdf}.device-method.recommended{background:var(--blue);border-color:var(--blue);color:#fff}.device-method.recommended .method-number{color:#adc8ff}.telegram-shortcut{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:23px 28px;border:1px solid var(--line);border-radius:14px}.telegram-shortcut strong{font-size:17px}.telegram-shortcut p{font-size:14px;color:var(--muted);margin:6px 0 0}.native-guide h3{font-size:18px;margin-top:20px}.native-guide p{font-size:16px;line-height:1.9}.native-verify{border-top:1px solid var(--line);padding-top:22px;margin-top:26px}.native-verify strong{font-size:17px}.native-verify p{margin-top:10px;margin-bottom:18px}.native-verify .button{font-size:15px}
@media(max-width:1150px){.account-device-grid{grid-template-columns:1fr}.account-device>p:not(.device-support){min-height:0}.device-methods{grid-template-columns:repeat(3,minmax(0,1fr))}.account-device[data-account-device="ios"] .device-methods{grid-template-columns:repeat(2,minmax(0,1fr))}.account-card-body{grid-template-columns:1fr}.account-card-actions{display:flex;flex-wrap:wrap}.account-card-actions .button{flex:1}.refund-window-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.about-mission{grid-template-columns:1fr;gap:15px}.about-mission h2{font-size:29px}.compact-plan-choice{padding:23px}.compact-plan-top{gap:16px}.compact-plan-icon{flex-basis:52px;height:52px;border-radius:13px}.compact-plan-name{font-size:23px}.compact-plan-price strong{font-size:37px}.compact-plan-meta{gap:10px;font-size:14px}.compact-plan-meta>span+span{padding-left:10px}.device-methods,.account-device[data-account-device="ios"] .device-methods{grid-template-columns:1fr}.account-card{padding:22px;border-radius:18px}.account-card h2{font-size:24px}.account-usage{grid-template-columns:1fr;gap:19px}.account-usage strong{font-size:23px}.account-card-body{gap:25px}.account-card-actions{display:grid;grid-template-columns:1fr}.account-device{padding:24px}.account-device>p:not(.device-support),.device-method{font-size:16px}.telegram-shortcut{align-items:flex-start;flex-direction:column;padding:24px}.dialog-heading h2{font-size:23px}.dialog-body{padding:24px}.purchase-refund{padding:18px}.refund-window-grid strong{font-size:23px}}
@media(max-width:620px){.compact-plan-grid{grid-template-columns:1fr;gap:16px}.compact-plan-price{margin-top:20px}.compact-plan-price>span{font-size:16px}.compact-plan-check{flex-basis:28px;height:28px}.has-session .menu-toggle{display:none}.has-session .brand-vpn{display:none}.account-menu summary{padding:8px 10px;min-width:44px}.account-menu summary>span{display:none}.account-menu-panel{min-width:220px}.account-state{font-size:13px}.account-card .text-button{font-size:14px}.account-card .account-card-top{gap:8px}.compact-plan-meta>span+span{border-left:0;padding-left:0}.compact-plan-meta{justify-content:space-between}.refund-window-grid>div{padding:17px 12px}}