/* Shared navigation: retain the current layout and keep each control in its lane. */
@media(max-width:1000px){
 body .site-nav .site-nav__pill{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);gap:4px;padding:7px 10px;min-height:58px;box-sizing:border-box}
 body .site-nav .site-nav__links,body .site-nav .site-nav__client{display:none}
 body .site-nav .site-nav__brand{position:static;inset:auto;transform:none;grid-column:1;grid-row:1;justify-self:start;margin:0;flex:none;width:40px;height:40px}
 body .site-nav .site-nav__brand img{width:40px;height:40px;object-fit:contain}
 body .site-nav .site-nav__menu{display:block;position:relative;inset:auto;transform:none;grid-column:2;grid-row:1;justify-self:center;width:44px;height:44px;margin:0;padding:0;flex:none;box-sizing:border-box}
 body .site-nav .site-nav__pill>.site-nav__cta{display:inline-flex!important;position:static;grid-column:3;grid-row:1;justify-self:end;align-items:center;justify-content:center;gap:5px;min-width:0;max-width:100%;width:auto;min-height:40px;padding:9px 11px;box-sizing:border-box;font-size:12px;white-space:nowrap}
 body .site-nav .site-nav__mobile{position:fixed;top:80px;left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 32px));max-height:calc(100svh - 100px);margin:0;overflow:auto;box-sizing:border-box;z-index:10005}
}
/* Three real strokes converge, then rotate into a precise X. Reverse on close. */
body .site-nav .site-nav__menu span{position:absolute;left:calc(50% - 9px);top:calc(50% - 1px);display:block;width:18px;height:2px;min-height:0;margin:0!important;border-radius:2px;background:#2b211c;transform:none!important;transform-origin:center;translate:0 0;rotate:0deg;opacity:1;transition:translate .24s cubic-bezier(.4,0,.2,1) .22s,rotate .24s cubic-bezier(.4,0,.2,1),opacity .16s ease .16s}
body .site-nav .site-nav__menu span:nth-child(1){translate:0 -6px}
body .site-nav .site-nav__menu span:nth-child(3){translate:0 6px}
body .site-nav .site-nav__menu[aria-expanded=true] span{translate:0 0;transition:translate .24s cubic-bezier(.4,0,.2,1),rotate .24s cubic-bezier(.4,0,.2,1) .22s,opacity .16s ease}
body .site-nav .site-nav__menu[aria-expanded=true] span:nth-child(1){rotate:45deg}
body .site-nav .site-nav__menu[aria-expanded=true] span:nth-child(2){opacity:0}
body .site-nav .site-nav__menu[aria-expanded=true] span:nth-child(3){rotate:-45deg}
/* Vector symbols keep their shape on iOS and Android, independent of emoji fonts. */
svg.bsd-symbol{display:inline-block;width:1em;height:1em;max-width:none;vertical-align:-.125em;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
svg.bsd-symbol--arrow,svg.bsd-symbol--external,svg.bsd-symbol--left,svg.bsd-symbol--down{width:1.05em}
li:has(.bsd-symbol--check)::before{content:none!important}
/* Font checks generated by the shared stylesheet become vector checks too. */
.bs-start__grid li:not(:has(.bsd-symbol--check))::before,.bs-pricing li:not(:has(.bsd-symbol--check))::before,.offer-page--light .offer-price-card li:not(:has(.bsd-symbol--check))::before,.checkout-summary li:not(:has(.bsd-symbol--check))::before,.portal-preview__copy li:not(:has(.bsd-symbol--check))::before{content:''!important;font-size:0!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232b211c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E")!important;background-size:65% 65%!important;background-position:center!important;background-repeat:no-repeat!important}
@media(prefers-reduced-motion:reduce){body .site-nav .site-nav__menu span{transition:none!important}}
