:root{--bg:#050812;--panel:#0b1120;--panel2:#0f1729;--line:#1b2942;--text:#edf5ff;--muted:#8493ad;--cyan:#49e7ff;--violet:#a17cff;--green:#5ae5a6;--red:#ff5f7a;--shadow:0 25px 80px rgba(0,0,0,.36)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}
body.light{--bg:#f3f7fc;--panel:#fff;--panel2:#f6f9fd;--line:#dbe3ef;--text:#152238;--muted:#66758d;--shadow:0 20px 60px rgba(22,40,70,.13)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(73,231,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(73,231,255,.035) 1px,transparent 1px);background-size:42px 42px}
.ambient{position:fixed;inset:-20%;pointer-events:none;background:radial-gradient(circle at 20% 10%,rgba(73,231,255,.11),transparent 30%),radial-gradient(circle at 80% 20%,rgba(161,124,255,.1),transparent 28%);filter:blur(10px)}
.top{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1180px)/2));position:relative;backdrop-filter:blur(15px);background:rgba(5,8,18,.55);z-index:2}.light .top{background:rgba(255,255,255,.7)}
.brand{display:flex;gap:11px;align-items:center;color:var(--text);text-decoration:none}.brand b{display:block;letter-spacing:2px;font-size:14px}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:1.5px;margin-top:3px}.mark{width:36px;height:36px;border:1px solid var(--cyan);border-radius:10px;display:grid;place-items:center;color:var(--cyan);font-weight:800;box-shadow:0 0 28px rgba(73,231,255,.18)}
.top-right{display:flex;gap:15px;align-items:center}.live{font-size:10px;letter-spacing:1.4px;color:var(--green);display:flex;align-items:center;gap:7px}.live i{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 14px var(--green)}#theme{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:9px;width:34px;height:34px;cursor:pointer}
main{max-width:1180px;margin:auto;padding:70px 22px 85px;position:relative}.hero{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-bottom:42px}.eyebrow{font-size:10px;color:var(--cyan);letter-spacing:2.2px}.hero h1{font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-4px;margin:12px 0 18px}.hero h1 span{color:transparent;-webkit-text-stroke:1px var(--cyan)}.hero p{max-width:650px;color:var(--muted);line-height:1.7;font-size:14px}.hero-status{min-width:190px;border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:22px;text-align:center;box-shadow:var(--shadow)}.pulse{width:60px;height:60px;margin:0 auto 14px;border-radius:50%;background:rgba(73,231,255,.08);border:1px solid rgba(73,231,255,.35);position:relative}.pulse:after{content:"";position:absolute;inset:13px;border-radius:50%;background:var(--cyan);box-shadow:0 0 25px var(--cyan)}.hero-status b{display:block;font-size:12px;letter-spacing:1.5px}.hero-status small{display:block;color:var(--muted);font-size:9px;margin-top:6px}.hero-status #updatedDate{margin-top:3px}
.traffic-profile{padding:20px;margin-bottom:13px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:13px}.card{background:linear-gradient(145deg,rgba(12,17,32,.92),rgba(8,13,25,.95));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);position:relative;overflow:hidden}.light .card{background:var(--panel)}.card:after{content:"";position:absolute;width:160px;height:160px;right:-90px;top:-90px;background:radial-gradient(circle,rgba(73,231,255,.09),transparent 67%);pointer-events:none}.stat{padding:19px}.stat small,.card-head small,.privacy small{font-size:9px;color:var(--muted);letter-spacing:1.5px}.stat strong{display:block;font-size:30px;margin:8px 0 4px}.stat span{font-size:10px;color:var(--muted)}.cyan{color:var(--cyan)}.violet{color:var(--violet)}.red{color:var(--red)}
.grid{display:grid;grid-template-columns:1fr;gap:13px;margin-bottom:13px}.card-head{display:flex;align-items:flex-start;justify-content:space-between}.card-head h2{margin:5px 0 0;font-size:16px}.badge{font-size:8px;border:1px solid var(--line);color:var(--muted);padding:5px 8px;border-radius:99px;letter-spacing:1px}.shield{color:var(--cyan);font-size:22px}.checks{margin-top:18px}.checks div{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px}.checks b{font-size:9px;color:var(--green)}.checks b.off{color:var(--red)}.ok{color:var(--green)}
.privacy{display:flex;gap:18px;align-items:center;padding:23px;margin-bottom:13px}.privacy-icon{width:45px;height:45px;border:1px solid rgba(73,231,255,.35);border-radius:13px;display:grid;place-items:center;color:var(--cyan);font-size:25px}.privacy h2{font-size:16px;margin:6px 0}.privacy p{font-size:11px;color:var(--muted);line-height:1.6;margin:0;max-width:780px}
.about{padding:20px}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:18px;border:1px solid var(--line);border-radius:12px;overflow:hidden}.about-grid div{background:var(--panel);padding:13px}.about-grid span{display:block;color:var(--muted);font-size:9px}.about-grid b{display:block;font-size:11px;margin-top:5px}
footer{position:fixed;bottom:0;left:0;right:0;border-top:1px solid var(--line);background:rgba(5,8,18,.9);backdrop-filter:blur(10px);padding:9px;text-align:center;color:var(--muted);font-size:9px;z-index:3}
#toast{position:fixed;right:20px;bottom:45px}.toast{background:#111a2d;border:1px solid var(--line);padding:10px 13px;border-radius:9px;font-size:11px}
@media(max-width:800px){main{padding-top:45px}.hero{align-items:flex-start;flex-direction:column}.hero-status{width:100%}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr 1fr}.hero h1{letter-spacing:-2.5px}}
@media(max-width:500px){.stats{grid-template-columns:1fr}.about-grid{grid-template-columns:1fr}.top{padding:0 14px}.brand small{display:none}}

