/* Proton VPN independent guide — variant accent #5741b4 */
:root{--a:#5741b4;--ink:#20183a;--muted:#6d647c;--line:#e5e0ef;--paper:#fff;--wash:#f5f2fc;--dark:#21143e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fcfbff;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.7}a{text-decoration:none;color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #1bc5a8;outline-offset:3px}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.site-header{height:74px;position:sticky;top:0;z-index:50;background:#ffffffec;backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.header-inner{height:100%;display:flex;align-items:center;gap:30px}.brand img{width:172px;display:block}.desktop-nav{display:flex;align-items:center;gap:27px;margin:auto}.desktop-nav a{font-size:14px;font-weight:700;color:#554e65;position:relative;padding:24px 0 21px;white-space:nowrap}.desktop-nav a.active,.desktop-nav a:hover{color:var(--a)}.desktop-nav a.active:after{content:"";height:3px;background:var(--a);position:absolute;left:0;right:0;bottom:0;border-radius:3px}.header-actions{margin-left:auto}.header-cta{display:inline-flex;background:var(--a);color:white;border-radius:12px;padding:10px 15px;font-size:13px;font-weight:800;white-space:nowrap}.header-cta small{font-size:10px;font-weight:500;margin-left:8px;opacity:.75}.mobile-nav{display:none}.hero{overflow:clip}.hero-inner{min-height:640px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding:70px 0}.hero-copy{position:relative;z-index:2}.eyebrow,.kicker,.section-heading>span{font-size:12px;font-weight:850;letter-spacing:.08em;text-transform:uppercase;color:var(--a)}.hero h1{font-size:clamp(42px,4.6vw,65px);line-height:1.18;letter-spacing:-.055em;margin:19px 0 22px;max-width:670px}.hero-copy>p{font-size:18px;color:#5b526e;max-width:600px;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;padding:13px 20px;min-height:52px;font-weight:800}.button small{font-weight:500;font-size:10px;opacity:.74}.button.primary{color:white;background:var(--a);box-shadow:0 10px 25px #462d8e30}.button.secondary{background:white;color:var(--a);border:1px solid #cec4e4}.button.light{background:white;color:var(--a)}.hero-facts{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;color:#625874;font-size:12px;font-weight:650}.hero-facts span:before{content:'✓ ';color:#0ca98e}.hero-art{min-height:460px;border-radius:29px;background:linear-gradient(145deg,#e6ddff,#f7f3ff);padding:25px;box-shadow:0 20px 45px #38215d1e;display:flex;align-items:stretch}.hero-art>div{width:100%;position:relative}.hero-art span:first-child{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--a)}.hero-art p{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:13px;color:#625476}.visual-route,.visual-source,.visual-signal,.visual-wifi,.visual-devices,.visual-compare,.visual-shield{background:#ffffffe8;border-radius:20px;padding:25px;box-shadow:0 15px 30px #2d19551c;overflow:clip}.route-flow{display:flex;align-items:center;justify-content:space-around;height:300px;gap:6px}.route-flow b{padding:17px 16px;border-radius:14px;background:#efeaff;color:var(--ink);white-space:nowrap}.route-flow i{height:3px;min-width:15px;flex:1;background:var(--a)}.visual-compare{display:flex;flex-direction:column;gap:13px}.visual-compare>div{background:#f5f2ff;border-radius:16px;padding:19px;display:flex;justify-content:space-between;align-items:center;gap:10px}.visual-compare strong{color:var(--a);font-size:22px}.visual-compare small{font-size:11px}.visual-devices .screen{position:absolute;border:3px solid #2d2450;border-radius:13px;background:#e9e2ff;color:#302357;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 23px #36216930}.visual-devices .wide{width:58%;height:41%;top:22%;left:19%}.visual-devices .laptop{width:45%;height:34%;top:44%;left:6%;background:#fff}.visual-devices .phone{width:25%;height:39%;top:37%;right:7%;background:#faf8ff}.visual-devices .linux{width:30%;height:12%;bottom:11%;left:38%;background:#d7ccff}.screen i{font-size:9px;color:#1db99e;margin-left:8px}.visual-source>div{background:#f3efff;border-left:4px solid var(--a);padding:16px;margin:14px 0;border-radius:7px;color:var(--a);font-size:13px;font-weight:900}.visual-source b{color:var(--ink);margin-left:12px;font-size:17px}.visual-shield .shield-ring{width:220px;height:220px;border:24px solid var(--a);border-radius:50%;display:grid;place-items:center;font-size:100px;color:var(--a);margin:50px auto 0;box-shadow:0 0 0 25px #7352d525}.signal-bars{height:245px;display:flex;align-items:end;justify-content:center;gap:14px}.signal-bars i{width:35px;background:linear-gradient(var(--a),#b4a0ff);border-radius:9px 9px 0 0}.signal-bars i:nth-child(1){height:24%}.signal-bars i:nth-child(2){height:49%}.signal-bars i:nth-child(3){height:82%}.signal-bars i:nth-child(4){height:59%}.signal-bars i:nth-child(5){height:92%}.signal-label{text-align:center;color:#4b3a76;font-size:14px;margin-top:15px}.wifi-waves{font-size:200px;line-height:1.1;color:var(--a);text-align:center}.wifi-shield{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font-size:75px;color:white}.family-product .hero{background:radial-gradient(circle at 80% 30%,#e7dfff,transparent 35%),#fff}.family-matrix .hero{background:#21153f;color:white}.family-matrix .hero-copy>p,.family-matrix .hero-facts{color:#d5caec}.family-matrix .hero-art{background:#35225b}.family-matrix .hero .eyebrow{color:#c4b4ff}.family-directory .hero{background:linear-gradient(120deg,#fff,#f4f0ff)}.family-directory .hero-inner{grid-template-columns:1fr .85fr}.hero-directory{background:#eee8ff;border:1px solid #ddd3f5;border-radius:27px;padding:25px;min-height:440px;position:relative;overflow:clip}.hero-directory>b{display:block;margin-bottom:16px;font-size:19px}.hero-directory>a{display:block;padding:11px 14px;background:white;margin-bottom:8px;border-radius:9px;color:var(--a);font-weight:750}.hero-directory .hero-art{position:absolute;right:20px;bottom:-75px;width:67%;min-height:260px;transform:rotate(-5deg);padding:13px}.hero-directory .hero-art p{display:none}.family-editorial .hero{background:#f0ecf9}.editorial-hero>.wrap{position:relative;min-height:690px;padding:82px 0}.editorial-hero .hero-index{font-size:12px;color:var(--a);font-weight:800}.editorial-hero .hero-copy{width:56%;padding:75px 0 50px}.editorial-hero .hero-art{position:absolute;width:42%;right:0;top:110px}.section{padding:86px 0}.section-heading{max-width:790px;margin-bottom:28px}.section-heading h2,.evidence-inner h2{font-size:clamp(29px,3vw,42px);line-height:1.3;letter-spacing:-.035em;margin:8px 0 12px}.section-heading p,.evidence-inner p{color:var(--muted);font-size:16px;margin:0}.feature-section,.story-section{background:#fff}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article,.story-grid a,.platform,.article-card{border:1px solid var(--line);border-radius:18px;background:white;padding:25px;box-shadow:0 8px 20px #2e175d0a}.feature-grid article span{color:var(--a);font-weight:850;font-size:13px}.feature-grid h3,.platform h3,.article-card h3{font-size:19px;line-height:1.35;margin:14px 0 8px}.feature-grid p,.platform p,.article-card p{color:var(--muted);font-size:14px;margin:0}.compare-section,.faq-section{background:var(--wash)}.comparison{border:1px solid var(--line);border-radius:18px;overflow:clip;background:white;max-width:950px}.comparison>div{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;border-bottom:1px solid var(--line)}.comparison>div:last-child{border:0}.comparison span,.comparison b{padding:14px 17px;font-size:14px}.comparison-top{background:#e8e0ff;color:var(--a);font-weight:850}.comparison-note{color:var(--muted);font-size:12px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.faq-grid details{background:white;border:1px solid var(--line);border-radius:13px;padding:18px 20px;align-self:start}.faq-grid summary{font-weight:800;cursor:pointer;list-style:none}.faq-grid summary::-webkit-details-marker{display:none}.faq-grid summary:after{content:'+';float:right;color:var(--a)}.faq-grid details[open] summary:after{content:'−'}.faq-grid p{font-size:14px;color:var(--muted);margin:10px 0 0}.evidence-section{background:#eee9fa}.evidence-inner{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:center}.evidence-links{display:grid;gap:8px}.evidence-links a{padding:13px 17px;background:white;border-radius:10px;color:var(--a);font-weight:750}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.story-grid a{display:flex;flex-direction:column;color:var(--a);font-weight:900}.story-grid strong{color:var(--ink);font-size:19px;margin:15px 0}.story-grid span{font-size:12px;font-weight:650}.bottom-cta{background:var(--a);color:white;padding:46px 0}.bottom-cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.bottom-cta h2{margin:0;font-size:28px}.bottom-cta p{margin:5px 0 0;color:#eee8ff}.subhero{background:linear-gradient(125deg,#ebe5fb,#faf9ff);padding:75px 0}.subhero h1{font-size:clamp(32px,3.2vw,45px);line-height:1.3;margin:10px 0}.subhero p{font-size:17px;color:var(--muted);max-width:750px}.subhero .button{margin-top:12px}.platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.platform{display:flex;flex-direction:column;min-height:250px}.platform>span{color:var(--a);font-size:12px;font-weight:850}.platform p{margin-bottom:25px}.platform .button{margin-top:auto;font-size:12px;text-align:center;white-space:normal}.tinted{background:var(--wash)}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-grid article{background:white;border:1px solid var(--line);border-radius:16px;padding:23px}.step-grid span{color:var(--a);font-weight:850}.step-grid p{color:var(--muted);font-size:14px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:16px;overflow:clip}.spec-grid>div{padding:19px;display:flex;justify-content:space-between;gap:10px;border:1px solid var(--line);background:white}.spec-grid span{color:var(--muted);text-align:right}.news-layout{display:grid;grid-template-columns:1fr 240px;gap:30px;align-items:start}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.tags span{background:#eae2ff;color:var(--a);font-size:12px;padding:6px 11px;border-radius:30px}.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.article-card{display:block;min-height:222px}.article-card>span{font-size:12px;color:var(--a);font-weight:850}.article-card b{display:block;margin-top:18px;color:var(--a);font-size:13px}.news-side,.article-side{position:sticky;top:95px;padding:22px;background:#eee9fa;border-radius:16px}.news-side a,.article-side a{display:block;padding:12px 0;border-top:1px solid #d9cdef;font-weight:650;font-size:13px}.news-side small{display:block;margin-top:15px;color:var(--muted);font-size:11px}.article-shell{padding:45px 0 95px;display:grid;grid-template-columns:minmax(0,780px) 235px;gap:45px}.crumb{grid-column:1/-1;color:var(--muted);font-size:12px}.crumb a{color:var(--a)}.article-body{background:white;border:1px solid var(--line);border-radius:20px;padding:45px}.article-body h1{font-size:clamp(30px,3vw,42px);line-height:1.3;margin:10px 0}.article-date{font-size:12px;color:var(--muted)}.article-lead{font-size:18px;color:#4c4168;font-weight:650}.article-body h2{font-size:24px;margin:38px 0 10px}.article-body p,.article-body li{color:#5b536b}.article-body li{padding:5px 0}.source-box{background:#f2edff;border-radius:13px;padding:20px;margin:30px 0}.source-box a,.text-link{color:var(--a);font-weight:800}.source-box p{font-size:12px}.article-side strong{display:block;margin-bottom:12px}footer{background:#21163b;color:white;padding:48px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:50px}.footer-grid img{width:155px;background:white;border-radius:7px;padding:7px}.footer-grid p,.footer-grid small{font-size:12px;color:#bcb1d2}.footer-grid a{display:block;font-size:13px;color:#cec4dd;margin:10px 0}.footer-bottom{margin-top:35px;padding-top:16px;border-top:1px solid #ffffff25;color:#aea2c4;font-size:12px}#faq{scroll-margin-top:85px}#platforms{scroll-margin-top:85px}@media(max-width:950px){.desktop-nav{gap:14px}.desktop-nav a{font-size:12px}.header-cta small{display:none}.hero-inner{gap:25px}.news-layout{grid-template-columns:1fr}.news-side{position:static}.article-shell{grid-template-columns:1fr}.article-side{display:none}}@media(max-width:720px){.wrap{width:calc(100% - 32px)}.site-header{height:66px}.header-inner{gap:8px}.brand img{width:135px}.desktop-nav{display:none}.header-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.header-cta{font-size:11px;padding:8px 9px}.mobile-nav{display:block;position:relative}.mobile-nav summary{font-size:11px;border:1px solid var(--line);border-radius:8px;padding:7px;cursor:pointer;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;right:0;top:calc(100% + 11px);width:160px;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 15px 30px #28183e2a;padding:7px;display:flex;flex-direction:column;z-index:90}.mobile-nav nav a{font-size:13px;padding:9px;border-radius:7px}.mobile-nav nav a.active{background:#eee8ff;color:var(--a)}.hero-inner{grid-template-columns:1fr;min-height:auto;padding:55px 0}.hero h1{font-size:clamp(35px,9vw,49px)}.hero-copy>p{font-size:16px}.hero-art{min-height:330px}.directory-hero .hero-inner{grid-template-columns:1fr}.hero-directory{min-height:390px}.hero-directory .hero-art{width:75%;bottom:-40px}.editorial-hero>.wrap{min-height:auto;padding:55px 0}.editorial-hero .hero-copy{width:100%;padding:15px 0}.editorial-hero .hero-art{position:relative;top:auto;width:100%}.feature-grid,.story-grid,.step-grid,.platform-grid,.article-grid,.faq-grid,.spec-grid,.footer-grid,.evidence-inner{grid-template-columns:1fr}.section{padding:65px 0}.comparison span,.comparison b{padding:11px 6px;font-size:11px}.bottom-cta .wrap{align-items:flex-start;flex-direction:column}.subhero{padding:58px 0}.article-shell{padding:30px 0 65px}.article-body{padding:25px}.spec-grid>div{font-size:13px}.visual-devices .screen{font-size:11px}.route-flow b{font-size:11px;padding:10px 6px}}
.focus-section{background:#fff;padding:58px 0;border-bottom:1px solid var(--line)}
.focus-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center}
.focus-inner h2{font-size:clamp(28px,2.8vw,39px);line-height:1.3;margin:8px 0 12px}
.focus-inner p{color:var(--muted);margin:0}
.focus-inner ol{list-style:none;display:grid;gap:9px;padding:0;margin:0}
.focus-inner li{background:var(--wash);border-radius:12px;padding:13px 17px;font-weight:650}
.focus-inner li span{color:var(--a);font-size:12px;font-weight:900;margin-right:16px}
@media(max-width:720px){.focus-inner{grid-template-columns:1fr;gap:20px}}

html{scroll-behavior:auto;overflow-y:auto}
body{overflow-x:clip;overflow-y:visible;min-height:100vh}
html,body{touch-action:pan-y;overscroll-behavior-y:auto}
main{display:block}
.hero-art{background:transparent;box-shadow:none;padding:0;overflow:clip;min-height:0;border-radius:29px}
.family-matrix .hero-art{background:transparent}
.visual-image{display:flex;flex-direction:column;width:100%;justify-content:center}
.visual-image img{display:block;width:100%;height:auto;max-height:520px;object-fit:contain;border-radius:29px;box-shadow:0 23px 45px #21143e2b}
.visual-image small{font-size:11px;color:#756d85;text-align:right;margin-top:8px}
.family-matrix .visual-image small{color:#c5b8dd}
.hero-directory .hero-art{background:transparent;box-shadow:none;overflow:visible}
.hero-directory .visual-image img{box-shadow:0 15px 30px #24143d35}
.hero-directory{min-height:0}
.hero-directory .hero-art{position:static;right:auto;bottom:auto;width:100%;min-height:0;transform:none;margin-top:17px}
.hero-directory .hero-art .visual-image img{max-height:290px;object-fit:contain}
@media(max-width:720px){.hero-art{min-height:0}.visual-image img{max-height:none}.hero-directory .hero-art{min-height:0}}

/* Domain footer contact */
footer .site-contact{display:block;overflow-wrap:anywhere;line-height:1.6}footer .foot-end,footer .footer-bottom{overflow-wrap:anywhere}

/* Expanded FAQ center */
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.faq-grid details{align-self:start;padding:18px;border:1px solid #ded6ef;border-radius:12px;background:#fff}.faq-grid summary{cursor:pointer;font-weight:700;line-height:1.55}.faq-grid details p{color:#655c74;line-height:1.85;font-size:14px}@media(max-width:720px){.faq-grid{grid-template-columns:1fr}}