:root {
  color-scheme: dark light;
  --mb-os-tenant: mobilebarn;
  --mb-os-surface-profile: digital;
  --mb-os-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --mb-os-blue: #4f8cff;
  --mb-os-cyan: #38d5ff;
  --mb-os-pink: #ff4fd8;
  --mb-os-gold: #ffbf47;
  --mb-os-green: #37e6a6;
  --mb-os-red: #ff6b6b;
  --mb-os-product-web-primary: #4f8cff;
  --mb-os-product-web-accent: #38d5ff;
  --mb-os-product-web-highlight: #ffbf47;
  --mb-os-product-web-glow: rgba(79, 140, 255, 0.30);
  --mb-os-product-clarity-primary: #37e6a6;
  --mb-os-product-clarity-accent: #38d5ff;
  --mb-os-product-clarity-highlight: #ffbf47;
  --mb-os-product-clarity-glow: rgba(55, 230, 166, 0.24);
  --mb-os-product-hue-primary: #ff4fd8;
  --mb-os-product-hue-accent: #ffbf47;
  --mb-os-product-hue-highlight: #38d5ff;
  --mb-os-product-hue-glow: rgba(255, 79, 216, 0.22);
  --mb-os-product-byline-primary: #ffbf47;
  --mb-os-product-byline-accent: #ff4fd8;
  --mb-os-product-byline-highlight: #38d5ff;
  --mb-os-product-byline-glow: rgba(255, 191, 71, 0.22);
  --mb-os-primary: var(--mb-os-product-web-primary);
  --mb-os-accent: var(--mb-os-product-web-accent);
  --mb-os-highlight: var(--mb-os-product-web-highlight);
  --mb-os-product-glow: var(--mb-os-product-web-glow);
  --mb-os-bg: #05070d;
  --mb-os-canvas: #070914;
  --mb-os-surface: #0d1224;
  --mb-os-surface-raised: #111a33;
  --mb-os-chrome: #070914;
  --mb-os-nav: #0b1020;
  --mb-os-control: #1d2d55;
  --mb-os-control-hover: #284076;
  --mb-os-text: #f7f8ff;
  --mb-os-muted: #aab4d4;
  --mb-os-line: rgba(255, 255, 255, 0.11);
  --mb-os-primary: var(--mb-os-blue);
  --mb-os-accent: var(--mb-os-cyan);
  --mb-os-success: var(--mb-os-green);
  --mb-os-warning: var(--mb-os-gold);
  --mb-os-danger: var(--mb-os-red);
  --mb-os-focus: 0 0 0 3px rgba(56, 213, 255, 0.28);
  --mb-os-shadow-raised: 0 22px 90px rgba(0, 0, 0, 0.22);
  --mb-os-radius-xs: 6px;
  --mb-os-radius-sm: 8px;
  --mb-os-radius-md: 14px;
  --mb-os-radius-lg: 20px;
  --mb-os-radius-xl: 24px;
  --mb-os-page-x: 32px;
  --mb-os-section-y: 62px;
  --bg: var(--mb-os-canvas);
  --panel: var(--mb-os-surface);
  --panel2: var(--mb-os-surface-raised);
  --text: var(--mb-os-text);
  --muted: var(--mb-os-muted);
  --line: var(--mb-os-line);
  --blue: var(--mb-os-blue);
  --cyan: var(--mb-os-cyan);
  --pink: var(--mb-os-pink);
  --gold: var(--mb-os-gold);
  --green: var(--mb-os-green);
  --red: var(--mb-os-red);
}

:root[data-product="web-services"],
[data-product="web-services"] {
  --mb-os-primary: var(--mb-os-product-web-primary);
  --mb-os-accent: var(--mb-os-product-web-accent);
  --mb-os-highlight: var(--mb-os-product-web-highlight);
  --mb-os-product-glow: var(--mb-os-product-web-glow);
  --blue: var(--mb-os-primary);
  --cyan: var(--mb-os-accent);
  --gold: var(--mb-os-highlight);
}

