/* ── Image Hero Squeeze page — transparent fixed nav + full-viewport hero ── */

/* Fixed nav overlaps hero so hero fills full viewport */
.dso-nav {
  position: fixed;
  top: 0; left: 0; right: 0;
  background: transparent;
  border-bottom-color: transparent;
  transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.dso-nav.scrolled {
  background: var(--navy-deep);
  border-bottom-color: rgba(255,255,255,.06);
  box-shadow: 0 1px 0 rgba(255,255,255,.04), 0 4px 20px rgba(0,0,0,.3);
}
.dso-nav.scrolled .dso-brand-name .n1 { color: var(--white); }
.dso-nav.scrolled .dso-brand-name .n2 { color: rgba(255,255,255,.6); }
.dso-nav.scrolled .dso-brand-mark { background: rgba(255,255,255,.15); color: var(--white); }

/* Brand text + menu links white on transparent dark nav */
.dso-brand-name .n1 { color: var(--white) !important; text-shadow: 0 1px 6px rgba(0,0,0,.5); }
.dso-brand-name .n2 { color: rgba(255,255,255,.65) !important; }
.dso-brand-mark { background: rgba(255,255,255,.15) !important; color: var(--white) !important; }
.dso-nav-links a { color: var(--white) !important; text-shadow: 0 1px 4px rgba(0,0,0,.4); }
.dso-nav-links a:hover { color: #fdba74 !important; }

/* Full-viewport image hero — content above the fold */
.dso-hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 84px 0 40px; /* 84px clears the 68px fixed nav */
  background: var(--navy-deep);
  overflow: hidden;
  isolation: isolate;
}
.dso-hero .container { width: 100%; }

.dso-hero::before {
  content: "";
  position: absolute; inset: 0; z-index: -2;
  background-image: var(--hero-bg-image, url("https://images.unsplash.com/photo-1509391366360-2e959784a276?auto=format&fit=crop&w=1920&q=80"));
  background-size: cover;
  background-position: center 40%;
  background-repeat: no-repeat;
}
.dso-hero::after {
  content: "";
  position: absolute; inset: 0; z-index: -1;
  background:
    linear-gradient(108deg, rgba(6,15,30,.92) 0%, rgba(6,15,30,.75) 50%, rgba(6,15,30,.44) 100%),
    linear-gradient(180deg, rgba(6,15,30,.1) 0%, rgba(6,15,30,.5) 100%);
}

/* Eyebrow pill */
.dso-hero-eyebrow {
  color: #FDBA74;
  border: 1px solid rgba(253,186,116,.3);
  background: rgba(253,186,116,.08);
  border-radius: 999px;
  padding: 5px 12px 5px 8px;
}
.dso-hero-eyebrow .dotline { display: none; }
.dso-hero-eyebrow .dot { width: 6px; height: 6px; border-radius: 50%; background: var(--orange); flex-shrink: 0; }

/* Text on dark */
.dso-hero h1 { color: #ffffff; }
.dso-hero h1 .hl { color: #FDBA74; }
.dso-hero-sub { color: rgba(255,255,255,.84); max-width: 480px; }
.dso-hero-sub strong { color: #ffffff; }

/* Trust chips */
.dso-hero-trust span {
  padding: 5px 11px;
  background: rgba(255,255,255,.10);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 999px;
  font-size: 12px; font-weight: 600; color: rgba(255,255,255,.9);
}

/* Form card elevated */
.dso-form-card {
  box-shadow: 0 24px 64px rgba(0,0,0,.24), 0 8px 20px rgba(0,0,0,.12);
  border-color: transparent;
}

/* Responsive */
@media (max-width: 980px) {
  .dso-hero { min-height: auto; padding: 100px 0 48px; }
}
@media (max-width: 640px) {
  .dso-hero { padding: 90px 0 36px; }
}