/* BestPCVPN — Top10VPN Light design system */
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/inter-400.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/inter-500.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/inter-600.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/inter-700.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url('/assets/fonts/inter-800.woff2') format('woff2')}

:root{
  --blue-70:#414bd9;--blue-60:#5d66eb;--blue-80:#2c35bf;
  --grey-100:#232434;--grey-80:#474852;--grey-70:#5b5b63;
  --grey-40:#b0acab;--grey-30:#c7c4c3;--grey-10:#f5f1f0;
  --green-80:#0b524d;--green-10:#e4f5f4;
  --black:#000000;--white:#ffffff;
  --primary:var(--blue-70);--primary-hover:var(--blue-80);--primary-light:#eef0fc;
  --text:var(--black);--text-secondary:var(--grey-100);--text-muted:var(--grey-70);
  --bg:var(--white);--bg-surface:var(--grey-10);--border:var(--grey-30);
  --shadow-card:0px 1px 5px 1px rgba(0,0,0,0.15);
  --shadow-btn:0px 0.972px 2.915px 0px rgba(28,32,87,0.2);
  --r-sm:5px;--r-md:10px;--r-card:12px;--r-lg:20px;--r-pill:30px;
  --sp-xs:8px;--sp-sm:16px;--sp-md:24px;--sp-lg:32px;--sp-xl:40px;--sp-2xl:60px;--sp-3xl:80px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{overflow-x:hidden;max-width:100%;font-family:'Inter',Arial,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;font-size:16px}
img{max-width:100%;height:auto;display:block}
a{color:var(--primary);text-decoration:none}
a:hover{color:var(--primary-hover);text-decoration:underline}
h1,h2,h3,h4,h5{font-weight:700;line-height:1.25;color:var(--text)}
h1{font-size:clamp(1.8rem,4vw,3.1rem)}
h2{font-size:clamp(1.5rem,3vw,2.6rem)}
h3{font-size:clamp(1.2rem,2.5vw,2.15rem)}
h4{font-size:1.125rem}
p{margin-bottom:1rem;color:var(--text-secondary)}
ul,ol{padding-left:1.5rem;margin-bottom:1rem}
li{margin-bottom:.35rem}

/* Container */
.container{max-width:1200px;margin:0 auto;padding:0 24px}

/* Buttons */
.btn-cta{display:inline-block;background:var(--primary);color:#fff!important;padding:12px 28px;border-radius:var(--r-pill);font-weight:700;font-size:.9375rem;text-decoration:none!important;box-shadow:var(--shadow-btn);transition:background .18s,transform .12s;white-space:nowrap}
.btn-cta:hover{background:var(--primary-hover);transform:translateY(-1px)}
.btn-outline{display:inline-block;border:2px solid var(--primary);color:var(--primary)!important;padding:10px 24px;border-radius:var(--r-pill);font-weight:600;font-size:.9375rem;text-decoration:none!important;transition:all .18s;white-space:nowrap}
.btn-outline:hover{background:var(--primary);color:#fff!important}
.btn-sm{padding:8px 20px;font-size:.875rem}

/* Nav */
.site-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 1px 3px rgba(0,0,0,.07)}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:16px}
.nav-logo img{height:40px;width:auto;object-fit:contain}
.nav-links{display:flex;align-items:center;gap:24px;flex:1;justify-content:flex-end}
.nav-pages{display:flex;gap:4px}
.nav-pages a{font-size:.9375rem;font-weight:500;color:var(--text-secondary);padding:8px 12px;border-radius:var(--r-sm);transition:background .15s,color .15s}
.nav-pages a:hover,.nav-pages a.active{background:var(--primary-light);color:var(--primary);text-decoration:none}
.nav-right{display:flex;align-items:center;gap:12px}
.nav-toggle{display:none;background:none;border:0;font-size:28px;cursor:pointer;color:var(--text);padding:4px 8px;line-height:1}

/* VPN logo img */
.vpn-logo-img{width:auto;max-width:100px;height:30px;object-fit:contain;display:block}
.vpn-card .vpn-logo-img{height:32px;max-width:120px}
.review-mini-card .vpn-logo-img{height:28px;max-width:110px;margin-bottom:10px}
.sidebar-card .vpn-logo-img{height:32px;max-width:120px}

/* Nav Reviews dropdown */
.nav-dropdown-wrap{position:relative}
.nav-dropdown-trigger{font-size:.9375rem;font-weight:500;color:var(--text-secondary);padding:8px 12px;border-radius:var(--r-sm);transition:background .15s,color .15s;display:flex;align-items:center;gap:4px;cursor:pointer;text-decoration:none!important;white-space:nowrap}
.nav-dropdown-trigger:hover,.nav-dropdown-trigger.active{background:var(--primary-light);color:var(--primary)}
.nav-arrow{font-size:.7rem;transition:transform .15s;display:inline-block}
.nav-dropdown-menu{display:none;position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:1px solid var(--border);border-radius:var(--r-card);box-shadow:0 8px 24px rgba(0,0,0,.12);min-width:200px;z-index:300;overflow:hidden;padding:6px 0}
.nav-dropdown-menu a{display:block;padding:8px 16px;font-size:.875rem;color:var(--text-secondary);text-decoration:none;transition:background .12s;white-space:nowrap}
.nav-dropdown-menu a:hover{background:var(--primary-light);color:var(--primary)}
.nav-dropdown-header{font-weight:700!important;font-size:.8125rem!important;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)!important;border-bottom:1px solid var(--grey-10);margin-bottom:4px;padding-bottom:10px!important}
.nav-dropdown-header:hover{background:transparent!important;color:var(--text-muted)!important;cursor:default}
.nav-dropdown-wrap:hover .nav-dropdown-menu,.nav-dropdown-wrap.open .nav-dropdown-menu{display:block}
.nav-dropdown-wrap:hover .nav-arrow,.nav-dropdown-wrap.open .nav-arrow{transform:rotate(180deg)}

