:root{
 --status-positive:#08783e;
 --status-informative:#0057b8;
 --status-notice:#8a5300;
 --status-negative:#b42318;
 --status-neutral:#667085;
 --status-positive-bg:#e8f5ee;
 --status-info-bg:#e9f2ff;
 --status-notice-bg:#fff4d6;
 --status-negative-bg:#fdecea;
 --status-neutral-bg:#eef1f5;
}
.wi320-status{display:inline-flex;align-items:center;gap:6px;font-weight:850}
.wi320-status.healthy{color:var(--status-positive)!important}
.wi320-status.live{color:#66b3ff!important}
.wi320-status.info{color:#66b3ff!important}
.wi320-status.attention{color:#f4b942!important}
.wi320-status.error{color:#ff8e84!important}
.wi320-status.neutral{color:#c4ced9!important}
.wi320-status .dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 20%,transparent)}
#st-health.status-ok{color:#4dd68c!important}
#st-health.status-warn{color:#f4b942!important}
#st-health.status-bad{color:#ff8e84!important}
#st-live{color:#66b3ff!important}

.wi320-switcher{
 position:sticky;top:0;z-index:9000;
 display:flex;justify-content:center;gap:7px;align-items:center;
 padding:7px 10px;background:#07111ef2;border-bottom:1px solid #ffffff1a;
 backdrop-filter:blur(12px)
}
.wi320-switcher a,.wi320-switcher button{
 min-height:38px;border-radius:999px;padding:7px 12px;text-decoration:none;
 font:800 12px system-ui;border:1px solid #ffffff2d;background:#102438!important;color:#f8fafc!important
}
.wi320-switcher .active{background:#0057b8!important;border-color:#0057b8!important}
.wi320-switcher .reset{background:#344054!important}

.wi320-entry{
 max-width:860px;margin:12px auto 0;padding:10px 12px;border-radius:14px;
 background:#0b1b2bcc;border:1px solid #ffffff20;color:#f8fafc
}
.wi320-entry-row{display:flex;justify-content:center;gap:8px;align-items:center;flex-wrap:wrap}
.wi320-entry label{display:flex;align-items:center;gap:6px;font-size:12px;color:#d7e2f0}
.wi320-entry select{width:auto;min-height:40px}
.wi320-entry .enter{min-height:42px;border:0;border-radius:999px;background:#0057b8!important;color:#fff!important;padding:8px 16px;font-weight:900}

.wi320-membership{margin:20px 0}
.wi320-membership-head{text-align:center;margin-bottom:10px}
.wi320-membership-head h2{margin:0;color:#f8fafc}
.wi320-membership-head p{color:#d7e2f0;margin:6px 0 0}
.wi320-offers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.wi320-offer{
 background:#fff;color:#101828;border:1px solid #c7d0dc;border-radius:16px;padding:15px;display:flex;flex-direction:column;min-height:220px
}
.wi320-offer.featured{box-shadow:0 0 0 3px #4b9cff55;border-color:#0057b8}
.wi320-offer .badge{display:inline-block;width:max-content;background:#e9f2ff;color:#0057b8;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900}
.wi320-offer h3{margin:10px 0 3px}.wi320-offer .price{font-size:25px;font-weight:950;color:#101828}.wi320-offer p{color:#475467;line-height:1.45}
.wi320-offer ul{padding-left:18px;color:#344054}.wi320-offer .grow{flex:1}
.wi320-offer a,.wi320-offer button{
 display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:10px;text-decoration:none;font-weight:900;margin-top:8px
}
.wi320-offer .primary{background:#0057b8!important;color:#fff!important}.wi320-offer .secondary{background:#eef2f7!important;color:#0057b8!important}
.wi320-fine{font-size:11px;color:#667085;margin-top:7px;line-height:1.35}
.wi320-freebies{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 20px}
.wi320-freebie{background:#0b1b2b;border:1px solid #3b5066;border-radius:13px;padding:11px;color:#f8fafc;text-decoration:none}
.wi320-freebie b{display:block}.wi320-freebie small{color:#d7e2f0}

.wi320-mobile-nav{
 display:none;position:fixed;left:8px;right:8px;bottom:8px;z-index:9500;
 grid-template-columns:repeat(5,1fr);gap:4px;background:#07111ef5;border:1px solid #ffffff24;border-radius:16px;padding:6px;
 box-shadow:0 12px 35px #0008
}
.wi320-mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:52px;color:#f8fafc;text-decoration:none;font-size:9px;font-weight:800}
.wi320-mobile-nav span{font-size:17px}

@media(max-width:800px){
 .wi320-offers{grid-template-columns:1fr}.wi320-freebies{grid-template-columns:repeat(2,1fr)}
 .wi320-mobile-nav{display:grid}.shell{padding-bottom:85px!important}
 .wi320-switcher{position:sticky;top:0}
}
@media(max-width:430px){.wi320-freebies{grid-template-columns:1fr}}