/* DBX ONE v134.6 — Apple-inspired global + product-local navigation */
html, body { background:#02050a !important; }

/* Global navigation = only DBX ONE level destinations. */
.topbar {
  z-index: 7000 !important;
  background: rgba(2,5,10,.92) !important;
  -webkit-backdrop-filter: blur(24px) saturate(150%);
  backdrop-filter: blur(24px) saturate(150%);
}
.nav a.global-active { color:#fff !important; }

/* Product-local navigation follows Apple's product-family pattern:
   global navigation remains above; INSIGHTS/STOCKROOM controls appear only inside that product. */
.product-localbar {
  --local-accent:#2f9fff;
  position: sticky;
  top: 84px;
  z-index: 6500;
  min-height: 58px;
  background: rgba(5,10,18,.90);
  border-bottom:1px solid rgba(255,255,255,.08);
  -webkit-backdrop-filter: blur(22px) saturate(145%);
  backdrop-filter: blur(22px) saturate(145%);
}
.product-localbar-inner {
  max-width: var(--max,1180px);
  min-height:58px;
  margin:0 auto;
  padding:0 22px;
  display:flex;
  align-items:center;
  gap:24px;
  position:relative;
}
.product-local-title {
  flex:0 0 auto;
  display:flex;
  align-items:baseline;
  gap:8px;
  color:#f5f9fd;
  letter-spacing:-.02em;
  white-space:nowrap;
}
.product-local-title span { font-size:14px; font-weight:750; }
.product-local-title strong { color:var(--local-accent); font-size:14px; font-weight:850; letter-spacing:.08em; }
.product-local-links {
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:22px;
  color:#9caec0;
  font-size:13px;
  font-weight:600;
}
.product-local-links a { transition:color .18s ease, background .18s ease; }
.product-local-links a:hover,
.product-local-links a.local-active { color:#fff; }
.product-local-links .product-local-cta {
  padding:8px 14px;
  border-radius:999px;
  color:#fff !important;
  background:#168cf4;
  font-weight:750;
}
.product-local-toggle { display:none; }

/* A local product nav should never create the giant site-wide overlay that caused v134.5 to feel jumbled. */
@media (max-width: 980px) {
  .topbar,
  body.v134-shell .topbar { min-height:66px; }
  .nav-wrap,
  body.v134-shell .nav-wrap { min-height:66px; }

  /* Global menu remains small and brand-level only. */
  .nav,
  body.v134-shell .nav {
    top:72px !important;
    left:auto !important;
    right:14px !important;
    width:min(310px,calc(100vw - 28px)) !important;
    max-height:calc(100dvh - 92px);
    padding:10px !important;
    border-radius:18px !important;
    background:#060b13 !important;
    box-shadow:0 24px 70px rgba(0,0,0,.56) !important;
  }
  .nav a,
  body.v134-shell .nav a {
    padding:12px 13px !important;
    font-size:15px !important;
  }

  .product-localbar { top:66px; min-height:52px; }
  .product-localbar-inner { min-height:52px; padding:0 18px; gap:12px; }
  .product-local-title { gap:7px; }
  .product-local-title span,
  .product-local-title strong { font-size:13px; }
  .product-local-toggle {
    display:inline-flex;
    margin-left:auto;
    align-items:center;
    gap:8px;
    padding:7px 0 7px 12px;
    border:0;
    background:transparent;
    color:#dbe7f3;
    font:inherit;
    font-size:13px;
    font-weight:650;
  }
  .product-local-toggle i {
    width:7px;
    height:7px;
    border-right:1.5px solid currentColor;
    border-bottom:1.5px solid currentColor;
    transform:rotate(45deg) translateY(-2px);
    transition:transform .2s ease;
  }
  .product-localbar.local-open .product-local-toggle i {
    transform:rotate(225deg) translate(-1px,-1px);
  }
  .product-local-links {
    display:none;
    position:absolute;
    left:0;
    right:0;
    top:100%;
    margin:0;
    padding:10px 18px 15px;
    flex-direction:column;
    align-items:stretch;
    gap:2px;
    background:rgba(5,10,18,.985);
    border-top:1px solid rgba(255,255,255,.06);
    border-bottom:1px solid rgba(255,255,255,.10);
    box-shadow:0 24px 50px rgba(0,0,0,.38);
  }
  .product-localbar.local-open .product-local-links { display:flex; }
  .product-local-links a {
    padding:11px 0;
    color:#afbdcc;
    font-size:14px;
    font-weight:650;
  }
  .product-local-links a.local-active { color:#fff; }
  .product-local-links .product-local-cta {
    margin-top:6px;
    padding:10px 14px;
    text-align:center;
  }
}

@media (max-width: 640px) {
  .brand img { width:190px !important; }
  .menu-toggle { padding:8px 11px !important; }
  .product-localbar-inner { padding:0 16px; }
  .product-local-title span { display:none; }
  .product-local-title strong { font-size:14px; letter-spacing:.065em; }
}

/* Strong page canvas paint — avoids iOS Safari revealing a white chin under dark pages. */
html, body, main, .v134-footer, .footer { background-color:#02050a !important; }
body { min-height:100vh; min-height:100svh; }
@supports (padding-bottom: env(safe-area-inset-bottom)) {
  body::after {
    content:"";
    position:fixed;
    z-index:-1;
    left:0; right:0; bottom:0;
    height:env(safe-area-inset-bottom);
    background:#02050a;
  }
}

/* v134.7 — keep the document itself as the sticky-header scroll container. */
html,
body {
  overflow-x:clip !important;
}

/* A restrained editorial scale for the INSIGHTS pricing and output pages. */
.insights-compact-page .op-hero,
.insights-compact-page .page-hero.op-hero {
  padding-block:clamp(64px,8vw,104px) !important;
}
.insights-compact-page .op-hero h1,
.insights-compact-page .page-hero.op-hero h1 {
  max-width:1000px !important;
  font-size:clamp(50px,6.2vw,84px) !important;
  line-height:.96 !important;
  letter-spacing:-.055em !important;
}
.insights-compact-page .op-section {
  padding-block:clamp(64px,7vw,92px) !important;
}
.insights-compact-page .section-intro {
  max-width:980px !important;
  margin-bottom:40px !important;
}
.insights-compact-page .section-intro h2,
.insights-compact-page .op-work-grid h2 {
  font-size:clamp(40px,4.6vw,62px) !important;
  line-height:1 !important;
  letter-spacing:-.045em !important;
}
.insights-compact-page .op-card,
.insights-compact-page .op-panel,
.insights-compact-page .op-tier {
  padding:clamp(26px,2.7vw,38px) !important;
}
.insights-compact-page .op-card h3,
.insights-compact-page .op-panel h3,
.insights-compact-page .op-tier h3 {
  font-size:clamp(27px,2.5vw,38px) !important;
}
.insights-compact-page .hero-actions {
  flex-wrap:wrap !important;
  gap:10px !important;
}
.insights-compact-page .hero-actions .button {
  white-space:normal !important;
}

@media (max-width:640px) {
  .insights-compact-page .op-hero h1,
  .insights-compact-page .page-hero.op-hero h1 {
    font-size:clamp(42px,13vw,62px) !important;
  }
  .insights-compact-page .section-intro h2,
  .insights-compact-page .op-work-grid h2 {
    font-size:clamp(36px,10vw,48px) !important;
  }
}