:root[data-product="clarity"],
[data-product="clarity"] {
  --mb-os-primary: var(--mb-os-product-clarity-primary);
  --mb-os-accent: var(--mb-os-product-clarity-accent);
  --mb-os-highlight: var(--mb-os-product-clarity-highlight);
  --mb-os-product-glow: var(--mb-os-product-clarity-glow);
  --blue: var(--mb-os-primary);
  --cyan: var(--mb-os-accent);
  --green: var(--mb-os-primary);
  --gold: var(--mb-os-highlight);
}

:root[data-product="hue"],
[data-product="hue"] {
  --mb-os-primary: var(--mb-os-product-hue-primary);
  --mb-os-accent: var(--mb-os-product-hue-accent);
  --mb-os-highlight: var(--mb-os-product-hue-highlight);
  --mb-os-product-glow: var(--mb-os-product-hue-glow);
  --blue: var(--mb-os-primary);
  --cyan: var(--mb-os-accent);
  --pink: var(--mb-os-primary);
  --gold: var(--mb-os-accent);
}

:root[data-product="byline"],
[data-product="byline"] {
  --mb-os-primary: var(--mb-os-product-byline-primary);
  --mb-os-accent: var(--mb-os-product-byline-accent);
  --mb-os-highlight: var(--mb-os-product-byline-highlight);
  --mb-os-product-glow: var(--mb-os-product-byline-glow);
  --blue: var(--mb-os-primary);
  --cyan: var(--mb-os-accent);
  --gold: var(--mb-os-primary);
  --pink: var(--mb-os-accent);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    --mb-os-bg: #f6f8fc;
    --mb-os-canvas: #ffffff;
    --mb-os-surface: #ffffff;
    --mb-os-surface-raised: #eef3fb;
    --mb-os-chrome: #111827;
    --mb-os-nav: #172033;
    --mb-os-control: #24324a;
    --mb-os-control-hover: #314260;
    --mb-os-text: #111827;
    --mb-os-muted: #56657f;
    --mb-os-line: rgba(17, 24, 39, 0.12);
    --mb-os-shadow-raised: 0 18px 54px rgba(17, 24, 39, 0.10);
  }
}

:root[data-theme="light"] {
  color-scheme: light;
  --mb-os-bg: #f6f8fc;
  --mb-os-canvas: #ffffff;
  --mb-os-surface: #ffffff;
  --mb-os-surface-raised: #eef3fb;
  --mb-os-chrome: #111827;
  --mb-os-nav: #172033;
  --mb-os-control: #24324a;
  --mb-os-control-hover: #314260;
  --mb-os-text: #111827;
  --mb-os-muted: #56657f;
  --mb-os-line: rgba(17, 24, 39, 0.12);
  --mb-os-shadow-raised: 0 18px 54px rgba(17, 24, 39, 0.10);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --mb-os-bg: #05070d;
  --mb-os-canvas: #070914;
  --mb-os-surface: #0d1224;
  --mb-os-surface-raised: #111a33;
  --mb-os-chrome: #070914;
  --mb-os-nav: #0b1020;
  --mb-os-control: #1d2d55;
  --mb-os-control-hover: #284076;
  --mb-os-text: #f7f8ff;
  --mb-os-muted: #aab4d4;
  --mb-os-line: rgba(255, 255, 255, 0.11);
  --mb-os-shadow-raised: 0 22px 90px rgba(0, 0, 0, 0.22);
}

:root[data-surface="backend"] {
  color-scheme: light;
  --mb-os-surface-profile: backend;
  --mb-os-bg: #f4f7fb;
  --mb-os-canvas: #ffffff;
  --mb-os-surface: #ffffff;
  --mb-os-surface-raised: #eef3f8;
  --mb-os-chrome: #111827;
  --mb-os-nav: #172033;
  --mb-os-control: #24324a;
  --mb-os-control-hover: #314260;
  --mb-os-text: #111827;
  --mb-os-muted: #5f6f86;
  --mb-os-line: rgba(17, 24, 39, 0.14);
  --mb-os-primary: var(--mb-os-blue);
  --mb-os-accent: var(--mb-os-cyan);
  --mb-os-shadow-raised: 0 18px 54px rgba(17, 24, 39, 0.10);
}

