#nav{position:sticky;top:0;z-index:50}
.onav{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:6px 6px 6px 6px;border-bottom:1px solid #e6e2f0;min-height:64px}
.onav-logo img{display:block;height:52px;width:auto}
.onav-btn{width:56px;height:56px;min-height:56px;margin:0;padding:14px 12px;background:#300A82;border:0;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}
.onav-btn span{display:block;height:4px;border-radius:2px;background:#fff;transition:.2s}
.onav-btn.open span:nth-child(1){transform:translateY(10px) rotate(45deg)}.onav-btn.open span:nth-child(2){opacity:0}.onav-btn.open span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}
.onav-menu{position:absolute;left:0;right:0;background:#300A82;border-bottom:5px solid #FF6A13;box-shadow:0 12px 30px rgba(0,0,0,.25);padding:8px 0 18px}
.onav-menu ul{list-style:none;margin:0 auto;padding:0;max-width:640px}
.onav-menu li a{display:block;color:#fff;text-decoration:none;font:900 italic 21px/1 "Arial Black",Arial,sans-serif;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.12)}
.onav-menu li a:hover,.onav-menu li a:focus{background:rgba(255,255,255,.08);color:#FFD23F}
.onav-cta{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 22px 0;max-width:640px;margin:0 auto}
.onav-cta a{display:flex;align-items:center;justify-content:center;min-height:56px;border-radius:12px;font-weight:800;font-size:18px;text-decoration:none;text-align:center}
.onav-call{background:#FF6A13;color:#fff}.onav-text{background:#fff;color:#300A82}
/* premium menu */
.onav-menu{top:100%;padding:10px 0 22px;background:linear-gradient(180deg,#300A82 0%,#250766 100%);border-bottom:4px solid #FF6A13;animation:onavIn .22s ease-out;max-height:calc(100vh - 70px);overflow:auto}
.onav-menu:before{content:"";position:fixed;inset:70px 0 0;background:rgba(15,8,35,.45);backdrop-filter:blur(3px);z-index:-1}
@keyframes onavIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}
.onav-menu li a{position:relative;padding:18px 22px 18px 52px;font-size:22px;letter-spacing:-.3px}
.onav-menu li a:before{content:"★";position:absolute;left:22px;top:50%;transform:translateY(-50%);color:rgba(245,184,0,.35);font-style:normal;font-size:18px;transition:.15s}
.onav-menu li a:hover:before,.onav-menu li a:focus:before{color:#F5B800}
.onav-menu li a[aria-current]{color:#FFD23F}.onav-menu li a[aria-current]:before{color:#F5B800}
.onav-menu li:last-child a{border-bottom:0}
.onav-cta{padding-top:18px}.onav-cta a{min-height:58px;box-shadow:0 6px 16px rgba(0,0,0,.25)}
.onav-menu .onav-foot{max-width:640px;margin:14px auto 0;padding:0 22px;color:rgba(255,255,255,.7);font-size:15px}
.onav-menu .onav-foot a{color:#fff;font-weight:700;word-break:break-all}
@media(prefers-reduced-motion:reduce){.onav-menu{animation:none}}
@media(min-width:800px){.onav-menu{left:auto;right:12px;width:380px;border-radius:0 0 16px 16px}.onav-menu:before{inset:0}}