.wsub{position:relative;z-index:5;margin:78px auto 0;padding:0 16px;max-width:1240px;box-sizing:border-box}
.wsub-in{display:flex;align-items:center;justify-content:center;gap:4px;width:max-content;max-width:100%;margin:0 auto;padding:5px;border-radius:100px;background:#f6f6f9;border:1px solid #e6e7ef;overflow-x:auto;scrollbar-width:none;box-sizing:border-box}
.wsub-in::-webkit-scrollbar{display:none}
.wsub-t{font:600 13px/1 Sora,Inter,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:0 14px 0 12px;background:linear-gradient(135deg,#f43f5e,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent;white-space:nowrap}
.wsub a{font:500 14px/1 Inter,Arial,sans-serif;color:#17123f;text-decoration:none;padding:11px 16px;border-radius:100px;white-space:nowrap;transition:background .2s,color .2s}
.wsub a.wsub-t{color:transparent;font:600 13px/1 Sora,Inter,Arial,sans-serif}
.wsub a.wsub-t:hover{box-shadow:none;background:var(--g,linear-gradient(135deg,#f43f5e,#f59e0b));-webkit-background-clip:text;background-clip:text}
.wsub a:hover{background:#fff;box-shadow:0 1px 3px rgba(23,18,63,.08)}
.wsub a[aria-current]{background:#17123f;color:#fff}
@media(max-width:560px){.wsub{margin-top:72px;padding:0 12px}.wsub-in{width:100%;justify-content:space-between;gap:0;padding:4px}.wsub a{padding:11px 7px;font-size:12.5px}.wsub a.wsub-t{padding:11px 7px!important;font-size:11.5px}}
body>.wsub+*{}body>header.hero{margin-top:0;padding-top:40px}@media(max-width:560px){body>header.hero{padding-top:24px}}
@media(max-width:374px){.wsub a{padding:10px 4px;font-size:11px}.wsub a.wsub-t{padding:10px 4px!important;font-size:10px}}

/* features dropdown */
@media(max-width:900px){.wsub-in{flex-wrap:wrap;justify-content:center;gap:2px 0;border-radius:24px;overflow:visible}}
/* mobile tab tweaks (also kept here so a cached wsub.css can't break the bar) */
@media(max-width:560px){.wsub a{padding:11px 7px;font-size:12.5px}.wsub a.wsub-t{padding:11px 7px!important;font-size:11.5px}.wsub-in{flex-wrap:wrap;justify-content:center;gap:2px 0;width:100%;border-radius:24px;overflow:visible}}
@media(max-width:374px){.wsub a{padding:10px 4px;font-size:11px}.wsub a.wsub-t{padding:10px 4px!important;font-size:10px}}
.wsub a.wdd-t{display:inline-flex;align-items:center;gap:4px}
.wdd-c{width:12px;height:12px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.wsub.open .wdd-c{transform:rotate(180deg)}
.wsub.open a.wdd-t:not([aria-current]){background:#fff;box-shadow:0 1px 3px rgba(23,18,63,.08)}
.wdd{position:absolute;left:50%;top:calc(100% + 10px);z-index:40;width:min(680px,calc(100vw - 24px));box-sizing:border-box;padding:14px;border-radius:22px;background:#fff;box-shadow:0 24px 60px rgba(23,18,63,.18),0 0 0 1px #e6e7ef;opacity:0;visibility:hidden;transform:translate(-50%,6px);transition:opacity .2s,transform .2s,visibility .2s}
.wdd::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.wsub.open .wdd{opacity:1;visibility:visible;transform:translate(-50%,0)}
.wdd-g{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.wsub .wdd-g a{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:14px;white-space:normal;font:600 14.5px/1.3 Inter,Arial,sans-serif;color:#17123f}
.wsub .wdd-g a:hover,.wsub .wdd-g a:focus-visible{background:#f6f6f9;box-shadow:none}
.wsub .wdd-g a:hover .wdd-i{background:linear-gradient(135deg,#f43f5e,#f59e0b);color:#fff}
.wdd-i{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#fff0ea;color:#f43f5e;transition:background .2s,color .2s}
.wdd-i svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wdd-i svg [stroke]{stroke:currentColor}
.wsub .wdd-all{display:flex;justify-content:center;gap:6px;margin-top:8px;padding:12px;border-radius:14px;background:#f6f6f9;font:600 14px/1 Inter,Arial,sans-serif;color:#17123f}
.wsub .wdd-all:hover{background:#17123f;color:#fff;box-shadow:none}
@media(max-width:560px){
  .wsub-x{display:none}
  .wdd{padding:10px;border-radius:18px;max-height:calc(100vh - 170px);overflow:auto;overscroll-behavior:contain}
  .wsub .wdd-g a{gap:8px;padding:8px;font-size:12.5px}
  .wdd-i{width:28px;height:28px;border-radius:8px}.wdd-i svg{width:16px;height:16px}
}
@media(prefers-reduced-motion:reduce){.wdd,.wdd-c{transition:none}}