/* Marketing homepage and shared navigation */
:root { scroll-padding-top: 88px; }
.refreshed-header .nav-bar { gap: 20px; height: 72px; }
.refreshed-header #main-nav { margin-inline: auto; }
.header-controls { display: flex; align-items: center; gap: 12px; }
.header-controls .language-picker summary {
  min-block-size: 40px;
  align-items: center;
  border: 1px solid #dfe5ec;
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 13px;
  white-space: nowrap;
}
.header-controls .header-trial { margin: 0; }
.refreshed-hero { background: #0b1b32; color: white; }
.refreshed-hero .hero-scene { position: absolute; inset: 0; opacity: .18; pointer-events: none; }
.refreshed-hero .hero-scene img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.refreshed-hero .hero-inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
  align-items: center;
  gap: clamp(28px, 5vw, 68px);
  min-height: 0;
  padding-block: clamp(52px, 7vw, 100px);
}
.refreshed-hero .hero-copy { min-width: 0; max-width: none; }
.refreshed-hero h1,
html[dir=rtl] .refreshed-hero h1 {
  font-size: clamp(34px, 4.35vw, 62px);
  letter-spacing: -.035em;
  line-height: 1.13;
  overflow-wrap: anywhere;
}
html[dir=rtl] .refreshed-hero h1 { letter-spacing: 0; line-height: 1.45; }
.refreshed-hero .hero-detail { color: #e1eaf6; font-size: clamp(16px, 1.55vw, 20px); line-height: 1.6; margin-block-start: 18px; }
.refreshed-hero .hero-note { margin-block-start: 16px; color: #d2deef; font-size: 13px; line-height: 1.6; }
.refreshed-hero .hero-note a, .trial-copy .tour-link { color: #ffe3a0; text-decoration: underline; text-underline-offset: .18em; }
.hero-dashboard { margin: 0; min-width: 0; }
.hero-dashboard-window { direction: ltr; overflow: hidden; border: 5px solid #edf3fa; border-radius: 14px; background: #edf3fa; box-shadow: 0 22px 58px #0006; aspect-ratio: 1.35; }
.hero-dashboard-window img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top left; }
.hero-dashboard figcaption { margin-block-start: 10px; color: #d2deef; font-size: 13px; }
.getting-started .steps article { min-width: 0; }
.trial-card { grid-template-columns: minmax(0,1fr); }
.trial-card .hero-actions { margin-block-start: 20px; }
.refreshed-header .language-picker a, .refreshed-header .menu-toggle { touch-action: manipulation; }

@media (max-width: 1100px) {
  .refreshed-header .nav-bar nav { top: 72px; max-height: calc(100dvh - 72px); }
  .refreshed-header .nav-bar .language-picker nav {
    display: grid;
    inset-inline-start: auto;
    inset-inline-end: 0;
    top: 100%;
    padding: 8px;
    width: max-content;
    min-width: 180px;
    max-height: 65vh;
  }
  .refreshed-header .language-picker nav > a { padding: 10px 8px; border: 0; }
}

@media (max-width: 740px) {
  .refreshed-header .nav-bar { gap: 8px; }
  .refreshed-header .product-brand img { width: clamp(112px, 32vw, 148px); }
  .header-controls { gap: 7px; }
  .header-controls .language-picker summary { padding-inline: 8px; }
  .header-controls .language-picker .language-label { display: none; }
  .header-controls .header-trial { display: none; }
  .refreshed-hero .hero-inner { grid-template-columns: minmax(0,1fr); gap: 26px; padding-block: 44px 38px; }
  .refreshed-hero .hero-actions { gap: 14px; }
  .hero-dashboard-window { border-width: 3px; }
}