/* Best-for tabs section */
.tabs-section{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-card)}
.tabs-header{display:flex;border-bottom:1px solid var(--border);background:var(--bg-surface)}
.tab-btn{flex:1;padding:14px 20px;font-size:.9375rem;font-weight:600;background:none;border:none;cursor:pointer;color:var(--text-muted);transition:all .18s;border-bottom:3px solid transparent;margin-bottom:-1px}
.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);background:#fff}
.tab-btn:hover{color:var(--primary)}
.tab-panel{display:none;padding:var(--sp-lg)}
.tab-panel.active{display:block}
.tab-vpn-list{display:flex;flex-direction:column;gap:12px}
.tab-vpn-row{display:flex;align-items:center;gap:var(--sp-md);background:var(--bg-surface);border-radius:var(--r-card);padding:14px var(--sp-md);border:1px solid var(--border)}
.tab-vpn-row:first-child{background:var(--primary-light);border-color:rgba(65,75,217,.2)}
.tab-rank{font-size:1.25rem;font-weight:800;color:var(--text-muted);width:24px;flex-shrink:0;text-align:center}
.tab-vpn-info{flex:1;min-width:0}
.tab-vpn-info strong{font-size:1rem;display:block}
.tab-vpn-info span{font-size:.8125rem;color:var(--text-muted)}
.tab-score{font-size:1.25rem;font-weight:800;color:var(--primary);flex-shrink:0}
.tab-cta{flex-shrink:0}

/* Language switcher */
.lang-switcher{position:relative}
.lang-btn{background:none;border:1px solid var(--border);border-radius:var(--r-sm);padding:7px 12px;font-size:.875rem;font-weight:600;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;gap:4px;white-space:nowrap}
.lang-btn:hover{border-color:var(--primary);color:var(--primary)}
.lang-arrow{font-size:.7rem;transition:transform .15s}
.lang-dropdown{display:none;position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-card);min-width:120px;z-index:200;overflow:hidden}
.lang-dropdown a{display:block;padding:10px 16px;font-size:.875rem;color:var(--text-secondary);text-decoration:none;transition:background .12s}
.lang-dropdown a:hover{background:var(--primary-light);color:var(--primary)}
.lang-switcher.open .lang-dropdown{display:block}
.lang-switcher.open .lang-arrow{transform:rotate(180deg)}