:root[data-surface="admin"] {
  color-scheme: dark;
  --mb-os-surface-profile: admin;
  --mb-os-bg: #05070d;
  --mb-os-canvas: #070914;
  --mb-os-surface: #0d1224;
  --mb-os-surface-raised: #111a33;
  --mb-os-chrome: #070914;
  --mb-os-nav: #0b1020;
  --mb-os-control: #18243d;
  --mb-os-control-hover: #223154;
  --mb-os-text: #f7f8ff;
  --mb-os-muted: #aab4d4;
  --mb-os-line: rgba(255, 255, 255, 0.11);
  --mb-os-primary: var(--mb-os-blue);
  --mb-os-accent: var(--mb-os-cyan);
  --mb-os-shadow-raised: 0 22px 90px rgba(0, 0, 0, 0.22);
}

:root[data-surface="pos"] {
  color-scheme: light;
  --mb-os-surface-profile: pos;
  --mb-os-bg: #eef3f8;
  --mb-os-canvas: #ffffff;
  --mb-os-surface: #ffffff;
  --mb-os-surface-raised: #e3ebf5;
  --mb-os-chrome: #092033;
  --mb-os-nav: #0f2f45;
  --mb-os-control: #0f766e;
  --mb-os-control-hover: #0b5f59;
  --mb-os-text: #0f172a;
  --mb-os-muted: #475569;
  --mb-os-line: rgba(15, 23, 42, 0.16);
  --mb-os-primary: var(--mb-os-green);
  --mb-os-accent: var(--mb-os-gold);
  --mb-os-shadow-raised: 0 16px 42px rgba(15, 23, 42, 0.12);
}

:root[data-surface="digital"] {
  color-scheme: dark;
  --mb-os-surface-profile: digital;
  --mb-os-bg: #05070d;
  --mb-os-canvas: #070914;
  --mb-os-surface: #0d1224;
  --mb-os-surface-raised: #111a33;
  --mb-os-chrome: #070914;
  --mb-os-nav: #0b1020;
  --mb-os-control: #1d2d55;
  --mb-os-control-hover: #284076;
  --mb-os-text: #f7f8ff;
  --mb-os-muted: #aab4d4;
  --mb-os-line: rgba(255, 255, 255, 0.11);
  --mb-os-primary: var(--mb-os-blue);
  --mb-os-accent: var(--mb-os-pink);
  --mb-os-shadow-raised: 0 22px 90px rgba(0, 0, 0, 0.22);
}

html {
  background: var(--mb-os-bg);
}

body {
  font-family: var(--mb-os-font-sans);
  background-color: var(--mb-os-bg);
  color: var(--mb-os-text);
}

html[data-product] body {
  background:
    radial-gradient(circle at 10% -10%, var(--mb-os-product-glow), transparent 32rem),
    radial-gradient(circle at 90% 0%, color-mix(in srgb, var(--mb-os-accent) 18%, transparent), transparent 30rem),
    linear-gradient(180deg, var(--mb-os-canvas), var(--mb-os-bg));
}

.mb-os-brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: var(--mb-os-text);
  font-weight: 900;
  letter-spacing: 0;
  text-decoration: none;
}

.mb-os-brand-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: var(--mb-os-radius-md);
  background: linear-gradient(135deg, var(--mb-os-primary), var(--mb-os-accent));
  color: #06101f;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0;
  box-shadow: 0 14px 34px color-mix(in srgb, var(--mb-os-accent) 18%, transparent);
}

.mb-os-brand-logo {
  display: block;
  width: auto;
  height: 42px;
  max-width: 310px;
  object-fit: contain;
}

.mb-os-brand-lockup[data-size="lg"] .mb-os-brand-logo {
  height: 50px;
  max-width: 360px;
}

