/* r11: main nav + accessible mobile menu */
header .wrap{position:relative;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
header .brand{margin-right:auto}
.snav{order:2}
.snav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px}
.snav a:not(.btn){display:inline-flex;align-items:center;min-height:48px;padding:0 12px;border-radius:10px;color:var(--tx,#ece7de)!important;font-weight:700;font-size:1rem!important;text-decoration:none;white-space:nowrap;transition:color .2s,background-color .2s}
.snav a:not(.btn):hover{color:var(--gold,#F2B544)!important;background:rgb(255 255 255/.05)}
.snav a[aria-current="page"]{color:var(--gold,#F2B544)!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.snav .nav-fk{margin:0!important}
.snav .snav-cta-li{display:none}
header .hdr-cta{order:3;min-height:48px!important;font-size:1rem!important}
.snav-btn{display:none}
/* phones + tablets, JS off: links on their own row */
@media(max-width:899px){
  .snav{order:4;flex:1 1 100%}
  .snav ul{flex-wrap:wrap;gap:0 4px;padding-bottom:6px}
  .snav a:not(.btn){padding:0 10px}
  header .hdr-cta{display:none!important}
  .snav .snav-cta-li{display:block}
  .snav .snav-cta{min-height:48px;font-size:1rem!important}
}
/* JS on: button + slide-down panel */
@media(max-width:899px){
  .nav-js .snav-btn{order:3;display:inline-flex;align-items:center;gap:10px;min-width:48px;min-height:48px;padding:0 14px;margin:0;border:1px solid rgb(255 255 255/.18);border-radius:14px;background:rgb(255 255 255/.06);color:#f6f2ea;font:700 1rem/1 Inter,system-ui,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .2s,border-color .2s}
  .nav-js .snav-btn:hover{background:rgb(255 255 255/.10)}
  .nav-js .snav-btn:focus-visible{outline:3px solid var(--gold,#F2B544);outline-offset:2px}
  .nav-js .snav-btn[aria-expanded="true"]{background:var(--gold,#F2B544);border-color:var(--gold,#F2B544);color:#0b1413}
  .snav-ico{position:relative;width:20px;height:14px;flex:none}
  .snav-ico i{position:absolute;left:0;right:0;height:2px;border-radius:2px;background:currentColor;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s}
  .snav-ico i:nth-child(1){top:0}.snav-ico i:nth-child(2){top:6px}.snav-ico i:nth-child(3){top:12px}
  [aria-expanded="true"] .snav-ico i:nth-child(1){transform:translateY(6px) rotate(45deg)}
  [aria-expanded="true"] .snav-ico i:nth-child(2){opacity:0}
  [aria-expanded="true"] .snav-ico i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .nav-js .snav{position:absolute;top:100%;left:0;right:0;flex:none;order:5;margin:0;padding:8px 16px 20px;background:rgb(6 16 15/.97);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgb(255 255 255/.12);box-shadow:0 30px 60px -20px rgb(0 0 0/.7);max-height:calc(100dvh - 64px);overflow-y:auto;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .22s ease,transform .26s cubic-bezier(.2,.8,.2,1),visibility 0s linear .26s}
  .nav-js .snav.is-open{visibility:visible;opacity:1;transform:none;transition:opacity .22s ease,transform .26s cubic-bezier(.2,.8,.2,1),visibility 0s}
  .nav-js .snav ul{display:block;padding:0}
  .nav-js .snav li{border-bottom:1px solid rgb(255 255 255/.08)}
  .nav-js .snav li.snav-cta-li{border:0;padding-top:16px}
  .nav-js .snav a:not(.btn){display:flex;justify-content:space-between;min-height:58px;padding:0 4px;font:700 1.25rem/1.2 "Plus Jakarta Sans",Inter,sans-serif!important;letter-spacing:-.01em;border-radius:0}
  .nav-js .snav a:not(.btn)::after{content:"→";color:var(--gold,#F2B544);font-weight:400;transition:transform .2s}
  .nav-js .snav a:not(.btn):hover::after{transform:translateX(4px)}
  .nav-js .snav a:not(.btn):hover{background:none}
  .nav-js .snav .nav-fk::before{display:none}
  .nav-js .snav .snav-cta{display:flex;justify-content:center;width:100%;min-height:52px;box-sizing:border-box}
  .nav-js .snav .snav-note{display:block;margin:12px 0 0;color:#a3aeab;font-size:1rem;text-align:center}
  .nav-js .snav.is-open li{animation:snavIn .34s cubic-bezier(.2,.8,.2,1) both}
  .nav-js .snav.is-open li:nth-child(2){animation-delay:.04s}.nav-js .snav.is-open li:nth-child(3){animation-delay:.08s}.nav-js .snav.is-open li:nth-child(4){animation-delay:.12s}
}
@media(min-width:560px) and (max-width:899px){.nav-js header .hdr-cta{display:inline-flex!important}.nav-js .snav-btn{order:4}header .hdr-cta{order:3}}
.snav-note{display:none}
@keyframes snavIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.snav,.snav li,.snav-ico i{transition:none!important;animation:none!important}}
@media(max-width:360px){header .brand{font-size:.98rem!important}.nav-js .snav-btn{padding:0 12px}}
.snav-btn[hidden]{display:none!important}
/* r11 type floor: no text under 16px on the public pages */
header .brand,header .brand span{font-size:1rem!important}
.ph .plab{font-size:1rem!important;letter-spacing:.02em}
header a.brand{min-height:48px;display:inline-flex!important;align-items:center}
.skip:focus,.skip:focus-visible{min-height:48px;display:inline-flex;align-items:center;padding:0 16px}
.nav-js .snav{background:#06100f}
.hero .now.plans{display:block;margin-top:10px}
.hero .now.plans .nl{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 12px;padding:10px 0;border-top:1px solid rgb(255 255 255/.1);font-size:1.125rem!important;line-height:1.35;font-weight:700}
.hero .now.plans .nl:first-child{border-top:0;padding-top:4px}
.hero .now.plans .nl b{color:var(--tx,#ece7de);font-weight:700}
header a.brand{display:inline-block!important;line-height:48px;min-height:48px}
