/* Shared viewport sizing and compact navigation. Page content/cards remain intact. */
.subpage-page main { padding-top:0; }
.subpage-page .subpage-hero,
.subpage-page :is(.offer-layout-r58,.offer-plus-r57) .subpage-hero {
  padding-top:calc(var(--wd-header-size,5rem) + 1.5rem);
}
@media(max-width:63.99rem) {
  .subpage-page main { padding-top:0; }
  .subpage-page .subpage-hero,
  .subpage-page :is(.offer-layout-r58,.offer-plus-r57) .subpage-hero {
    padding-top:calc(var(--wd-header-size,4.625rem) + 1.25rem);
  }
}
/* Navigation shares the AI Navigator's palette, panel, controls and choice states. */
.wd-nav-tabs,.wd-nav-top {display:none;}
@media(max-width:99.99rem) {
 .site-nav.wd-app-nav {
  --menu-panel:rgba(27,18,40,.98);--menu-soft:rgba(188,120,235,.05);--menu-line:rgba(199,147,237,.2);--menu-text:#f5effa;--menu-muted:#bfb1ce;--menu-accent:#c790f0;
  inset:calc(var(--wd-header-size,4.625rem) + .5rem) .75rem auto;
  width:auto;max-width:600px;margin-left:auto;
  max-height:calc(var(--wd-viewport,100dvh) - var(--wd-header-size,4.625rem) - 1.25rem);
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;
  padding:14px;border:1px solid var(--menu-line);border-radius:24px;overflow-y:auto;align-content:start;
  background:radial-gradient(ellipse at 0 0,rgba(131,46,191,.12),transparent 65%),var(--menu-panel);
  color:var(--menu-text);box-shadow:0 22px 65px rgba(9,3,19,.24),inset 0 1px 0 rgba(236,209,255,.08);
 }
 html[data-theme=light] .site-nav.wd-app-nav {--menu-panel:rgba(255,253,255,.98);--menu-soft:rgba(130,0,205,.035);--menu-line:rgba(130,0,205,.15);--menu-text:#291435;--menu-muted:#796785;--menu-accent:#8c3bb8;box-shadow:0 22px 65px rgba(66,22,95,.13),inset 0 1px 0 #fff;}
 .wd-app-nav .wd-nav-top {grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:10px;margin-bottom:1px;border-bottom:1px solid var(--menu-line);}
 .wd-nav-brand {display:flex;align-items:center;gap:10px;min-width:0;}
 .wd-nav-brand__mark {display:grid;place-items:center;flex:0 0 36px;height:36px;padding:7px;border:1px solid rgba(196,124,244,.35);border-radius:12px;background:linear-gradient(145deg,#482057,#160e20);box-shadow:0 0 28px rgba(152,39,222,.12);}
 .wd-nav-brand__mark img {width:100%;height:auto;display:block;}
 .wd-nav-eyebrow {display:block;font:10px/1.5 Nasalization,Inter,sans-serif;letter-spacing:.075em;text-transform:uppercase;color:var(--menu-accent);}
 .wd-nav-brand strong {display:block;font:600 15px/1.3 var(--font-family-base,Inter,sans-serif);letter-spacing:-.02em;color:var(--menu-text);}
 .wd-nav-close {display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:1px solid var(--menu-line);border-radius:50%;background:var(--menu-soft);color:var(--menu-text);}
 .wd-nav-close svg {width:18px;height:18px;display:block;}
 .wd-app-nav .wd-nav-tabs {grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;margin-bottom:3px;border:1px solid var(--menu-line);border-radius:14px;background:var(--menu-soft);}
 .wd-nav-tabs button {min-height:38px;padding:6px 4px;border:1px solid transparent;border-radius:10px;background:none;color:var(--menu-muted);font:500 13px/1.3 var(--font-family-base,Inter,sans-serif);cursor:pointer;}
 .wd-nav-tabs button[aria-selected=true] {color:var(--menu-text);border-color:rgba(181,92,239,.45);background:linear-gradient(130deg,rgba(150,43,217,.18),rgba(150,43,217,.04));box-shadow:inset 0 1px 0 rgba(221,180,255,.09);}
 .site-nav.wd-app-nav>a,.wd-app-nav .site-nav__group-links>a {display:flex;align-items:center;min-width:0;min-height:44px;padding:9px 11px;border:1px solid var(--menu-line);border-radius:13px;background:var(--menu-soft);font-size:14px;font-weight:500;line-height:1.35;color:var(--menu-text);text-align:left;transition:border-color .18s,background .18s,box-shadow .18s;}
 .site-nav.wd-app-nav>a:hover,.wd-app-nav .site-nav__group-links>a:hover {border-color:rgba(181,92,239,.72);background:linear-gradient(130deg,rgba(150,43,217,.18),rgba(150,43,217,.04));box-shadow:inset 2px 0 0 var(--menu-accent);}
 .wd-app-nav .site-nav__mobile-groups {grid-column:1/-1;gap:0;}
 .wd-app-nav .site-nav__group {padding:0;border:0;}
 .wd-app-nav .site-nav__group-title {display:none;}
 .wd-app-nav .site-nav__group-links {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;}
 .wd-app-nav .site-nav__mobile-cta {grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:8px;border-top:1px solid var(--menu-line);padding-top:10px;margin-top:3px;}
 .wd-app-nav .site-nav__mobile-cta .btn {font-size:13px;min-width:0;white-space:normal;min-height:46px;line-height:1.3;padding:7px 10px 7px 7px;gap:7px;}
 .wd-app-nav .site-nav__mobile-cta .btn::before {width:26px;height:26px;flex:0 0 26px;background-size:17px 17px;}
 .wd-app-nav[data-nav-view=overview] .site-nav__mobile-groups,
 .wd-app-nav:not([data-nav-view=overview])>a,
 .wd-app-nav[data-nav-view=websites] .site-nav__group:not(:first-child),
 .wd-app-nav[data-nav-view=systems] .site-nav__group:first-child {display:none;}
 .site-nav.wd-app-nav :is(a,button):focus-visible {outline:2px solid #b76aeb;outline-offset:2px;}
 .wd-app-nav .wd-nav-close:hover {border-color:var(--menu-accent);background:rgba(150,43,217,.14);}
}
@media(max-width:380px) {
 .site-nav.wd-app-nav {padding:11px;border-radius:20px;gap:6px;}
 .wd-app-nav .wd-nav-top {padding-bottom:8px;}
 .site-nav.wd-app-nav>a,.wd-app-nav .site-nav__group-links>a {font-size:13px;padding:8px 9px;}
 .wd-nav-tabs button {font-size:12px;min-height:36px;}
 .wd-app-nav .site-nav__mobile-cta {padding-top:8px;}
 .wd-app-nav .site-nav__mobile-cta .btn {font-size:12px;gap:5px;padding-right:6px;}
}
@media(prefers-reduced-motion:reduce) {.site-nav.wd-app-nav :is(a,button) {transition:none;}}
@media(max-width:99.99rem) {
 .site-header .menu-toggle[aria-expanded=true] span {left:50%;top:50%;width:18px;margin:0;}
 .site-header .menu-toggle[aria-expanded=true] span:nth-child(1) {transform:translate(-50%,-50%) rotate(45deg);}
 .site-header .menu-toggle[aria-expanded=true] span:nth-child(2) {opacity:0;}
 .site-header .menu-toggle[aria-expanded=true] span:nth-child(3) {transform:translate(-50%,-50%) rotate(-45deg);}
}
.wd-nav-link-icon {display:none;}
@media(max-width:99.99rem) {
 .site-nav.wd-app-nav>a,.wd-app-nav .site-nav__group-links>a {gap:8px;}
 .wd-app-nav .wd-nav-link-icon {display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border:1px solid var(--menu-line);border-radius:7px;background:rgba(159,67,217,.08);color:var(--menu-accent);}
 .wd-nav-link-icon svg {display:block;width:14px;height:14px;}
 .wd-nav-link-label {min-width:0;}
 body.nav-open .nav-backdrop {background:radial-gradient(ellipse at 50% 25%,rgba(131,46,191,.18),transparent 65%),rgba(12,7,20,.75);backdrop-filter:blur(14px);}
 html[data-theme=light] body.nav-open .nav-backdrop {background:radial-gradient(ellipse at 50% 25%,rgba(176,95,220,.14),transparent 65%),rgba(242,235,248,.88);}
}