.mb-os-brand-lockup[data-size="lg"] .mb-os-brand-mark {
  width: 44px;
  height: 44px;
  border-radius: var(--mb-os-radius-md);
}

.mb-os-brand-copy {
  display: grid;
  line-height: 1.05;
  letter-spacing: 0;
}

.mb-os-brand-copy strong {
  font-size: 15px;
}

.mb-os-brand-copy small {
  color: var(--mb-os-muted);
  font-size: 11px;
  letter-spacing: 0;
  text-transform: uppercase;
}

:where(.btn, .search button) {
  background: linear-gradient(135deg, var(--mb-os-primary), var(--mb-os-accent));
}

:where(.btn, .search button):focus-visible {
  box-shadow: var(--mb-os-focus);
}

:where(.eyebrow) {
  border-color: color-mix(in srgb, var(--mb-os-accent) 32%, transparent);
  background: color-mix(in srgb, var(--mb-os-accent) 10%, transparent);
  color: color-mix(in srgb, var(--mb-os-accent) 50%, white);
}

:where(.panel) {
  border-color: color-mix(in srgb, var(--mb-os-accent) 28%, transparent);
}

.mb-os-surface {
  border: 1px solid var(--mb-os-line);
  background: linear-gradient(180deg, color-mix(in srgb, var(--mb-os-surface-raised) 72%, transparent), color-mix(in srgb, var(--mb-os-surface) 70%, transparent));
  border-radius: var(--mb-os-radius-xl);
  box-shadow: var(--mb-os-shadow-raised);
}

.mb-os-focus:focus-visible,
:where(a, button, input, select, textarea):focus-visible {
  outline: 0;
  box-shadow: var(--mb-os-focus);
}

@supports not (background: color-mix(in srgb, #000 50%, transparent)) {
  .mb-os-surface {
    background: var(--mb-os-surface);
  }
}


/* Mobile sales shell: lightweight phone-buyer conversion layer for MB Digital public pages. */
.mobile-sales-summary,
.mobile-sales-bar {
  display: none;
}

@media (max-width: 720px) {
  body[data-mobile-sales-shell="true"] {
    padding-bottom: calc(94px + env(safe-area-inset-bottom));
  }

  body[data-mobile-sales-shell="true"] .hero {
    padding-top: 42px;
    padding-bottom: 34px;
  }

  body[data-mobile-sales-shell="true"] .hero h1 {
    font-size: clamp(38px, 13vw, 58px);
    line-height: 0.96;
    letter-spacing: -0.065em;
    margin-bottom: 14px;
  }

  body[data-mobile-sales-shell="true"] .hero p:not(.mobile-sales-summary) {
    font-size: 16px;
    line-height: 1.48;
  }

  body[data-mobile-sales-shell="true"] .mobile-sales-summary {
    display: grid;
    gap: 8px;
    margin: 18px 0 0;
    padding: 14px;
    border: 1px solid color-mix(in srgb, var(--mb-os-accent) 26%, transparent);
    border-radius: 18px;
    background: color-mix(in srgb, var(--mb-os-surface-raised) 70%, transparent);
    color: var(--mb-os-text);
    font-size: 14px;
    line-height: 1.35;
  }

  body[data-mobile-sales-shell="true"] .mobile-sales-summary strong {
    font-size: 15px;
  }

  body[data-mobile-sales-shell="true"] .cta {
    gap: 10px;
  }

  body[data-mobile-sales-shell="true"] .cta .btn {
    width: 100%;
    min-height: 48px;
  }

  body[data-mobile-sales-shell="true"] .trust,
  body[data-mobile-sales-shell="true"] .pricing,
  body[data-mobile-sales-shell="true"] .grid {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 6px;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    padding-right: 16px;
  }

  body[data-mobile-sales-shell="true"] .trust > *,
  body[data-mobile-sales-shell="true"] .pricing > *,
  body[data-mobile-sales-shell="true"] .grid > * {
    min-width: 82%;
    scroll-snap-align: start;
  }

  body[data-mobile-sales-shell="true"] .trust > * {
    min-width: 68%;
  }

  body[data-mobile-sales-shell="true"] .mobile-sales-bar {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: calc(10px + env(safe-area-inset-bottom));
    z-index: 90;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
    padding: 8px;
    border: 1px solid color-mix(in srgb, var(--mb-os-accent) 30%, transparent);
    border-radius: 22px;
    background: rgba(7, 9, 20, 0.94);
    box-shadow: 0 18px 70px rgba(0, 0, 0, 0.48);
    backdrop-filter: blur(18px);
  }

  body[data-mobile-sales-shell="true"] .mobile-sales-bar a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    min-height: 54px;
    text-decoration: none;
    font-weight: 900;
  }

  body[data-mobile-sales-shell="true"] .mobile-sales-bar .primary {
    flex-direction: column;
    align-items: flex-start;
    padding: 10px 14px;
    color: #06101f;
    background: linear-gradient(135deg, var(--mb-os-primary), var(--mb-os-accent));
  }

  body[data-mobile-sales-shell="true"] .mobile-sales-bar .primary span {
    display: block;
    margin-top: 2px;
    font-size: 11px;
    font-weight: 800;
    opacity: 0.82;
  }

  body[data-mobile-sales-shell="true"] .mobile-sales-bar .secondary {
    width: 64px;
    color: var(--mb-os-text);
    border: 1px solid var(--mb-os-line);
    background: rgba(255, 255, 255, 0.07);
  }
}