/* Hero */
.hero{background:linear-gradient(135deg,#f5f1f0 0%,#eef0fd 50%,#f0eeff 100%);padding:var(--sp-3xl) 0;overflow:hidden}
.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2xl);align-items:center}
.hero-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(65,75,217,.1);color:var(--primary);font-size:.8125rem;font-weight:700;padding:6px 14px;border-radius:var(--r-pill);margin-bottom:var(--sp-sm);letter-spacing:.04em;text-transform:uppercase}
.hero h1{margin-bottom:var(--sp-sm);color:var(--text)}
.hero-desc{font-size:1.125rem;color:var(--text-secondary);margin-bottom:var(--sp-lg);line-height:1.7}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-image img{border-radius:var(--r-lg);box-shadow:var(--shadow-card)}
.hero-sm{padding:var(--sp-2xl) 0}

/* Sections */
.section{padding:var(--sp-3xl) 0}
.section-sm{padding:var(--sp-2xl) 0}
.section-alt{background:var(--bg-surface)}
.section-header{text-align:center;margin-bottom:var(--sp-2xl)}
.section-header p{font-size:1.0625rem;color:var(--text-muted);max-width:680px;margin:var(--sp-sm) auto 0}
.section-label{display:inline-block;background:var(--primary-light);color:var(--primary);font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:var(--r-pill);letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}

/* VPN Rank Card */
.vpn-list{display:flex;flex-direction:column;gap:var(--sp-md)}
.vpn-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:var(--sp-lg);display:grid;grid-template-columns:48px 1fr;gap:var(--sp-md);position:relative;transition:box-shadow .2s,border-color .2s}
.vpn-card:hover{box-shadow:0 4px 16px rgba(65,75,217,.12);border-color:rgba(65,75,217,.25)}
.vpn-card.top-pick{border-color:var(--primary);border-width:2px}
.vpn-rank{font-size:1.25rem;font-weight:800;color:var(--text-muted);padding-top:4px;text-align:center}
.vpn-card-body{display:grid;grid-template-columns:auto 1fr auto;gap:var(--sp-md);align-items:start}
.vpn-logo-badge{width:56px;height:56px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:800;font-size:1.1rem;color:#fff}
.vpn-logo-badge span{letter-spacing:.02em}
.vpn-info{flex:1;min-width:0}
.vpn-header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.vpn-name{font-size:1.1875rem;font-weight:700;color:var(--text)}
.badge{font-size:.6875rem;font-weight:700;padding:3px 10px;border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.badge-best{background:var(--primary);color:#fff}
.badge-second{background:#232434;color:#fff}
.badge-third,.badge-fourth{background:var(--grey-10);color:var(--grey-100)}
.badge-fifth{background:var(--grey-10);color:var(--grey-70)}
.vpn-desc{font-size:.9375rem;color:var(--text-muted);margin-bottom:8px;line-height:1.5}
.vpn-pros{list-style:none;padding:0;display:flex;flex-direction:column;gap:3px}
.vpn-pros li{font-size:.875rem;color:var(--text-secondary);display:flex;align-items:flex-start;gap:6px}
.vpn-pros li::before{content:"✓";color:var(--primary);font-weight:700;flex-shrink:0;margin-top:1px}
.vpn-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}
.vpn-score-big{text-align:center}
.vpn-score-big .score-num{font-size:2rem;font-weight:800;color:var(--primary);line-height:1}
.vpn-score-big .score-denom{font-size:.875rem;color:var(--text-muted)}
.stars{color:#F59E0B;letter-spacing:1px;font-size:.875rem}
.star.half{opacity:.6}
.star.empty{color:var(--grey-30)}

/* Score card (detail pages) */
.score-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-card);padding:var(--sp-lg);box-shadow:var(--shadow-card)}
.score-header{display:flex;gap:var(--sp-lg);align-items:flex-start;margin-bottom:var(--sp-lg);flex-wrap:wrap}
.score-circle{background:var(--primary-light);border-radius:50%;width:100px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}
.score-number{font-size:2.2rem;font-weight:800;color:var(--primary);line-height:1}
.score-max{font-size:.875rem;color:var(--text-muted)}
.score-title h3{font-size:1.375rem;margin-bottom:6px}
.score-bars{display:flex;flex-direction:column;gap:10px}
.score-row{display:grid;grid-template-columns:160px 1fr 48px;gap:10px;align-items:center}
.score-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}
.score-bar-wrap{height:8px;background:var(--grey-10);border-radius:4px;overflow:hidden}
.score-bar{height:100%;background:linear-gradient(90deg,var(--blue-60),var(--primary));border-radius:4px;transition:width .6s ease}
.score-val{font-size:.875rem;font-weight:700;color:var(--primary);text-align:right}

/* Quick stats row */
.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-sm);margin:var(--sp-md) 0}
.stat-item{background:var(--bg-surface);border-radius:var(--r-card);padding:var(--sp-sm) var(--sp-md);text-align:center}
.stat-item .stat-val{font-size:1.25rem;font-weight:800;color:var(--primary)}
.stat-item .stat-label{font-size:.75rem;color:var(--text-muted);margin-top:2px}