.chart-head{gap:12px}.chart-controls{display:flex;align-items:center;gap:8px}.chart-controls select{text-align:center;text-align-last:center;appearance:auto;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:7px 9px;font:inherit;font-size:9px;letter-spacing:.2px;outline:none}.chart-controls select:focus{border-color:var(--cyan)}.chart-meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:8px;margin-top:12px;letter-spacing:.7px;text-transform:uppercase}.chart-meta span:last-child{color:var(--cyan)}
@media(max-width:520px){.chart-head{align-items:flex-start}.chart-controls{flex-direction:column;align-items:flex-end}.chart-controls select{max-width:145px}.chart-meta{margin-top:10px}}

.reasons-card{margin-bottom:13px;padding:0}.reasons-head{padding:24px 20px 20px;border-bottom:1px solid var(--line)}.reasons-head h2{font-size:22px;margin:0 0 10px}.reasons-head p{font-size:12px;color:var(--muted);line-height:1.6;margin:0;max-width:900px}.reasons-list{display:flex;flex-direction:column}.reason-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;border-bottom:1px solid var(--line);font-size:13px}.reason-row:last-child{border-bottom:0}.reason-row span{color:var(--text);min-width:0;overflow-wrap:anywhere}.reason-row b{color:var(--muted);font-size:14px;font-weight:500;white-space:nowrap}.reason-empty{padding:20px;color:var(--muted);font-size:12px}
/* v5 polish: compact Reasons title, refined Security Posture, Endpoints, and bottom Privacy */
.reasons-head h2{font-size:16px;margin:5px 0 0;font-weight:650}
.reasons-head p{font-size:11px;line-height:1.55}
.security-card{padding:20px}
.security-card .checks{margin-top:16px}
.security-card .checks div{padding:13px 0}
.security-card .shield{width:34px;height:34px;border:1px solid rgba(73,231,255,.25);border-radius:10px;display:grid;place-items:center;font-size:13px;background:rgba(73,231,255,.05);box-shadow:0 0 22px rgba(73,231,255,.08)}
.security-card .checks div:last-child{border-bottom:0}
.security-card .checks b{padding:5px 8px;border:1px solid rgba(90,229,166,.18);border-radius:999px;background:rgba(90,229,166,.05);font-size:8px;letter-spacing:.7px}
.endpoints{display:block;margin-top:28px !important;margin-bottom:13px}
.endpoints-head{padding:24px 20px 20px;border-bottom:1px solid var(--line)}
.endpoints-head h2{font-size:16px;margin:5px 0 10px;font-weight:650}
.endpoints-head p{font-size:11px;color:var(--muted);line-height:1.55;margin:0;max-width:900px}
.endpoints-list{display:flex;flex-direction:column}
.endpoint-row{padding:18px 20px;border-bottom:1px solid var(--line)}
.endpoint-row:last-child{border-bottom:0}
.endpoint-row strong{display:block;font-size:12px;margin-bottom:7px}
.endpoint-value{display:block;color:var(--muted);font-size:13px;line-height:1.65;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.endpoint-value + .endpoint-value{margin-top:2px}
.privacy{margin-bottom:0}
@media(max-width:520px){.endpoint-row{padding:17px 18px}.endpoint-value{font-size:11px}.reasons-head{padding:20px 18px 17px}.reason-row{padding:16px 18px}}

.security-features-card{margin-bottom:13px;padding:0}.security-features-head{padding:24px 20px 20px}.security-features-list{display:flex;flex-direction:column}.security-feature-row{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:15px 20px;border-bottom:1px solid var(--line);font-size:12px}.security-feature-row:last-child{border-bottom:0}.security-feature-name{color:var(--text);line-height:1.45}.security-feature-status{font-size:8px;letter-spacing:.7px;padding:5px 8px;border:1px solid rgba(90,229,166,.18);border-radius:999px;background:rgba(90,229,166,.05);color:var(--green);white-space:nowrap}.security-feature-status.off{color:var(--muted);border-color:var(--line);background:transparent}.security-feature-status.empty{color:var(--muted);border-color:var(--line);background:transparent}@media(max-width:520px){.security-feature-row{padding:14px 18px;font-size:11px}}