/* Secure-VPN v5.6.3 — compact native live-widget showcase for the homepage hero. */
.home-widget-showcase{display:grid;gap:10px;margin:-8px -8px 8px;padding:14px;border:1px solid rgba(33,78,112,.9);border-radius:18px;background:radial-gradient(circle at 75% 0,rgba(24,151,190,.10),transparent 42%),#071522;box-shadow:0 24px 70px rgba(0,0,0,.26)}
.home-widget-showcase *{box-sizing:border-box}
.home-widget-showcase-head{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding:1px 2px 2px}
.home-widget-showcase-kicker{display:block;color:#62e8e4;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.home-widget-showcase-head strong{display:block;margin-top:3px;color:#f2f7fb;font-size:14px;line-height:1.25}
.home-widget-showcase-head>a{flex:none;color:#78dff2;font-size:10px;font-weight:850;text-decoration:none}
.home-widget-card{position:relative;display:block;padding:12px;border:1px solid #24445f;border-radius:13px;background:linear-gradient(145deg,rgba(14,37,58,.98),rgba(8,25,41,.98));color:inherit;text-decoration:none;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.home-widget-card:hover{transform:translateY(-1px);border-color:#2d718d;background:linear-gradient(145deg,rgba(16,44,67,.98),rgba(8,28,45,.98))}
.home-widget-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}
.home-widget-live{display:inline-flex;align-items:center;gap:6px;color:#5ce4df;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.home-widget-live i{width:6px;height:6px;border-radius:50%;background:#17b8b6;box-shadow:0 0 0 4px rgba(23,184,182,.08)}
.home-widget-source{color:#7997b2;font-size:8px;font-weight:750;white-space:nowrap}
.home-widget-card h3{margin:0 0 8px;color:#eef6fd;font-size:13px;line-height:1.3;letter-spacing:-.01em}
.home-widget-vs{display:grid;grid-template-columns:minmax(0,1fr) 26px minmax(0,1fr);align-items:stretch;gap:5px}
.home-widget-side{position:relative;display:grid;align-content:center;min-width:0;padding:9px 7px;border:1px solid #24445f;border-radius:10px;background:#0b1d2e;text-align:center}
.home-widget-side small{display:block;overflow:hidden;color:#8ca8bf;font-size:7px;font-weight:800;line-height:1.25;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase}
.home-widget-side strong{display:block;margin:4px 0 1px;color:#eff7fc;font-size:19px;line-height:1;font-variant-numeric:tabular-nums}
.home-widget-side span{color:#6f8da6;font-size:7px}
.home-widget-side.is-winner{border-color:rgba(82,227,152,.58);background:linear-gradient(145deg,rgba(23,70,61,.36),#0a1929 72%);box-shadow:inset 0 0 0 1px rgba(82,227,152,.07)}
.home-widget-side.is-winner strong{color:#7ce2c4}
.home-widget-side.is-winner:before{content:"Higher";position:absolute;top:4px;right:4px;padding:2px 4px;border-radius:999px;border:1px solid rgba(82,227,152,.30);background:rgba(82,227,152,.08);color:#7ce2c4;font-size:5px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.home-widget-vs-badge{display:grid;place-items:center;color:#7898b2;font-size:8px;font-weight:900}
.home-widget-meta{display:flex;justify-content:space-between;gap:8px;margin-top:7px;color:#7491aa;font-size:7px;line-height:1.3}
.home-widget-meta b{color:#8facc2;font-weight:800}
.home-widget-country-rows{display:grid;gap:6px}
.home-widget-country-row{display:grid;grid-template-columns:minmax(70px,.9fr) repeat(3,minmax(0,1fr));gap:5px;align-items:center;padding:7px;border:1px solid #213f59;border-radius:9px;background:#0b1d2e}
.home-widget-country-row>span:first-child{color:#dceaf4;font-size:8px;font-weight:850}
.home-widget-country-kpi{min-width:0;text-align:right}
.home-widget-country-kpi small{display:block;color:#68869e;font-size:6px;text-transform:uppercase}
.home-widget-country-kpi strong{display:block;overflow:hidden;color:#e9f4fa;font-size:9px;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}
.home-widget-country-note{margin-top:7px;color:#6f8da6;font-size:7px;line-height:1.35}
.home-widget-country-note b{color:#93b2c8}
.home-widget-loading{opacity:.76}
.home-widget-loading .home-widget-side strong,.home-widget-loading .home-widget-country-kpi strong{color:#6f8da6}
.home-widget-card.is-unavailable .home-widget-live{color:#90a5b7}
.home-widget-card.is-unavailable .home-widget-live i{background:#71879b;box-shadow:none}
.home-widget-cta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 0;color:#7793a9;font-size:8px}
.home-widget-cta b{color:#6be7e0;font-size:9px}
@media(max-width:1020px){.home-widget-showcase{margin:0 0 8px}.home-widget-card{padding:13px}.home-widget-side strong{font-size:22px}}
@media(max-width:650px){.home-widget-showcase{padding:11px;border-radius:15px}.home-widget-showcase-head{align-items:center}.home-widget-showcase-head strong{font-size:13px}.home-widget-showcase-head>a{font-size:9px}.home-widget-card{padding:11px}.home-widget-vs{grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr)}.home-widget-side{padding:9px 5px}.home-widget-side strong{font-size:18px}.home-widget-country-row{grid-template-columns:minmax(64px,1fr) repeat(3,minmax(0,.85fr));padding:6px 5px}.home-widget-country-kpi strong{font-size:8px}.home-widget-cta{font-size:7px}}
@media(max-width:390px){.home-widget-source{display:none}.home-widget-side small{font-size:6px}.home-widget-side strong{font-size:17px}.home-widget-country-row{grid-template-columns:1fr 1fr 1fr}.home-widget-country-row>span:first-child{grid-column:1/-1}.home-widget-country-kpi{text-align:left}}
@media(prefers-reduced-motion:reduce){.home-widget-card{transition:none}.home-widget-card:hover{transform:none}}

/* v5.6.3.1 — move supporting widget explanations into the hero copy column. */
.home-widget-explainers{display:grid;gap:10px;margin-top:22px;max-width:860px}
.home-widget-explainer{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;padding:14px 15px;border:1px solid rgba(46,83,111,.78);border-radius:12px;background:linear-gradient(145deg,rgba(9,28,44,.82),rgba(7,22,35,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}
.home-widget-explainer-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(66,210,205,.24);border-radius:10px;background:rgba(21,115,118,.12);color:#6ce8e1;font-size:12px;font-weight:950;letter-spacing:-.03em}
.home-widget-explainer b{display:block;margin:1px 0 4px;color:#e9f3f9;font-size:12px;line-height:1.25}
.home-widget-explainer span{display:block;color:#809bb0;font-size:10px;line-height:1.55}
.home-widget-explainer a{color:#6ce8e1;text-decoration:none;font-weight:850}
.home-widget-explainer a:hover{text-decoration:underline}
@media(min-width:1180px){.home-widget-explainers{grid-template-columns:1fr}.home-widget-explainer{min-height:72px}}
@media(max-width:1020px){.home-widget-explainers{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.home-widget-explainer{grid-template-columns:1fr;gap:8px}.home-widget-explainer-icon{width:30px;height:30px}}
@media(max-width:720px){.home-widget-explainers{grid-template-columns:1fr;margin-top:18px}.home-widget-explainer{grid-template-columns:32px minmax(0,1fr);padding:12px}.home-widget-explainer-icon{width:32px;height:32px}.home-widget-explainer b{font-size:11px}.home-widget-explainer span{font-size:9px}}