/* PopUsIn public navigation — the approved artefact, measured.
   Geometry taken from the approved image at 1536px: a 6px navy rule, an 88px
   white bar, a 158px logo at a 40px inset, 52px controls, and a mega panel
   inset 33px each side with a 20px radius. This file owns the navigation
   outright; no earlier navigation stylesheet is loaded beside it. */

.pu-nav2026{position:sticky;top:0;z-index:90;isolation:isolate}
.pu-nav-rule{display:none}
.pu-nav-bar{background:#fdfdfe;border-bottom:1px solid rgba(16,26,52,.06)}
.pu-nav-inner{width:min(1460px,calc(100% - 72px));margin-inline:auto;height:72px;display:flex;align-items:center;gap:0}

.pu-nav-brand{display:inline-flex;align-items:center;flex:0 0 auto}
.pu-nav-brand img{display:block;width:146px;height:auto}

.pu-nav-links{display:flex;align-items:center;gap:10px;margin-left:34px}
.pu-nav2026 .pu-nav-link{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border:0;border-radius:10px;
  background:transparent;color:#3b4761;font:600 14.5px/1 Inter,system-ui,sans-serif;letter-spacing:-.005em;cursor:pointer;
  text-decoration:none;white-space:nowrap;transition:color .15s ease,background .15s ease}
.pu-nav2026 .pu-nav-link:hover{color:#101a34;background:#f2f4fa}
.pu-nav2026 .pu-nav-link.is-active,.pu-nav2026 .pu-nav-link.is-open{color:#101a34;font-weight:680}
.pu-nav2026 .pu-nav-link:focus-visible{outline:2px solid #6d5cf0;outline-offset:2px}
.pu-nav-chev{width:12px;height:12px;flex:0 0 auto;color:#8590a6;transition:transform .18s ease}
.pu-nav-link.is-open .pu-nav-chev{transform:rotate(180deg);color:#101a34}

.pu-nav-actions{display:flex;align-items:center;gap:14px;margin-left:auto}
.pu-nav2026 .pu-nav-find{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:999px;
  background:#eef1fe;color:#3a49c0;font:600 14px/1 Inter,system-ui,sans-serif;letter-spacing:-.005em;text-decoration:none}
.pu-nav2026 .pu-nav-find:hover{background:#e3e8fd;color:#2f3cb0}
.pu-nav-search{width:15px;height:15px;flex:0 0 auto}
.pu-nav2026 .pu-nav-signin{display:inline-flex;align-items:center;height:38px;padding:0 4px;border:0;background:transparent;
  color:#1b2540;font:600 14.5px/1 Inter,system-ui,sans-serif;letter-spacing:-.005em;text-decoration:none;box-shadow:none;border-radius:8px}
.pu-nav2026 .pu-nav-signin:hover{color:#3a49c0}
.pu-nav2026 .pu-nav-start{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 18px;border-radius:10px;
  border:0;background:linear-gradient(100deg,#4f5ff0,#8b5cf6);color:#fff;font:650 14.5px/1 Inter,system-ui,sans-serif;
  letter-spacing:-.005em;text-decoration:none;box-shadow:0 8px 20px -12px rgba(103,92,240,.9)}
.pu-nav2026 .pu-nav-start:hover{filter:brightness(1.06);color:#fff}
.pu-nav-arrow{width:15px;height:15px;flex:0 0 auto}
.pu-nav2026 .pu-nav-find:focus-visible,.pu-nav2026 .pu-nav-signin:focus-visible,.pu-nav2026 .pu-nav-start:focus-visible{outline:2px solid #6d5cf0;outline-offset:2px}
.pu-nav-mobileactions{display:none;align-items:center;gap:10px;margin-left:auto}
.pu-nav2026 .pu-nav-findicon{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:999px;background:#eef1fe;color:#3a49c0}
.pu-nav-burger{display:none;margin-left:auto;width:46px;height:46px;border:1px solid #dfe4ee;background:#fff;border-radius:12px;padding:12px}
.pu-nav-burger span{display:block;height:2px;border-radius:2px;margin:4px 0;background:#101a34}

/* ------------------------------------------------------------ mega menu ---*/
.pu-nav-mega{position:absolute;left:50%;transform:translateX(-50%);top:calc(100% + 6px);
  width:min(1460px,calc(100vw - 66px));background:#fff;border:1px solid rgba(16,26,52,.07);border-radius:20px;
  box-shadow:0 30px 80px -40px rgba(16,26,52,.42),0 2px 6px rgba(16,26,52,.05);padding:28px 30px 30px;
  animation:pu-nav-drop .16s ease}
@keyframes pu-nav-drop{from{opacity:0;transform:translateX(-50%) translateY(-6px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
@media(prefers-reduced-motion:reduce){.pu-nav-mega{animation:none}.pu-nav-chev{transition:none}}

/* The track count comes from the markup, not from a guess. Hiding a
   coming-soon item can empty a whole column, and a fixed four-track rule then
   wrapped the promotion onto a second row under column one. */
.pu-nav-megagrid{display:grid;grid-template-columns:repeat(var(--pu-nav-cols,4),minmax(0,1fr)) 288px;gap:20px;align-items:start}
.pu-nav-col{display:flex;flex-direction:column;gap:22px;min-width:0}
/* A span, not a heading: the public type layer sets a negative tracking on
   every heading with !important, and the approved navigation labels are
   wide-tracked. The group is still named for a screen reader through
   aria-labelledby, so nothing is lost by not using an h4 here. */
.pu-nav2026 .pu-nav-grouphead{display:block;margin:0 0 10px;font:700 10.5px/1 Inter,system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#7b8699}

.pu-nav2026 .pu-nav-item{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:start;
  padding:7px 8px;margin:0 -8px;border-radius:10px;text-decoration:none;transition:background .14s ease}
.pu-nav2026 .pu-nav-item:hover{background:#f5f7fc}
.pu-nav2026 .pu-nav-item:focus-visible{outline:2px solid #6d5cf0;outline-offset:1px}
.pu-nav-tile{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}
.pu-nav-tile svg{width:17px;height:17px}
.pu-nav-itemtext{display:block;min-width:0;overflow-wrap:break-word}
.pu-nav2026 .pu-nav-itemtext b{display:flex;align-items:center;gap:7px;flex-wrap:wrap;
  font:650 13.25px/1.32 Inter,system-ui,sans-serif;letter-spacing:-.01em;color:#101a34;text-wrap:balance}
.pu-nav2026 .pu-nav-itemtext em{display:block;margin-top:3px;font:400 11.75px/1.45 Inter,system-ui,sans-serif;font-style:normal;color:#6b7793;
  hyphens:none;text-wrap:pretty}
.pu-nav-soon{font:700 10px/1 Inter,system-ui,sans-serif;font-style:normal;letter-spacing:.01em;color:#6b7793;
  background:#eef0f7;border-radius:999px;padding:4px 7px}

.pu-nav-promo{border-radius:16px;padding:22px;background:linear-gradient(160deg,#f2f0ff,#fdf4ff 60%,#fff);
  border:1px solid rgba(120,100,220,.13)}
.pu-nav2026 .pu-nav-promolabel{display:block;font:700 12px/1 Inter,system-ui,sans-serif;color:#6d5cf0;margin-bottom:12px}
.pu-nav2026 .pu-nav-promo h4{margin:0 0 10px;font:700 19px/1.24 Inter,system-ui,sans-serif;letter-spacing:-.025em;color:#101a34}
.pu-nav2026 .pu-nav-promo p{margin:0 0 18px;font:400 13px/1.5 Inter,system-ui,sans-serif;color:#4d5873}
.pu-nav2026 .pu-nav-promocta{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 20px;border-radius:12px;
  background:linear-gradient(100deg,#5b5bf0,#8b5cf6);color:#fff;font:650 14.5px/1 Inter,system-ui,sans-serif;text-decoration:none;
  box-shadow:0 10px 24px -14px rgba(103,92,240,.9)}
.pu-nav2026 .pu-nav-promocta:hover{filter:brightness(1.06);color:#fff}

/* --------------------------------------------------------------- mobile ---*/
@media(max-width:1180px){
  .pu-nav-inner{width:min(1460px,calc(100% - 40px))}
  .pu-nav-links{gap:8px;margin-left:24px}
  .pu-nav2026 .pu-nav-link{padding:0 10px;font-size:14.5px}
  .pu-nav2026 .pu-nav-signin,.pu-nav2026 .pu-nav-start{padding:0 18px;height:48px;font-size:14.5px}
  .pu-nav-megagrid{grid-template-columns:repeat(var(--pu-nav-cols,4),minmax(0,1fr));gap:18px}
  .pu-nav-megagrid .pu-nav-promo{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;
    align-items:center;column-gap:22px;padding:18px 20px}
  .pu-nav2026 .pu-nav-promo h4{margin:0 0 4px}
  .pu-nav2026 .pu-nav-promo p{margin:0}
  .pu-nav-promo .pu-nav-promolabel{grid-column:1;margin-bottom:6px}
  .pu-nav2026 .pu-nav-promocta{grid-column:2;grid-row:1/span 3;align-self:center}
}
@media(max-width:1024px){
  .pu-nav-links,.pu-nav-actions{display:none}
  .pu-nav-mobileactions{display:flex}
  .pu-nav-burger{display:block;order:-2;margin:0 12px 0 0;width:42px;height:42px;padding:11px}
  .pu-nav-brand{order:-1}
  .pu-nav-inner{height:68px}
  .pu-nav-mega{display:none}
  .pu-nav2026 .pu-nav-startcompact{height:38px;padding:0 14px;font-size:13.5px;border-radius:9px}
  .pu-nav2026 .pu-nav-signincompact{font-size:13.5px}
}
@media(max-width:640px){.pu-nav2026 .pu-nav-signincompact{display:none}}
@media(max-width:412px){
  .pu-nav2026 .pu-nav-startcompact{padding:0 12px;font-size:13px}
  .pu-nav-mobileactions{gap:8px}
}
@media(max-width:340px){.pu-nav2026 .pu-nav-findicon{display:none}}
.pu-nav-drawer{position:fixed;inset:68px 0 0;z-index:95;background:#fff;overflow-y:auto;-webkit-overflow-scrolling:touch;
  padding:10px 18px 28px;display:flex;flex-direction:column;gap:12px}
.pu-nav-drawer nav{display:flex;flex-direction:column}

.pu-nav-acc{border-bottom:1px solid #eef1f6}
.pu-nav2026 .pu-nav-accbtn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;
  padding:14px 2px;border:0;background:transparent;font:650 16px/1.2 Inter,system-ui,sans-serif;color:#101a34;cursor:pointer;text-align:left}
.pu-nav2026 .pu-nav-accbtn[aria-expanded="true"] .pu-nav-chev{transform:rotate(180deg)}
.pu-nav-accbody{padding:2px 0 14px}
.pu-nav-accbody section{display:block}
.pu-nav2026 .pu-nav-accrow{display:grid;grid-template-columns:36px minmax(0,1fr) 16px;gap:12px;align-items:center;
  min-height:52px;padding:9px 2px;text-decoration:none}
.pu-nav2026 .pu-nav-accrow:active{background:#f5f7fc}
.pu-nav-accrow .pu-nav-tile{width:36px;height:36px;border-radius:10px}
.pu-nav-accrow .pu-nav-tile svg{width:18px;height:18px}
.pu-nav2026 .pu-nav-accrow .pu-nav-itemtext b{font-size:14.5px}
.pu-nav2026 .pu-nav-accrow .pu-nav-itemtext em{margin-top:2px;font-size:12.5px}
.pu-nav-caret{width:16px;height:16px;color:#b3bccd}
.pu-nav2026 .pu-nav-accall{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;padding:0 2px;
  font:650 14.5px/1 Inter,system-ui,sans-serif;color:#3a49c0;text-decoration:none}
.pu-nav2026 .pu-nav-accall:hover{text-decoration:underline}

.pu-nav2026 .pu-nav-drawerlink{display:flex;align-items:center;min-height:52px;padding:14px 2px;border-bottom:1px solid #eef1f6;
  font:650 16px/1 Inter,system-ui,sans-serif;color:#101a34;text-decoration:none}
.pu-nav2026 .pu-nav-drawerfind{display:flex;align-items:center;gap:10px;min-height:48px;margin:14px 0 4px;padding:0 16px;
  border-radius:999px;background:#eef1fe;color:#3a49c0;font:600 15px/1 Inter,system-ui,sans-serif;text-decoration:none}
.pu-nav2026 .pu-nav-drawerstart{width:100%;height:50px;font-size:15.5px;border-radius:11px;margin-top:4px}
@media(max-width:520px){.pu-nav-inner{width:calc(100% - 32px)}.pu-nav-brand img{width:132px}.pu-nav-drawer{inset:68px 0 0;padding-inline:16px}}

/* ------------------------------------------------- can't find your thing ---*/
.pu-nav-megafoot{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:14px;
  margin:22px -30px -30px;padding:16px 30px;border-top:1px solid rgba(16,26,52,.07);
  border-radius:0 0 20px 20px;background:#f8f9fd}
.pu-nav-megafooticon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eef1ff;color:#4f5ff0}
.pu-nav-megafooticon svg{width:17px;height:17px}
.pu-nav2026 .pu-nav-megafoot p{margin:0;font:400 12.5px/1.45 Inter,system-ui,sans-serif;color:#5b667f;text-wrap:pretty}
.pu-nav2026 .pu-nav-megafoot p b{font-weight:650;color:#101a34}
.pu-nav2026 .pu-nav-megafootcta{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 16px;border-radius:10px;
  border:1px solid rgba(79,95,240,.22);background:#fff;color:#3a49c0;font:650 13px/1 Inter,system-ui,sans-serif;
  text-decoration:none;white-space:nowrap}
.pu-nav2026 .pu-nav-megafootcta:hover{background:#f2f4ff;color:#3a49c0}
@media(max-width:1180px){
  .pu-nav-megafoot{grid-template-columns:34px minmax(0,1fr);row-gap:12px}
  .pu-nav2026 .pu-nav-megafootcta{grid-column:2}
}