/* Blog WireGuard offer: visual language of the homepage AI.ACCESS panel. */
.blog-wireguard-promo{position:relative;isolation:isolate;overflow:hidden;box-sizing:border-box;width:100%;margin:30px 0 24px;padding:30px 32px;border:1px solid rgba(34,232,255,.28);border-radius:24px;background:linear-gradient(135deg,rgba(13,16,38,.94),rgba(25,15,49,.9));box-shadow:0 22px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.05)}
.blog-wireguard-promo::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(100deg,transparent 15%,rgba(34,232,255,.055) 42%,rgba(255,55,199,.055) 62%,transparent 88%)}
.blog-wireguard-promo::after{content:"";position:absolute;z-index:-1;width:420px;height:240px;right:-100px;top:-120px;border-radius:50%;background:radial-gradient(circle,rgba(34,232,255,.23),transparent 68%);filter:blur(18px);pointer-events:none}
.blog-wireguard-promo .blog-wireguard-kicker{display:block;margin:0 0 12px;font-family:'Share Tech Mono',monospace;font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:#22e8ff;text-shadow:0 0 12px rgba(34,232,255,.75)}
.blog-wireguard-promo .blog-wireguard-title{margin:0 0 18px;padding:0;border:0;font-family:'Orbitron','Rajdhani',sans-serif;font-weight:700;font-size:clamp(1.4rem,2.8vw,2rem);line-height:1.3;letter-spacing:0;text-transform:none;overflow-wrap:anywhere;background:linear-gradient(100deg,#fff 10%,#22e8ff 55%,#ff37c7);-webkit-background-clip:text;background-clip:text;color:transparent}
.blog-wireguard-promo .blog-wireguard-copy{margin:0;color:#d8d2ff;font-size:1.05rem;line-height:1.62}
.blog-wireguard-promo .blog-wireguard-status{display:inline-flex;align-items:center;gap:9px;margin:18px 0 0;padding:6px 11px;border:1px solid rgba(34,232,255,.24);border-radius:999px;background:rgba(34,232,255,.06);font-family:'Share Tech Mono',monospace;font-size:.67rem;letter-spacing:.08em;color:#22e8ff;text-transform:uppercase}
.blog-wireguard-promo .blog-wireguard-pulse{flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#55f6a9;box-shadow:0 0 0 4px rgba(85,246,169,.1),0 0 14px #55f6a9}
.blog-wireguard-promo .blog-wireguard-cta{text-align:center;margin:24px 0 0}
.blog-wireguard-promo .blog-wireguard-button{display:inline-block;box-sizing:border-box;max-width:100%;background:linear-gradient(135deg,#f3f7fc 0%,#9ba8bb 34%,#dce5ef 58%,#77859a 100%);color:#111522;border:1px solid rgba(225,238,255,.78);font-family:'Rajdhani',system-ui,sans-serif;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.95rem;line-height:1.4;padding:15px 42px;border-radius:11px;text-decoration:none;box-shadow:0 10px 30px rgba(112,145,180,.16),inset 0 1px 0 rgba(255,255,255,.75);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.blog-wireguard-promo .blog-wireguard-button:hover{color:#111522;filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 15px 34px rgba(34,232,255,.18),inset 0 1px 0 rgba(255,255,255,.9)}
.blog-wireguard-promo .blog-wireguard-button:focus-visible{outline:2px solid #22e8ff;outline-offset:5px}
@media(max-width:640px){.blog-wireguard-promo{padding:25px 18px 22px;border-radius:18px}.blog-wireguard-promo .blog-wireguard-title{font-size:1.4rem;line-height:1.35}.blog-wireguard-promo .blog-wireguard-copy{font-size:1rem}.blog-wireguard-promo .blog-wireguard-button{width:100%;padding:15px 12px}.blog-wireguard-promo .blog-wireguard-status{font-size:.62rem;letter-spacing:.04em}}
@media(prefers-reduced-motion:reduce){.blog-wireguard-promo .blog-wireguard-button{transition:none}}

/* Standalone centered VPN question badge. */
.blog-wireguard-promo .blog-wireguard-question-frame{display:flex;justify-content:center;margin:0 0 22px;text-align:center}
.blog-wireguard-promo .blog-wireguard-question-badge{display:inline-flex;align-items:center;justify-content:center;gap:12px;box-sizing:border-box;max-width:100%;padding:13px 26px;border:1px solid transparent;border-radius:14px;background:linear-gradient(135deg,#101c31,#211337) padding-box,linear-gradient(110deg,#22e8ff,#a67aff 65%,#ff37c7) border-box;box-shadow:0 0 24px rgba(34,232,255,.12),0 8px 24px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.08);font-family:'Orbitron','Rajdhani',sans-serif;font-size:clamp(1.15rem,2.6vw,1.5rem);font-weight:700;line-height:1.35;letter-spacing:.02em;color:#f0fdff;text-shadow:0 0 14px rgba(34,232,255,.25)}
.blog-wireguard-promo .blog-wireguard-question-badge::before{content:"";flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:#22e8ff;box-shadow:0 0 12px rgba(34,232,255,.8)}
@media(max-width:640px){.blog-wireguard-promo .blog-wireguard-question-badge{padding:12px 18px;gap:10px;font-size:1.15rem}.blog-wireguard-promo .blog-wireguard-question-frame{margin-bottom:18px}}

/* Auto-install badge in the upper-right corner; reserve a row on narrow screens. */
.blog-wireguard-promo .blog-wireguard-status{position:absolute;top:24px;right:32px;margin:0;box-sizing:border-box;max-width:calc(100% - 64px)}
@media(max-width:640px){.blog-wireguard-promo{padding-top:76px}.blog-wireguard-promo .blog-wireguard-status{top:16px;right:18px;max-width:calc(100% - 36px)}}

/* Separate the main offer from the two fixed top labels. */
.blog-wireguard-promo .blog-wireguard-question-frame{margin-top:32px}