/* Comparison table */
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r-card);border:1px solid var(--border);box-shadow:var(--shadow-card)}
table{width:100%;border-collapse:collapse;font-size:.9375rem;min-width:700px}
th{background:var(--grey-100);color:#fff;padding:14px 16px;text-align:left;font-size:.8125rem;font-weight:600;white-space:nowrap}
td{padding:12px 16px;border-bottom:1px solid var(--grey-10);vertical-align:middle}
tr:last-child td{border-bottom:0}
tr:nth-child(even) td{background:var(--bg-surface)}
tr:hover td{background:var(--primary-light)}
td:first-child{font-weight:600;color:var(--text)}
.check{color:#22C55E;font-size:1.1rem}
.cross{color:#EF4444;font-size:1.1rem}
.best-row td{background:rgba(65,75,217,.04)!important;font-weight:600}
.best-row td:first-child{color:var(--primary)}

/* Pros/Cons */
.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-md);margin:var(--sp-md) 0}
.pros,.cons{background:var(--bg-surface);border-radius:var(--r-card);padding:var(--sp-md)}
.pros{border-top:3px solid #22C55E}
.cons{border-top:3px solid #EF4444}
.pros h4{color:#15803D;margin-bottom:10px}
.cons h4{color:#B91C1C;margin-bottom:10px}
.pros ul,.cons ul{list-style:none;padding:0}
.pros li,.cons li{font-size:.9375rem;padding:4px 0;display:flex;gap:8px;align-items:flex-start}
.pros li::before{content:"✓";color:#22C55E;font-weight:700;flex-shrink:0}
.cons li::before{content:"✗";color:#EF4444;font-weight:700;flex-shrink:0}

/* Feature grid */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-md)}
.feature-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-card);padding:var(--sp-lg);box-shadow:var(--shadow-card)}
.feature-icon{font-size:2rem;margin-bottom:var(--sp-sm)}
.feature-card h4{margin-bottom:8px}
.feature-card p{font-size:.9375rem;color:var(--text-muted);margin:0}

/* Review page layout */
.review-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--sp-2xl);align-items:start}
.review-content h2{font-size:1.75rem;margin:var(--sp-lg) 0 var(--sp-sm)}
.review-content h3{font-size:1.375rem;margin:var(--sp-md) 0 var(--sp-sm)}
.review-content p{font-size:1rem;line-height:1.75;color:var(--text-secondary)}
.review-sidebar{position:sticky;top:80px}
.sidebar-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-card);padding:var(--sp-md);box-shadow:var(--shadow-card);margin-bottom:var(--sp-md)}
.sidebar-card h4{margin-bottom:var(--sp-sm);font-size:1rem}
.sidebar-verdict{background:var(--primary-light);border-radius:var(--r-card);padding:var(--sp-sm);margin-bottom:var(--sp-sm);font-size:.875rem;color:var(--text-secondary);line-height:1.6}

