:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#15303b;background:#f4f7f8;font-size:16px}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1240px;margin:auto}header{padding:27px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d8e1e5}.brand{font-size:23px;font-weight:800;letter-spacing:-1px;text-decoration:none;color:inherit;display:flex;gap:10px;align-items:center}.mark{background:#15303b;color:#80efbf;padding:3px 11px;border-radius:7px}.header-note,.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:750}.header-note{color:#647984}main{padding:45px 30px}.intro h1{font-size:clamp(32px,4vw,51px);letter-spacing:-2px;line-height:1.1;margin:15px 0}.intro h1 span{color:#477280}.intro p{color:#526b77;max-width:550px;line-height:1.6}.workspace{display:grid;grid-template-columns:1.35fr 1fr;gap:28px;margin-top:34px;align-items:start}form{border:1px solid #d9e3e7;background:white;padding:28px;border-radius:16px}.section-title{display:flex;align-items:center;gap:12px;margin-bottom:20px}.section-title h2{font-size:19px;margin:0;letter-spacing:-.5px}.number{font-size:12px;border:1px solid #cfdbdf;border-radius:50%;padding:7px;color:#55747f}.currency{margin-left:auto;font-size:14px;color:#526b77}.currency select{margin-left:7px;padding:7px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:28px}.field label{display:block;font-size:14px;font-weight:650;margin-bottom:8px}.input-wrap{display:flex;border:1px solid #c5d4da;border-radius:7px;align-items:center;overflow:hidden;background:#fafcfd}.input-wrap:focus-within{outline:2px solid #2b8c73;outline-offset:2px}.input-wrap input{font:inherit;min-width:0;width:100%;border:0;padding:12px;background:transparent;color:#15303b;outline:0}.unit{font-size:13px;color:#627782;padding-right:10px;white-space:nowrap}select{font:inherit;background:white;border:1px solid #c5d4da;border-radius:6px;color:inherit}.hint,.result-foot{font-size:13px;line-height:1.6;color:#647984}.reset{font:inherit;font-size:14px;background:white;border:1px solid #c5d4da;border-radius:6px;padding:9px 14px;cursor:pointer}.reset:hover{background:#edf4f5}#error{color:#ab302c;font-size:14px;margin-bottom:0}.result-card{background:#102c38;color:#fff;border-radius:16px;padding:30px;box-shadow:0 15px 40px #17323e16}.result-card .eyebrow{color:#8ddcc5}.price{font-size:clamp(36px,4vw,56px);letter-spacing:-2px;font-weight:800;margin:12px 0 2px;overflow-wrap:anywhere}#margin-note{color:#b6cbd3;font-size:14px;margin-top:0}.stats{display:grid;grid-template-columns:1fr 1fr;gap:24px 16px;border-top:1px solid #35515d;border-bottom:1px solid #35515d;padding:24px 0;margin:25px 0}.stats span{display:block;font-size:13px;color:#aac2cc;margin-bottom:7px}.stats strong{font-size:23px;letter-spacing:-.5px}.breakdown h3{font-size:16px}.breakdown small{color:#aac2cc;font-size:12px;font-weight:400;margin-left:8px}.line{display:flex;justify-content:space-between;gap:12px;font-size:14px;margin:12px 0;color:#ccdde2}.line b{font-weight:600;color:white}.result-foot{color:#aac2cc;margin-bottom:0}.tip{padding:24px 8px}.tip .eyebrow{color:#427363}.tip p{font-size:14px;line-height:1.6;color:#526b77}.method{margin-top:45px;border-top:1px solid #d8e1e5;padding-top:35px;display:grid;grid-template-columns:1fr 2fr;gap:35px}.method h2{font-size:29px;letter-spacing:-1px}details{border-bottom:1px solid #d8e1e5;padding:18px 0}summary{cursor:pointer;font-weight:650;font-size:16px}details p{color:#526b77;line-height:1.7;font-size:14px}footer{padding:25px 30px;border-top:1px solid #d8e1e5;display:flex;justify-content:space-between;gap:15px;font-size:13px;color:#647984}footer>span:first-child{font-weight:800;color:#15303b}@media(max-width:800px){.workspace{grid-template-columns:1fr}.method{grid-template-columns:1fr;gap:0}.header-note{display:none}header{padding:20px}main{padding:28px 20px}.intro h1{letter-spacing:-1px}form,.result-card{padding:22px}footer{flex-direction:column}}@media(max-width:420px){.fields{grid-template-columns:1fr}.section-title{flex-wrap:wrap}.currency{margin-left:0}.stats strong{font-size:20px}}
:root{scroll-behavior:smooth}a{color:#226c66}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #25896e;outline-offset:4px}header nav,footer nav{display:flex;flex-wrap:wrap;gap:18px}header nav a,footer nav a{text-decoration:none;font-size:14px;font-weight:650}header nav a{color:#3d5d6b}header nav a:hover,footer nav a:hover{text-decoration:underline}header{gap:20px;flex-wrap:wrap}footer{flex-wrap:wrap;align-items:center}.content-main{padding-top:42px;padding-bottom:65px}.page-intro{max-width:780px;margin-bottom:35px}.page-intro h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1.6px;line-height:1.15;margin:14px 0 18px}.page-intro p{font-size:18px;color:#526b77;line-height:1.6;max-width:690px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.guide-card{display:flex;flex-direction:column;padding:28px;background:white;border:1px solid #d2e0e4;border-radius:12px;text-decoration:none;color:#15303b;transition:border-color .15s,box-shadow .15s}.guide-card:hover{border-color:#438f7e;box-shadow:0 8px 24px #18333f0d}.guide-card .eyebrow{color:#427363}.guide-card h2{font-size:23px;line-height:1.25;letter-spacing:-.5px;margin:15px 0 10px}.guide-card p{font-size:16px;line-height:1.6;color:#526b77;margin:0 0 20px}.read-link{font-size:14px;font-weight:700;color:#226c66;margin-top:auto}.article{max-width:780px;margin:auto}.back-link{display:inline-block;font-size:14px;margin-bottom:25px}.article-meta{font-size:14px!important;color:#647984!important}.article p,.prose p{font-size:17px;line-height:1.8;color:#405e6b}.article h2,.prose h2{font-size:25px;line-height:1.3;letter-spacing:-.6px;margin-top:35px}.article .page-intro p{font-size:19px}.formula{padding:22px;background:#e1efea;border-left:4px solid #2a8a70;font-size:17px;font-weight:650;line-height:1.6;overflow-wrap:anywhere;margin:24px 0}.article-cta{background:#102c38;color:white;border-radius:12px;padding:26px;margin:35px 0}.article-cta h2{color:white;margin-top:0}.article-cta p{color:#c4d8df}.article-cta a{display:inline-block;background:#83efbf;color:#102c38;padding:11px 17px;border-radius:6px;text-decoration:none;font-size:16px;font-weight:700}.prose{max-width:780px}.notice{border:1px solid #c0d8cd;border-left:4px solid #3b8d71;background:#edf6f1;padding:24px;border-radius:8px}.notice h2{margin-top:0}.notice p{margin-bottom:0}.faq-list{max-width:840px}.faq-list details{padding:23px 0}.faq-list summary{font-size:18px}.faq-list p{font-size:16px;line-height:1.8}.home-faq{display:grid;grid-template-columns:1fr 2fr;gap:35px;border-top:1px solid #d8e1e5;margin-top:45px;padding-top:35px}.home-faq h2,.home-guides>h2{font-size:29px;letter-spacing:-1px}.home-faq p{font-size:16px}.home-faq>div>a{font-size:14px}.home-guides{margin-top:45px}.legal-grid{max-width:900px;margin-bottom:40px}.sources{font-size:14px!important}details p{font-size:16px}@media(max-width:700px){.guide-grid,.home-faq{grid-template-columns:1fr}.home-faq{gap:12px}header nav{gap:16px}header nav a{font-size:14px}.guide-card{padding:23px}.article p,.prose p{font-size:16px}.page-intro h1{letter-spacing:-1px}footer nav{gap:14px}.content-main{padding-top:30px}}
.vpn-intro{max-width:780px;margin:0 0 35px}.vpn-intro h2{font-size:24px}.vpn-intro p{font-size:17px;line-height:1.8;color:#405e6b}.vpn-offers{margin-top:45px;border-top:1px solid #cbdde2;padding-top:30px}.vpn-offers>h2{font-size:27px;margin-top:12px}.affiliate-disclosure{font-size:14px!important;line-height:1.7!important;color:#526b77}.provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:25px}.vpn-provider{display:flex;flex-direction:column;background:white;border:1px solid #cddfe3;border-radius:10px;padding:21px}.vpn-provider h3{font-size:21px;margin:0 0 10px}.vpn-provider p{font-size:14px;line-height:1.6;margin:0 0 18px;color:#526b77}.official-link{font-size:14px;margin-top:auto;margin-bottom:16px;display:block}.affiliate-button{font:inherit;font-size:14px;font-weight:700;line-height:1.5;background:#102c38;color:#83efbf;border:1px solid #102c38;border-radius:6px;padding:11px 12px;text-align:center;text-decoration:none;display:block}.affiliate-button:disabled{background:#e4ecef;color:#617782;border-color:#d5e1e5;cursor:not-allowed}.article-sources{border-top:1px solid #cbdde2;margin-top:35px}.article-sources li{font-size:16px;line-height:1.8;margin:8px 0}.article .provider-grid{grid-template-columns:1fr}.article .vpn-provider{padding:22px}.article .vpn-offers p{font-size:15px}@media(max-width:850px){.provider-grid{grid-template-columns:1fr}}