.lead-form{display:grid;gap:12px}.lead-form input,.lead-form select,.lead-form textarea{width:100%;border:1px solid var(--mb-os-line);border-radius:14px;background:rgba(255,255,255,.06);color:var(--mb-os-text);padding:13px 14px;font:inherit}.lead-form textarea{resize:vertical}.lead-form-message{min-height:20px;margin:0}.lead-form [hidden]{display:none!important}


/* Accessibility/mobile audit hardening. */
.tag.pink{color:#06101f!important}
@media (max-width: 720px){
  .footer a,
  footer a,
  .nav a,
  .card a:not(.btn),
  .panel a:not(.btn){
    display:inline-flex;
    align-items:center;
    min-height:44px;
    padding-top:8px;
    padding-bottom:8px;
  }
  .btn,
  button.btn,
  a.btn,
  .account-toggle{
    min-height:44px;
  }
  body[data-mobile-sales-shell="true"] main,
  body[data-mobile-sales-shell="true"] .footer{
    padding-bottom:calc(98px + env(safe-area-inset-bottom));
  }
}
@media (max-width: 960px){
  .shell .nav{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    overflow:visible!important;
    gap:8px;
  }
  .shell .nav a{
    min-height:44px!important;
    justify-content:center;
    text-align:center;
    white-space:normal!important;
    line-height:1.2!important;
  }
}


/* Audit hardening: mobile touch targets and fixed CTA clearance. */
a, button, .btn, .navlinks a, .footlinks a {
  min-height: 44px;
  min-width: 44px;
}
.btn, .navlinks a, .footlinks a {
  display: inline-flex;
  align-items: center;
}
.footlinks a {
  padding: 8px 2px;
}
@media (max-width: 720px) {
  body[data-mobile-sales-shell="true"] {
    padding-bottom: 96px;
  }
  .mobile-sales-bar {
    min-height: 76px;
  }
  .mobile-sales-bar a {
    min-height: 48px;
  }
  .tag.pink, .pink, .status.pink {
    color: #ffd9f6;
  }
}

/* Shared public sales layout fallback.
   Several MB Digital pages use the sales shell but intentionally keep page CSS light.
   Keep specificity low so page-level styles can still win. */
:where(*){box-sizing:border-box}
:where(html){scroll-behavior:smooth}
:where(body){margin:0}
:where(a){color:inherit;text-decoration:none}
:where(.wrap){width:min(1180px,calc(100% - 32px));margin-inline:auto}
:where(.nav){position:sticky;top:0;z-index:10;background:rgba(7,9,20,.72);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
:where(.nav .wrap){display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;min-height:68px}
:where(.brand){display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:-.03em;flex:0 0 auto}
:where(.navlinks){display:flex;align-items:center;gap:18px;color:var(--muted);font-size:14px;white-space:nowrap}
:where(.navlinks a:hover){color:var(--text)}
:where(.menu-toggle){display:none;border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--text);border-radius:999px;padding:10px 13px;font-weight:900;font:inherit;cursor:pointer}
:where(.menu-toggle span){display:inline-block;margin-left:6px;color:var(--muted)}
:where(.hero){padding:94px 0 58px;position:relative;overflow:hidden}
:where(.hero h1){font-size:clamp(46px,8vw,92px);line-height:.92;letter-spacing:-.075em;margin:22px 0 20px;max-width:960px}
:where(.hero p){font-size:clamp(18px,2.4vw,24px);line-height:1.55;color:var(--muted);max-width:780px}
:where(.section){padding:62px 0}
:where(.section h2){font-size:clamp(32px,4.5vw,56px);line-height:1;letter-spacing:-.05em;margin:0 0 14px}
:where(.section > .wrap > p){color:var(--muted);font-size:18px;max-width:760px;line-height:1.55}
:where(.split){display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:center}
:where(.grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
:where(.card,.panel){border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border-radius:26px;padding:26px;box-shadow:0 22px 90px rgba(0,0,0,.22)}
:where(.card){position:relative;overflow:hidden;min-height:220px}
:where(.card h3,.panel h3){font-size:24px;margin:0 0 10px;letter-spacing:-.03em}
:where(.card p,.card li,.panel p,.panel li){color:var(--muted);line-height:1.55}
:where(.card ul,.panel ul,.card ol,.panel ol){padding-left:20px;margin:16px 0 0}
:where(.cta){display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
:where(.btn){display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 18px;font-weight:800;color:#06101f;box-shadow:0 18px 54px rgba(56,213,255,.22)}
:where(.btn.alt){background:rgba(255,255,255,.06);color:var(--text);border:1px solid var(--line);box-shadow:none}
:where(.tag){display:inline-block;font-size:12px;font-weight:900;color:#07101f;background:var(--gold);border-radius:999px;padding:6px 9px;margin-bottom:16px}
:where(.tag.blue){background:var(--cyan)}
:where(.tag.green){background:var(--green)}
:where(.tag.pink){background:var(--pink);color:#fff}
:where(.table){display:grid;margin-top:28px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.035)}
:where(.row){display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:16px;padding:18px;border-bottom:1px solid var(--line);align-items:start}
:where(.row:last-child){border-bottom:0}
:where(.row.head){font-weight:900;color:var(--text);background:rgba(255,255,255,.07)}
:where(.row div){color:var(--muted);line-height:1.45}
:where(.row div:first-child,.row.head div){color:var(--text)}
:where(.footer){border-top:1px solid var(--line);padding:34px 0;color:var(--muted)}
:where(.footer .wrap){display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
:where(.footlinks){display:flex;gap:14px;flex-wrap:wrap}
@media(max-width:980px){
  :where(.brand img,.brand .wordmark,.wordmark,.mb-os-brand-logo){height:34px!important;max-width:245px!important}
  :where(.nav .wrap){position:relative;flex-wrap:wrap;padding:14px 0}
  :where(.menu-toggle){display:inline-flex;align-items:center;gap:4px}
  :where(.navlinks){display:none!important;width:100%;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(7,9,20,.96);box-shadow:0 18px 60px rgba(0,0,0,.35);white-space:normal!important}
  :where(.navlinks.open,body.menu-open .navlinks){display:grid!important;grid-template-columns:1fr;gap:4px}
  :where(.navlinks a){display:block;padding:12px 10px;border-radius:12px}
  :where(.navlinks a:hover){background:rgba(255,255,255,.08)}
  :where(.split,.grid){grid-template-columns:1fr}
  :where(.hero){padding-top:64px}
  :where(.row){grid-template-columns:1fr;gap:8px}
}