@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500&display=swap";:root{--color-primary: #1e3a5f;--color-primary-dark: #152b47;--color-primary-light: #3b5f8c;--color-success: #116b4e;--color-success-dark: #0b5038;--color-danger: #b84034;--color-warn: #b0742a;--color-bg: #fafaf7;--color-card: #ffffff;--color-text: #18181b;--color-text-muted: #6b6b70;--color-border: #e7e5e0;--color-border-strong: #d6d3cc;--shadow-sm: 0 1px 2px rgba(30, 58, 95, .05), 0 1px 3px rgba(30, 58, 95, .06);--shadow-md: 0 4px 6px -1px rgba(30, 58, 95, .08), 0 2px 4px -2px rgba(30, 58, 95, .05);--shadow-lg: 0 10px 20px -5px rgba(30, 58, 95, .12), 0 6px 10px -6px rgba(30, 58, 95, .08);--color-accent: var(--color-success);--color-accent-dark: var(--color-success-dark);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font-heading: "Geist", system-ui, -apple-system, Segoe UI, sans-serif;--font-body: "Geist", system-ui, -apple-system, Segoe UI, sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--content-width: 760px;--container-width: 1200px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);font-size:18px;line-height:1.65;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}img,svg{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none;transition:color .15s ease}a:hover{color:var(--color-primary-dark);text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text);line-height:1.15;margin-top:2em;margin-bottom:.6em;font-weight:600;letter-spacing:-.025em;text-wrap:balance}h1{font-size:clamp(2rem,4.2vw,2.8rem);margin-top:0;letter-spacing:-.035em;font-weight:700}h2{font-size:clamp(1.4rem,3vw,1.85rem);border-bottom:1px solid var(--color-border);padding-bottom:.35em}h3{font-size:1.3rem}p{margin:0 0 1.1em}ul,ol{padding-left:1.3em;margin:0 0 1.2em}li{margin-bottom:.35em}code{font-family:var(--font-mono);background:#f1efe8;color:var(--color-primary-dark);padding:.12em .4em;border-radius:4px;font-size:.9em}.container{max-width:var(--container-width);margin:0 auto;padding:0 1.25rem}.prose{max-width:var(--content-width);margin:0 auto;padding:0 1.25rem}.prose h2{scroll-margin-top:80px}.site-header{background:#fff;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50;backdrop-filter:saturate(140%) blur(8px)}.site-header .inner{display:flex;align-items:center;justify-content:space-between;height:68px}.site-logo{font-family:var(--font-heading);font-weight:700;font-size:1.35rem;color:var(--color-text);display:flex;align-items:center;gap:.5rem}.site-logo .dot{width:10px;height:10px;border-radius:50%;background:var(--color-primary);display:inline-block;box-shadow:0 0 0 4px #1e3a5f1f}.site-nav{display:flex;gap:1.6rem;align-items:center}.site-nav a{color:var(--color-text);font-weight:600;font-size:.98rem}.site-nav a:hover{color:var(--color-primary);text-decoration:none}.nav-toggle{display:none;background:none;border:0;font-size:1.6rem;cursor:pointer;color:var(--color-text)}@media (max-width: 820px){.site-nav{position:absolute;top:68px;left:0;right:0;background:#fff;border-bottom:1px solid var(--color-border);flex-direction:column;align-items:flex-start;padding:1rem 1.25rem;gap:1rem;transform:translateY(-120%);transition:transform .25s ease}.site-nav.open{transform:translateY(0)}.nav-toggle{display:block}}.site-footer{background:#0b1120;color:#cbd5e1;padding:3.5rem 0 1.5rem;margin-top:5rem;font-size:.95rem}.site-footer a{color:#e2e8f0}.site-footer a:hover{color:#fff}.site-footer .grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}.site-footer h4{color:#fff;margin:0 0 .8em;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;font-weight:600}.site-footer ul{list-style:none;padding:0}.site-footer li{margin-bottom:.5em}.site-footer .legal{margin-top:2.5rem;padding-top:1.2rem;border-top:1px solid #1e293b;font-size:.85rem;color:#94a3b8}@media (max-width: 720px){.site-footer .grid{grid-template-columns:1fr 1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-heading);font-weight:700;padding:.85rem 1.5rem;border-radius:var(--radius-md);border:0;cursor:pointer;text-decoration:none;font-size:1rem;transition:transform .12s ease,box-shadow .15s ease,background .15s ease;white-space:nowrap}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 2px #0000000f}.btn-primary:hover{background:var(--color-primary-dark);color:#fff;box-shadow:var(--shadow-md)}.btn-accent{background:var(--color-primary-dark);color:#fff;box-shadow:0 2px #0000001a}.btn-accent:hover{background:#0f1f33;color:#fff;box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.vpn-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.4rem 1.5rem;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:60px 1fr auto;gap:1.2rem;align-items:center;margin-bottom:1rem;position:relative;transition:box-shadow .2s ease,transform .15s ease}.vpn-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.vpn-card .rank{font-family:var(--font-heading);font-size:1.9rem;font-weight:700;color:var(--color-primary);text-align:center;line-height:1}.vpn-card .body h3{margin:0 0 .15em;font-size:1.3rem}.vpn-card .body .badge{display:inline-block;background:#f1efe8;color:var(--color-primary-dark);padding:2px 10px;border-radius:999px;font-size:.8rem;font-weight:600;margin-left:.5rem}.vpn-card .meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.92rem;color:var(--color-text-muted);margin-top:.5rem}.vpn-card .meta strong{color:var(--color-text)}.vpn-card .cta-col{display:flex;flex-direction:column;gap:.4rem;align-items:center;min-width:160px}.vpn-card .score{font-family:var(--font-heading);font-weight:700;font-size:1.3rem;color:var(--color-accent)}@media (max-width: 720px){.vpn-card{grid-template-columns:48px 1fr;grid-template-areas:"rank body" "cta cta"}.vpn-card .rank{grid-area:rank}.vpn-card .body{grid-area:body}.vpn-card .cta-col{grid-area:cta;flex-direction:row;justify-content:space-between;margin-top:.5rem;min-width:0}}.cta-box{background:#f4f2ec;border:1px solid var(--color-border);border-left:3px solid var(--color-primary);border-radius:var(--radius-lg);padding:1.5rem 1.8rem;margin:2rem 0;display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm)}.cta-box .label{display:inline-block;background:var(--color-primary);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:999px;margin-bottom:.5rem}.cta-box h3{margin:0 0 .3em;font-size:1.25rem}.cta-box p{margin:0 0 .4em;color:var(--color-text-muted)}.cta-box .perks{display:flex;gap:1rem;flex-wrap:wrap;font-size:.9rem;color:var(--color-accent-dark);font-weight:600}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin:2rem 0}.pros-cons>div{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.2rem 1.4rem}.pros-cons .pros{border-top:4px solid var(--color-accent)}.pros-cons .cons{border-top:4px solid var(--color-danger)}.pros-cons h4{margin:0 0 .6em;font-size:1.05rem}.pros-cons ul{list-style:none;padding:0;margin:0}.pros-cons li{padding-left:1.4em;position:relative;margin-bottom:.5em}.pros-cons .pros li:before{content:"✓";position:absolute;left:0;color:var(--color-accent);font-weight:700}.pros-cons .cons li:before{content:"×";position:absolute;left:0;color:var(--color-danger);font-weight:700;font-size:1.2em;line-height:1}@media (max-width: 640px){.pros-cons{grid-template-columns:1fr}}.rating-block{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.2rem 1.4rem;margin:2rem 0}.rating-block h4{margin:0 0 .8em}.rating-row{display:grid;grid-template-columns:120px 1fr 50px;gap:.8rem;align-items:center;margin-bottom:.6em;font-size:.95rem}.rating-row .bar{background:#e2e8f0;border-radius:999px;height:10px;overflow:hidden}.rating-row .fill{display:block;height:100%;background:var(--color-primary);border-radius:999px}.rating-row .num{font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.global-score{display:flex;align-items:baseline;gap:.6rem;margin-bottom:1rem}.global-score .num{font-family:var(--font-heading);font-size:3rem;font-weight:700;color:var(--color-primary);line-height:1}.global-score .label{color:var(--color-text-muted);font-size:1rem}.comparison-table{width:100%;border-collapse:collapse;margin:2rem 0;background:var(--color-card);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);font-size:.95rem}.comparison-table th,.comparison-table td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}.comparison-table th{background:#f4f2ec;font-family:var(--font-heading);font-weight:600;font-size:.85rem;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-muted)}.comparison-table tr:last-child td{border-bottom:0}.comparison-table td:first-child{font-weight:600}@media (max-width: 720px){.comparison-table{font-size:.88rem}.comparison-table th,.comparison-table td{padding:.6rem .7rem}}.faq{margin:2.5rem 0}.faq details{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0;margin-bottom:.8rem;overflow:hidden;transition:box-shadow .15s ease}.faq details[open]{box-shadow:var(--shadow-sm)}.faq summary{padding:1rem 3rem 1rem 1.3rem;cursor:pointer;font-family:var(--font-heading);font-weight:600;font-size:1.05rem;list-style:none;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:1.3rem;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--color-primary);transition:transform .2s}.faq details[open] summary:after{content:"−"}.faq .faq-answer{padding:0 1.3rem 1.1rem;color:var(--color-text)}.hero{padding:4.5rem 0 3rem;position:relative}.hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:3rem;align-items:center}.hero-copy{max-width:560px}.hero h1{margin:0 0 .5em}.hero p.tagline{font-size:1.18rem;color:var(--color-text-muted);margin:0 0 1.8rem;max-width:58ch}.hero-cta-row{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center}.hero-cta-secondary{color:var(--color-text-muted);font-size:.95rem;font-weight:500}.hero-cta-secondary:hover{color:var(--color-primary)}.hero-decor{position:absolute;pointer-events:none}.hero-decor.dot-amber{top:1.5rem;right:4rem;width:14px;height:14px;border-radius:50%;background:#d4a574}.hero-decor.square-navy{top:4.5rem;right:9rem;width:10px;height:10px;background:#2a4a7f;transform:rotate(45deg)}.hero-decor.bar-navy{top:7rem;right:3rem;width:6px;height:28px;background:#2a4a7f}.hero-decor.bar-amber{top:10rem;right:6rem;width:22px;height:6px;background:#d4a574}@media (max-width: 900px){.hero-decor{display:none}}.hero-visual{position:relative;width:100%;max-width:560px;margin-left:auto;margin-right:0}.dashboard-card{background:#0b1120;border:1px solid #1e293b;border-radius:22px;padding:1.9rem 2rem 1.7rem;box-shadow:0 1px #ffffff0f inset,0 40px 80px -30px #0b112099,0 24px 48px -24px #0b112066;transform:rotate(4deg);transition:transform .5s cubic-bezier(.2,.8,.2,1);color:#e2e8f0;position:relative;z-index:1}.dashboard-card:hover{transform:rotate(0) translateY(-4px)}.dashboard-card .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.15rem}.dashboard-card .card-header .title{font-size:.85rem;font-weight:600;color:#d4a574;letter-spacing:.06em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.5rem}.dashboard-card .card-header .title:before{content:"";width:8px;height:8px;border-radius:50%;background:#d4a574;box-shadow:0 0 0 3px #d4a57433;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #d4a57433}50%{box-shadow:0 0 0 7px #d4a57414}}.dashboard-card .card-header .subtitle{font-size:.78rem;color:#64748b;margin-top:.25rem}.dashboard-card .card-header .badge{font-size:.72rem;color:#94a3b8;font-family:var(--font-mono);letter-spacing:.03em;padding:.25rem .55rem;border:1px solid #1e293b;border-radius:6px}.pixel-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;margin:1.15rem 0 1.3rem}.pixel-grid .px{aspect-ratio:1 / 1;background:#1e293b;border-radius:2px}.pixel-grid .px.on-navy{background:#3b6ea5}.pixel-grid .px.on-amber{background:#d4a574}.pixel-grid .px.on-slate{background:#64748b}.dashboard-card .stats{display:flex;justify-content:space-between;align-items:flex-end;gap:1.4rem;border-top:1px solid #1e293b;padding-top:1.1rem;font-size:.88rem}.dashboard-card .stats .col .k{color:#94a3b8;font-size:.72rem;display:block;margin-bottom:.2rem;letter-spacing:.02em;text-transform:uppercase}.dashboard-card .stats .col .v{color:#fff;font-weight:600;font-family:var(--font-mono);font-size:1rem}.dashboard-card .stats .col.right{text-align:right}.hero-visual .float{position:absolute;pointer-events:none}.hero-visual .float.tl{top:-18px;left:-18px;width:36px;height:36px;background:#2a4a7f;border-radius:10px;transform:rotate(45deg)}.hero-visual .float.br{bottom:-16px;right:20px;width:28px;height:28px;background:#d4a574;border-radius:50%}.hero-visual .float.side-bar{top:50%;right:-26px;width:14px;height:54px;background:#2a4a7f;transform:translateY(-50%)}@media (max-width: 900px){.hero-visual .float.side-bar{display:none}}.hero-trust-row{margin-top:3.5rem;padding-top:1.8rem;border-top:1px solid var(--color-border)}.hero-trust-row .hint{display:block;text-align:center;font-size:.82rem;color:var(--color-text-muted);margin-bottom:1.1rem;letter-spacing:.04em;text-transform:uppercase}.hero-trust-row .list{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2rem 2.8rem;opacity:.82}.hero-trust-row .item{display:inline-flex;align-items:center;gap:.55rem;color:var(--color-text-muted);font-weight:600;font-size:.95rem;transition:opacity .2s ease,color .2s ease}.hero-trust-row .item:hover{color:var(--color-text);text-decoration:none}.hero-trust-row .item .bullet{width:10px;height:10px;border-radius:3px;background:var(--color-primary);display:inline-block}@media (max-width: 900px){.hero{padding:3rem 0 2rem}.hero-grid{grid-template-columns:1fr;gap:2.5rem}.hero-copy{max-width:100%;text-align:left}.hero-visual{max-width:340px;margin:0 auto}.dashboard-card{transform:rotate(4deg)}.hero-trust-row{margin-top:2.5rem}.hero-trust-row .list{gap:1.2rem 1.8rem}}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.choice-card{background:var(--color-card);padding:1.2rem;border-radius:var(--radius-md);border:1px solid var(--color-border)}.choice-card h3{margin-top:0}.choice-card p{margin:0}@media (max-width: 760px){.choice-grid{grid-template-columns:1fr}}.article-header{padding:2.5rem 0 1.5rem}.article-header .meta{color:var(--color-text-muted);font-size:.92rem;margin-bottom:.5rem}.article-header h1{font-size:clamp(1.9rem,4vw,2.5rem);margin-bottom:.5rem}.article-header .lead{font-size:1.15rem;color:var(--color-text-muted);max-width:680px}.article-content{padding-bottom:3rem}.article-content h2{margin-top:2.5rem}.mobile-cta{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--color-border);padding:.7rem 1rem;display:none;align-items:center;justify-content:space-between;gap:.8rem;box-shadow:0 -4px 12px #0f172a14;z-index:40}.mobile-cta .name{font-family:var(--font-heading);font-weight:700}.mobile-cta .price{font-size:.85rem;color:var(--color-text-muted)}@media (max-width: 720px){.mobile-cta.active{display:flex}body.has-mobile-cta{padding-bottom:70px}}.text-center{text-align:center}.mt-2{margin-top:2rem}.mb-2{margin-bottom:2rem}.muted{color:var(--color-text-muted)}