:root{color-scheme:light;--ink:#1d302c;--muted:#65736c;--line:#dce4db;--green:#2e5b43;--paper:#f6f7ef}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif}main{max-width:1120px;margin:auto;padding:32px 36px 24px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px}.brand{font-size:25px;font-weight:800;letter-spacing:-1.5px}.dot{color:#8bb980;font-size:13px;margin-left:5px}.device,.eyebrow{font-size:12px;letter-spacing:2px;color:var(--muted)}.intro{padding:58px 0 44px;position:relative}.intro:after{content:"";position:absolute;right:44px;top:62px;width:150px;height:150px;border:1px solid #c4d3bf;border-radius:50%;box-shadow:0 0 0 22px #edf1e7,0 0 0 23px #d7e0d0;opacity:.7;z-index:-1}h1{font-size:clamp(36px,5vw,58px);line-height:1.2;letter-spacing:-2px;font-weight:650;margin:16px 0 20px}.lead{max-width:530px;color:var(--muted);font-size:16px;margin-bottom:0}.section-title{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px}.section-title h2{font-size:18px;margin:0;font-weight:650}.section-title>span{font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{padding:24px;border:1px solid var(--line);background:#fffef9;border-radius:14px;display:flex;flex-direction:column;min-height:270px}.tag{font-size:11px;letter-spacing:1px;color:var(--muted)}h3{font-size:25px;letter-spacing:-.6px;margin:18px 0 7px;font-weight:650}.card p{font-size:14px;color:var(--muted);margin:0 0 25px;flex:1}.button{font:inherit;font-size:14px;text-decoration:none;color:#fff;background:var(--green);border:0;border-radius:7px;padding:11px 13px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;width:100%;min-height:45px}.button:hover{background:#234832}.button:disabled{opacity:.55;cursor:wait}.button span{font-size:18px}.accent{background:#eaf0e2;border-color:#cfddc3}.cf-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:35px}.cf-meta>span{font-size:10px;color:var(--muted);line-height:1.5}.text-button{font:inherit;background:none;border:0;font-size:11px;color:var(--green);cursor:pointer;white-space:nowrap;padding:8px 0 8px 8px}section+section{margin-top:34px}.vpn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.vpn{display:flex;align-items:center;gap:12px;padding:18px;text-decoration:none;color:inherit;border:1px solid var(--line);border-radius:10px;background:#fdfdf6;transition:border-color .2s}.vpn:hover{border-color:var(--green)}.vpn-mark{font-size:11px;font-weight:700;display:grid;place-items:center;width:34px;height:34px;background:#e5ebdf;border-radius:8px}.vpn strong{font-size:14px;font-weight:650}.vpn small{display:block;color:var(--muted);font-size:11px}.arrow{margin-left:auto;color:var(--muted)}aside{font-size:12px;color:var(--muted);margin:26px 0 40px;max-width:700px}footer{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}:focus-visible{outline:3px solid #c19e50;outline-offset:4px}@media(max-width:760px){main{padding:22px}.intro{padding:35px 0}.intro:after{right:20px;top:65px;width:90px;height:90px}.grid{grid-template-columns:1fr}.card{min-height:210px}.vpn-grid{grid-template-columns:1fr}.card p{margin-bottom:20px}.cf-meta{min-height:28px}h1{letter-spacing:-1px}.section-title>span{font-size:11px}}