/* Breadcrumb */
.breadcrumb{padding:var(--sp-sm) 0;font-size:.875rem;color:var(--text-muted)}
.breadcrumb a{color:var(--text-muted)}
.breadcrumb a:hover{color:var(--primary)}
.breadcrumb span{margin:0 6px;color:var(--grey-40)}

/* Review mini card */
.review-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-md)}
.review-mini-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-card);padding:var(--sp-md);box-shadow:var(--shadow-card);transition:box-shadow .2s}
.review-mini-card:hover{box-shadow:0 4px 16px rgba(65,75,217,.12)}
.review-mini-card .vpn-logo-badge{width:48px;height:48px;margin-bottom:10px;font-size:1rem}
.review-mini-card h4{font-size:1rem;margin-bottom:4px}
.review-mini-card .mini-score{font-size:1.375rem;font-weight:800;color:var(--primary)}
.review-mini-card p{font-size:.875rem;color:var(--text-muted);margin:6px 0 12px}

/* Page hero (non-homepage) */
.page-hero{background:linear-gradient(135deg,var(--grey-10) 0%,#eef0fd 100%);padding:var(--sp-2xl) 0}
.page-hero h1{font-size:clamp(1.6rem,3.5vw,2.6rem);margin-bottom:var(--sp-sm)}
.page-hero p{font-size:1.0625rem;color:var(--text-muted);max-width:640px;margin-bottom:0}

/* Info box */
.info-box{background:var(--primary-light);border-left:4px solid var(--primary);border-radius:0 var(--r-md) var(--r-md) 0;padding:var(--sp-md) var(--sp-lg);margin:var(--sp-md) 0}
.info-box p{margin:0;font-size:.9375rem;color:var(--text-secondary)}

/* Tag chips */
.tag{display:inline-block;background:var(--grey-10);color:var(--text-muted);font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:var(--r-pill);letter-spacing:.04em}
.tag-blue{background:var(--primary-light);color:var(--primary)}
.tag-green{background:#DCFCE7;color:#15803D}

/* VPN verdict box */
.verdict-box{background:linear-gradient(135deg,#414bd9 0%,#5d66eb 100%);color:#fff;border-radius:var(--r-lg);padding:var(--sp-2xl);text-align:center;margin:var(--sp-2xl) 0}
.verdict-box h2{color:#fff;margin-bottom:var(--sp-sm)}
.verdict-box p{color:rgba(255,255,255,.88);max-width:580px;margin:0 auto var(--sp-lg)}

/* Speed table */
.speed-table td:nth-child(2),.speed-table td:nth-child(3){color:var(--primary);font-weight:700}
.speed-table tr.zoogvpn-row td{background:rgba(26,140,255,.05)!important}
.speed-bar-cell{min-width:140px}
.speed-bar-mini{height:6px;background:var(--grey-10);border-radius:3px;overflow:hidden;margin-top:3px}
.speed-bar-mini-fill{height:100%;background:var(--primary);border-radius:3px}

/* Footer */
.site-footer{background:var(--grey-100);color:rgba(255,255,255,.8);padding:var(--sp-3xl) 0 var(--sp-xl)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:var(--sp-2xl);margin-bottom:var(--sp-2xl)}
.footer-brand img{filter:brightness(0) invert(1) opacity(.9);margin-bottom:var(--sp-sm)}
.footer-brand p{font-size:.875rem;color:rgba(255,255,255,.6);margin:0;line-height:1.6}
.footer-links h4{font-size:.875rem;font-weight:700;color:#fff;margin-bottom:var(--sp-sm);text-transform:uppercase;letter-spacing:.06em}
.footer-links a{display:block;font-size:.875rem;color:rgba(255,255,255,.65);margin-bottom:8px;transition:color .15s}
.footer-links a:hover{color:#fff;text-decoration:none}
.footer-cta p{font-size:.9375rem;color:rgba(255,255,255,.7);margin-bottom:var(--sp-sm)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--sp-lg);font-size:.8125rem;color:rgba(255,255,255,.45);display:flex;flex-direction:column;gap:6px}

/* Methodology */
.method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-lg)}
.method-card{background:#fff;border:1px solid var(--border);border-radius:var(--r-card);padding:var(--sp-lg);box-shadow:var(--shadow-card)}
.method-card h4{margin-bottom:8px;display:flex;align-items:center;gap:10px}
.method-step{width:32px;height:32px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.875rem;flex-shrink:0}

/* Contact form area */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2xl);align-items:start}

/* MOBILE */
@media(max-width:768px){
  .nav-dropdown-wrap{width:100%}
  .nav-dropdown-trigger{width:100%;text-align:center;padding:14px 0;font-size:1rem;border-radius:0;border-bottom:1px solid var(--grey-10);justify-content:center}
  .nav-dropdown-menu{position:static;box-shadow:none;border:none;border-radius:0;padding:0;background:var(--bg-surface)}
  .nav-dropdown-menu a{text-align:center;padding:10px 0;border-bottom:1px solid var(--grey-10)}
  .tabs-header{flex-direction:column}
  .tab-vpn-row{flex-wrap:wrap;gap:8px}
  .tab-cta{width:100%}
  .tab-cta a{display:block;text-align:center}

  .nav-links{display:none;position:fixed;inset:65px 0 0 0;width:100vw;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;background:#fff;padding:16px 0;overflow-y:auto;z-index:999;border-top:1px solid var(--border)}
  .nav-links.open{display:flex}
  .nav-pages{flex-direction:column;align-items:center;width:100%;gap:0}
  .nav-pages a{width:100%;text-align:center;padding:14px 0;font-size:1rem;border-radius:0;border-bottom:1px solid var(--grey-10)}
  .nav-right{flex-direction:column;width:100%;padding:16px 24px;gap:12px}
  .lang-btn{width:100%;justify-content:center}
  .lang-dropdown{position:static;width:100%;margin-top:4px}
  .nav-cta{width:100%;text-align:center;padding:14px 0}
  .nav-toggle{display:block}
  .hero-inner{grid-template-columns:1fr}
  .hero-image{display:none}
  .hero-actions{flex-direction:column}
  .hero-actions .btn-cta,.hero-actions .btn-outline{text-align:center}
  .vpn-card-body{grid-template-columns:auto 1fr}
  .vpn-actions{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;padding-top:var(--sp-sm);border-top:1px solid var(--grey-10)}
  .stats-row{grid-template-columns:repeat(2,1fr)}
  .feature-grid{grid-template-columns:1fr}
  .review-layout{grid-template-columns:1fr}
  .review-sidebar{position:static}
  .review-mini-grid{grid-template-columns:1fr}
  .pros-cons{grid-template-columns:1fr}
  .score-row{grid-template-columns:120px 1fr 40px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:var(--sp-lg)}
  .footer-brand{grid-column:1/-1}
  .footer-cta{grid-column:1/-1}
  .method-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .hero{padding:var(--sp-2xl) 0}
  .section{padding:var(--sp-2xl) 0}
}
@media(max-width:480px){
  .vpn-card{padding:var(--sp-sm)}
  .vpn-card-body{gap:var(--sp-sm)}
  h1{font-size:1.6rem}h2{font-size:1.4rem}
  .stats-row{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr}
  .score-row{grid-template-columns:100px 1fr 36px}
  .score-label{font-size:.8125rem}
}