/* Free VPN guide collection: scoped to these pages and their entry cards. */
.guide-page{background:var(--background,#080017);color:#fff;font-size:17px;line-height:1.8}
.guide-page main{overflow:clip}
.guide-shell{width:min(1140px,calc(100% - 48px));margin:0 auto}
.guide-skip{position:fixed;top:-100px;left:16px;z-index:2000;background:#fff;color:#15003a;padding:12px 18px;border-radius:8px}
.guide-skip:focus{top:12px}
.guide-page a,.guide-entry a{color:#d4a9ff}
.guide-page a:hover,.guide-entry a:hover{color:#fff}
.guide-page :focus-visible,.guide-entry :focus-visible{outline:3px solid #debbff;outline-offset:5px}
.guide-page .navbar a{color:rgba(255,255,255,.8)}
.guide-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;padding:26px 0 0;font-size:13px;color:#bcaed0}
.guide-breadcrumb span[aria-current]{color:#e0d3ed}
.guide-hero{position:relative;padding:54px 0 66px;background:radial-gradient(ellipse at 80% 20%,rgba(144,65,204,.18),transparent 58%);border-bottom:1px solid rgba(212,169,255,.16)}
.guide-hero-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.8fr);gap:64px;align-items:center}
.guide-kicker{color:#d4a9ff!important;font-size:12px!important;letter-spacing:.13em;text-transform:uppercase;font-weight:700;margin:0 0 18px!important}
.guide-page h1{color:#fff;font-size:clamp(32px,3.9vw,50px);font-weight:800;letter-spacing:-.035em;line-height:1.14;margin:0 0 24px;text-align:left}
.guide-answer{font-size:18px;line-height:1.75;color:#e0d6ec!important;margin:0 0 25px;text-align:left;max-width:780px}
.guide-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:12px;color:#bcaed0;line-height:1.6}
.guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.guide-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 19px;border-radius:9px;background:var(--gradient-primary,linear-gradient(135deg,#9041cc,#7a2db4));border:1px solid #a35bd7;font-size:14px;font-weight:700;color:#fff!important;text-decoration:none!important;line-height:1.5}
.guide-button:hover{background:#a354dc;transform:translateY(-1px)}
.guide-button.secondary{background:rgba(255,255,255,.035);border-color:rgba(212,169,255,.25);color:#e0d3ed!important}
.guide-visual{position:relative;padding:24px;border-radius:24px;border:1px solid rgba(212,169,255,.22);background:linear-gradient(155deg,rgba(144,65,204,.18),rgba(255,255,255,.018));box-shadow:0 24px 80px rgba(0,0,0,.2)}
.guide-visual-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:rgba(212,169,255,.1);color:#d4a9ff;font-size:22px;margin-bottom:24px}
.guide-visual-label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#bcaed0;margin:0 0 12px}
.guide-step{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid rgba(212,169,255,.12);font-size:14px;font-weight:600;color:#f1e8fa}
.guide-step b{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:50%;background:rgba(212,169,255,.12);color:#d4a9ff;font-size:11px}
.guide-layout{display:grid;grid-template-columns:230px minmax(0,760px);gap:64px;padding:58px 0 86px;align-items:start}
.guide-toc{position:sticky;top:116px;font-size:13px;line-height:1.65;min-width:0}
.guide-toc p{color:#a990c0;font-size:11px;text-transform:uppercase;letter-spacing:.12em;text-align:left;margin-bottom:15px}
.guide-toc ol{list-style:none;padding:0;margin:0;border-left:1px solid rgba(212,169,255,.18)}
.guide-toc li{margin:0}
.guide-toc a{display:block;padding:8px 0 8px 15px;color:#bcaed0;text-decoration:none}
.guide-toc a:hover{color:#fff;border-left:2px solid #d4a9ff;margin-left:-1px;padding-left:14px}
.guide-article{min-width:0}
.guide-article h2,.guide-article h3{color:#fff;text-align:left;scroll-margin-top:115px;letter-spacing:-.02em}
.guide-article h2{font-size:28px;line-height:1.3;margin:52px 0 20px;padding-top:0;font-weight:750}
.guide-article>h2:first-child{margin-top:0}
.guide-article h3{font-size:20px;line-height:1.4;margin:28px 0 12px;font-weight:700}
.guide-article p{color:#d1c4df;font-size:16px;line-height:1.85;text-align:left;margin:0 0 20px}
.guide-article strong{color:#f4ecfb}
.guide-article ul,.guide-article ol{padding-left:24px;margin:22px 0 26px;color:#d1c4df;font-size:16px}
.guide-article li{padding-left:5px;margin:0 0 12px;line-height:1.85}
.guide-table-wrap{overflow:auto;max-width:100%;border:1px solid rgba(212,169,255,.2);border-radius:14px;margin:24px 0 28px;background:rgba(255,255,255,.018)}
.guide-article table{width:100%;min-width:570px;border-collapse:collapse;font-size:13px;line-height:1.75}
.guide-article th{background:rgba(144,65,204,.13);color:#fff;font-weight:700;text-align:left;padding:16px;vertical-align:top}
.guide-article td{border-top:1px solid rgba(212,169,255,.12);padding:16px;color:#d1c4df;vertical-align:top}
.guide-article pre{padding:22px;background:#110921;border:1px solid rgba(212,169,255,.2);border-radius:12px;overflow:auto;font-size:14px;color:#eddaff;white-space:pre;line-height:1.8}
.guide-article p code,.guide-article li code{color:#ebd4ff;padding:3px 6px;background:rgba(212,169,255,.09);border-radius:4px;overflow-wrap:anywhere}
.guide-faq{border:1px solid rgba(212,169,255,.2);border-radius:12px;padding:0 20px;margin:12px 0;background:rgba(255,255,255,.02)}
.guide-faq summary{cursor:pointer;color:#fff;padding:20px 0;line-height:1.6;font-size:16px;font-weight:650;list-style-position:inside}
.guide-faq summary::marker{color:#d4a9ff}
.guide-faq p{font-size:15px;padding-bottom:4px}
.guide-tool{padding:28px;margin:32px 0;background:linear-gradient(135deg,rgba(144,65,204,.13),rgba(255,255,255,.02));border:1px solid rgba(212,169,255,.24);border-radius:16px}
.guide-tool h2{margin:0 0 14px;font-size:24px}
.guide-tool label{display:block;color:#e0d3ed;font-size:14px;line-height:1.6;margin:12px 0}
.guide-tool input:not([type=checkbox]){display:block;width:100%;padding:12px 14px;background:#100820;color:#fff;border:1px solid #6b4a83;border-radius:8px;margin-top:7px;font-size:16px}
.guide-tool input[type=checkbox]{width:18px;height:18px;flex:none;accent-color:#b571e8;margin-top:4px}
.guide-check{display:flex!important;align-items:flex-start;gap:12px;margin:14px 0!important}
.guide-tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.guide-tool fieldset{border:none;margin:0;padding:0;min-width:0}
.guide-tool legend{color:#fff;font-size:15px;font-weight:700;margin-bottom:0}
.guide-tool button{cursor:pointer;margin-top:8px}
.guide-tool output{display:block;color:#ebd4ff;font-size:15px;margin-top:18px;line-height:1.8;min-height:28px;overflow-wrap:anywhere}
.guide-tool .tool-note{color:#bcaed0;font-size:12px;line-height:1.75;margin:14px 0 0}
.guide-tool [type=reset]{margin-left:8px}
.guide-evidence{margin-top:48px;padding-top:28px;border-top:1px solid rgba(212,169,255,.2)}
.guide-evidence h2{margin-top:0;font-size:22px}
.guide-evidence p,.guide-evidence li{font-size:14px}
.guide-related{padding:52px 0;background:rgba(144,65,204,.045);border-top:1px solid rgba(212,169,255,.16)}
.guide-related h2,.guide-entry h2{color:#fff;font-size:28px;font-weight:750;margin:0 0 15px;text-align:left}
.guide-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}
.guide-card{display:block;padding:25px;border:1px solid rgba(212,169,255,.18);border-radius:15px;background:rgba(255,255,255,.025);text-decoration:none!important;min-width:0;transition:transform .2s,border-color .2s}
.guide-card:hover{transform:translateY(-3px);border-color:#9c64c4}
.guide-card small{display:block;color:#bcaed0;font-size:11px;letter-spacing:.06em;text-transform:uppercase;line-height:1.5}
.guide-card h3{color:#fff;font-size:19px;line-height:1.45;margin:15px 0 12px;font-weight:700}
.guide-card p{color:#bdafce;font-size:13px;text-align:left;line-height:1.8;margin:0 0 16px}
.guide-card span{color:#d4a9ff;font-size:13px;font-weight:650}
.guide-hub-intro{max-width:730px}
.guide-hub-groups{padding:0 0 64px}
.guide-hub-group{padding-top:50px}
.guide-hub-group h2{color:#fff;font-size:29px;letter-spacing:-.02em}
.guide-hub-group>p{color:#bdafce;text-align:left;font-size:15px;margin-top:10px}
.guide-hub-note{border-left:3px solid #b571e8;padding:14px 22px;background:rgba(144,65,204,.065);color:#d1c4df;font-size:14px;line-height:1.85;margin:42px 0 0}
.guide-entry{padding:65px 0;border-top:1px solid rgba(212,169,255,.13);background:rgba(144,65,204,.045)}
.guide-entry p{color:#d1c4df;text-align:left;max-width:750px;font-size:16px;line-height:1.8}
@media(max-width:991px){.guide-hero-grid{grid-template-columns:1fr;gap:32px}.guide-visual{display:none}.guide-layout{grid-template-columns:1fr;gap:32px;padding-top:34px}.guide-toc{position:static}.guide-toc ol{display:grid;grid-template-columns:1fr 1fr}.guide-toc a{padding-top:7px;padding-bottom:7px}.guide-card-grid{grid-template-columns:1fr 1fr}.guide-page h1{font-size:38px}.guide-hero{padding:36px 0 45px}}
@media(max-width:575px){.guide-shell{width:calc(100% - 36px)}.guide-page h1{font-size:31px;line-height:1.2}.guide-answer{font-size:16px}.guide-card-grid{grid-template-columns:1fr}.guide-article h2{font-size:25px;margin-top:40px}.guide-tool{padding:20px}.guide-tool-grid{grid-template-columns:1fr}.guide-meta{font-size:11px}.guide-toc ol{grid-template-columns:1fr}.guide-hero{padding-bottom:34px}.guide-actions .guide-button{font-size:13px}.guide-breadcrumb{font-size:11px}.guide-article p,.guide-article li{font-size:15px}.guide-entry{padding:45px 0}}
@media(prefers-reduced-motion:reduce){.guide-card,.guide-button{transition:none;transform:none!important}}
@media print{.guide-page{background:#fff;color:#111}.guide-page .header-bg,.guide-toc,.guide-visual,.guide-actions,.guide-tool,.footer-section,.guide-related{display:none}.guide-shell{width:100%}.guide-hero,.guide-layout{padding:20px 0;display:block}.guide-page h1,.guide-article h2,.guide-article h3,.guide-article p,.guide-article li,.guide-article strong,.guide-answer{color:#111!important}.guide-page a{color:#333}.guide-article table{min-width:0}.guide-article td,.guide-article th{color:#111;background:#fff}.guide-faq{break-inside:avoid}.guide-faq::details-content{content-visibility:visible!important}}

/* Product-led editorial layout uses the existing site's type, colors and artwork. */
.guide-page{font-family:'Inter',sans-serif}
.guide-page h1,.guide-page h2,.guide-page h3{font-family:'Montserrat',sans-serif}
.guide-page p,.guide-page li{letter-spacing:normal}
.guide-shell{width:min(1140px,calc(100% - 48px))}
.guide-hero{padding:40px 0 54px;background:var(--gradient-dark);border-bottom:1px solid rgba(144,65,204,.22)}
.guide-hero-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:48px}
.guide-page h1{font-size:clamp(34px,3.4vw,46px);font-weight:750;line-height:1.18;letter-spacing:-.035em}
.guide-kicker{display:inline-flex;align-items:center;padding:7px 13px;border:1px solid rgba(144,65,204,.3);background:rgba(144,65,204,.1);border-radius:100px;letter-spacing:.07em!important;font-size:10px!important;line-height:1.8!important;color:#d4a9ff!important}
.guide-answer{font-size:17px;line-height:1.85;max-width:700px}
.guide-meta{margin-top:22px;color:#c1b3d1}
.guide-button{border-radius:100px;padding:13px 23px;font-weight:650;background:var(--gradient-primary);box-shadow:0 6px 22px rgba(144,65,204,.15)}
.guide-button.secondary{box-shadow:none}
.guide-product{margin:0;min-width:0;text-align:center;padding:12px 8px 0}
.guide-product img{display:block;width:100%;height:auto;max-height:370px;object-fit:contain;margin:0 auto;filter:drop-shadow(0 16px 28px rgba(144,65,204,.12))}
.guide-product figcaption{font-size:11px;line-height:1.7;color:#bba9cd;max-width:340px;margin:16px auto 0;text-align:center}
.guide-product img[src*="step-"]{max-height:320px;width:auto;max-width:100%}
.guide-product img[src*="android.png"],.guide-product img[src*="ios.png"]{max-height:370px;width:auto;max-width:100%}
.guide-layout{grid-template-columns:205px minmax(0,790px);gap:60px}
.guide-article h2{font-size:26px;font-weight:650;line-height:1.4}
.guide-article h3{font-size:19px;font-weight:650}
.guide-article p,.guide-article li{color:#d8cfe3;font-size:16px;line-height:1.9}
.guide-toc p{font-size:10px;letter-spacing:.07em}
.guide-toc a{font-size:12px;line-height:1.7;padding-top:7px;padding-bottom:7px}
.guide-card{position:relative;background:var(--gradient-card);border:1px solid rgba(144,65,204,.24);border-radius:20px;padding:27px;display:flex;flex-direction:column}
.guide-card h3{font-size:18px;font-weight:650}
.guide-card>span{margin-top:auto;padding-top:12px}
.guide-card p{line-height:1.85;font-size:14px;color:#d0c0df}
.guide-card small{font-size:10px;letter-spacing:.06em}
.guide-hub-intro{max-width:none;margin-top:42px}
.guide-hub-intro h1{font-size:clamp(40px,4.8vw,60px)}
.guide-highlight{color:#bd7cec}
.hub-product img{max-height:300px}
.guide-hub-group{padding-top:48px}
.guide-hub-group h2{font-size:28px;font-weight:650}
.guide-hub-group>p:not(.guide-kicker){color:#d0c0df}
.guide-hub-note{border:1px solid rgba(144,65,204,.24);border-radius:20px;padding:28px;background:var(--gradient-card)}
.guide-hub-note h2{font-size:22px;line-height:1.5;margin-bottom:14px}
.guide-hub-note p{font-size:15px;line-height:1.9;margin:0;color:#d0c0df;text-align:left}
.guide-faq,.guide-tool{background:var(--gradient-card);border-color:rgba(144,65,204,.3)}
.guide-evidence p,.guide-evidence li{font-size:13px;line-height:1.85}
.guide-article a{overflow-wrap:anywhere}
.guide-breadcrumb{padding-top:15px}
.guide-related{background:var(--gradient-dark)}
@media(max-width:991px){.guide-hero-grid{grid-template-columns:minmax(0,1fr);gap:26px}.guide-layout{grid-template-columns:minmax(0,1fr);gap:28px}.guide-product{max-width:520px;margin:auto}.guide-product img{max-height:250px}.guide-toc{border:1px solid rgba(144,65,204,.22);padding:18px;border-radius:15px}.guide-toc ol{grid-template-columns:1fr 1fr}.guide-page h1{font-size:36px}.guide-hub-intro{margin-top:26px}.guide-hub-intro h1{font-size:46px}.hub-product{display:none}}
@media(max-width:575px){.guide-shell{width:calc(100% - 36px)}.guide-page h1{font-size:30px}.guide-hub-intro h1{font-size:39px}.guide-hero{padding:25px 0 32px}.guide-hero-grid{gap:20px}.guide-answer{font-size:16px;line-height:1.85}.guide-product{padding:0;max-width:320px}.guide-product img,.guide-product img[src*="android.png"],.guide-product img[src*="ios.png"],.guide-product img[src*="step-"]{max-height:210px}.guide-product figcaption{font-size:10px;max-width:280px;margin-top:12px}.guide-toc ol{grid-template-columns:1fr}.guide-card{padding:23px}.guide-article h2{font-size:24px}.guide-article p,.guide-article li{font-size:15px;line-height:1.9}.guide-kicker{letter-spacing:.06em!important}.guide-hub-note{padding:23px}.guide-hub-note h2{font-size:20px}}
@media print{.guide-product{display:none}.guide-page{font-family:Arial,sans-serif}.guide-page .guide-kicker{border:0;color:#111!important;background:transparent}.guide-layout{display:block}}

.guide-button{gap:8px}

/* Product-owner promise: readable text, not baked into an image. */
.guide-promise{font-family:'Montserrat',sans-serif;font-size:18px;line-height:1.5;letter-spacing:.03em;text-align:left;color:#fff;margin:0 0 18px}
.guide-promise strong{font-weight:800}
.guide-product-summary ul{padding-left:22px;margin:20px 0 0;color:#d8cfe3;font-size:15px;line-height:1.9}
.guide-product-summary li{margin:0 0 12px}
.guide-product-summary>p{margin-bottom:16px}
@media(max-width:575px){.guide-promise{font-size:16px;margin-bottom:14px}.guide-product-summary ul{font-size:14px}}