/* Adapted from the MIT-licensed next-landing-vpn visual system. */
.template-hero{min-height:650px;isolation:isolate}
.template-hero-visual{position:relative;min-height:470px;display:grid;place-items:center;border:1px solid rgba(95,200,255,.22);border-radius:44px;background:radial-gradient(circle at 68% 28%,rgba(48,213,235,.22),transparent 32%),linear-gradient(145deg,#f8fbff 0,#e7f4ff 100%);box-shadow:0 30px 90px rgba(0,0,0,.34);overflow:hidden}
.template-hero-visual:before{content:"";position:absolute;inset:20px;border:1px dashed rgba(32,128,185,.2);border-radius:32px}
.template-hero-visual>img{position:relative;z-index:1;width:min(94%,612px);height:auto;filter:drop-shadow(0 22px 25px rgba(12,40,80,.16))}
.hero-orb{position:absolute;border-radius:50%;filter:blur(2px)}
.hero-orb-one{width:170px;height:170px;right:-45px;top:-45px;background:#23cfe840}
.hero-orb-two{width:125px;height:125px;left:-25px;bottom:-30px;background:#286dff35}
.template-status{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;min-width:170px;padding:13px 16px;border:1px solid rgba(84,167,213,.25);border-radius:17px;color:#0c2345;background:rgba(255,255,255,.94);box-shadow:0 15px 35px rgba(22,60,105,.2);backdrop-filter:blur(12px)}
.template-status i{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;color:#fff;background:linear-gradient(135deg,#25d8e8,#2877ff);font-style:normal;font-weight:900}
.template-status span,.template-status small,.template-status b{display:block}.template-status small{color:#66809c;font-size:11px}.template-status b{font-size:14px}.status-speed{right:18px;bottom:35px}.status-secure{left:18px;top:38px}
.global-map{position:relative;margin:8px auto 34px;padding:30px;border:1px solid rgba(79,209,238,.18);border-radius:30px;background:radial-gradient(circle at center,rgba(32,133,234,.14),transparent 62%),rgba(4,13,32,.38);overflow:hidden}
.global-map img{display:block;width:min(100%,980px);height:auto;margin:auto;filter:brightness(1.8) saturate(1.35) drop-shadow(0 0 20px rgba(53,202,242,.13))}
@media(max-width:980px){.template-hero{min-height:auto}.template-hero-visual{min-height:440px;margin-top:15px}}
@media(max-width:620px){.template-hero-visual{min-height:345px;border-radius:28px}.template-status{min-width:145px;padding:9px 11px}.status-secure{left:7px;top:18px}.status-speed{right:7px;bottom:18px}.global-map{padding:12px;border-radius:20px}}