/* ============================================================
   HERO V3 — "inside the orbit"
   AirOps-Offsite layout: everything centered, wireframe globe
   as a full-bleed background sphere, empty air between the two
   headline lines. No pixel earth (removed in globe-hero-v3.js).
   Loaded after globe-hero.css; everything scoped to .dho-v3.
   ============================================================ */

.dpf2-hero-orbit.dho-v3{
  padding:0;
  overflow:hidden;
  position:relative;
}

/* ---- viewport: one full screen, content vertically centered ----
   (feature-lines.css flattens this into a Profound-style rectangle —
   see its "hero rectangle" block; this base survives as the fallback) ---- */
.dho-v3 .dho3-viewport{
  position:relative;
  min-height:calc(100vh - 64px);
  padding:96px 32px 64px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
}

/* ---- globe: centered background sphere sized to the channel — it
   crops top/bottom (sphere continues past the fold) but no longer
   gets cut by the rails on the sides ---- */
.dho-v3 .dho-stage{
  position:absolute;
  z-index:1;
  width:min(1240px,97%);
  height:auto;
  aspect-ratio:1;
  left:50%;
  top:46%;
  transform:translate(-50%,-50%);
  margin:0;
  pointer-events:none;
}
.dho-v3 .dho-chip{
  width:56px;height:56px;border-radius:14px;
  background:#fff;
}

/* ---- text sits above the sphere ---- */
.dho-v3 .dho3-inner{
  position:relative;
  z-index:2;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

/* eyebrow as an outlined pill (AirOps "OFFSITE" chip) */
.dho-v3 .dho3-pill{
  border:1px solid rgba(216,58,18,.45);
  border-radius:8px;
  padding:7px 14px;
  color:#d83a12;
  background:rgba(247,244,239,.75);
  margin-bottom:36px;
}

.dho-v3 .dho-h1{
  display:flex;
  flex-direction:column;
  align-items:center;
  font-size:clamp(44px,4.5vw,68px);
  line-height:1;
  letter-spacing:-0.03em;
  text-align:center;
  max-width:none;
  margin-bottom:0;
}
/* the empty air where AirOps put their earth icon */
.dho-v3 .dho3-line--2{margin-top:clamp(28px,6vh,64px)}
.dho-v3 .dho-mondwest{font-size:.95em}
.dho-v3 .dho-mondwest::after{
  bottom:-10px;height:9px;
  background-size:calc(100% - 24px) 3px,calc(100% - 12px) 3px,100% 3px;
  background-position:50% 0,50% 3px,50% 6px;
}

.dho-v3 .dho-sub{
  font-size:17px;
  line-height:1.55;
  text-align:center;
  max-width:560px;
  margin:clamp(28px,5vh,52px) 0 32px;
}

.dho-v3 .dho-ctas{
  justify-content:center;
  margin-bottom:0;
  gap:12px;
}
.dho-v3 .dho-cta{font-size:14px;line-height:20px}
.dho-v3 .dho-cta--primary{padding:11px 20px}
.dho-v3 .dho-cta--secondary{padding:10px 18px;background:rgba(247,244,239,.6)}

/* ---- trust band: same strip as v2 ---- */
.dho-v3 .dho2-trustband{
  position:relative;
  z-index:2;
  border-top:1px dashed rgba(33,26,20,.25);
  background:#f7f4ef;
  padding:26px 64px;
  display:flex;
  align-items:center;
  gap:40px;
  max-width:none;
}
.dho-v3 .dho-trusted-caption{
  margin:0;
  text-align:left;
  flex:0 0 auto;
  line-height:1.5;
  max-width:200px;
}
.dho-v3 .dho-trusted{
  flex:1 1 auto;
  justify-content:space-between;
  flex-wrap:nowrap;
  gap:24px;
  max-width:none;
}
.dho-v3 .dho-trusted img{
  height:28px;opacity:.85;
  filter:grayscale(1) sepia(.25) saturate(.7) contrast(1.05);
}

/* trust band marquee — slow seamless loop, pause on hover */
.dho-v3 .dho-trusted{
  display:block;
  overflow:hidden;
  min-width:0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
}
.dho-v3 .dho-trusted-track{
  display:flex;
  align-items:center;
  gap:72px;
  width:max-content;
  padding-right:72px;
  animation:dho-marquee 48s linear infinite;
}
.dho-v3 .dho-trusted:hover .dho-trusted-track{animation-play-state:paused}
@keyframes dho-marquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}
@media (prefers-reduced-motion: reduce){
  .dho-v3 .dho-trusted-track{animation:none}
}

/* ---- responsive ---- */
@media (max-width:1099.98px){
  .dho-v3 .dho2-trustband{padding:24px 40px;flex-wrap:wrap;gap:16px}
  .dho-v3 .dho-trusted{justify-content:flex-start;flex-wrap:nowrap}
}

@media (max-width:809.98px){
  .dpf2-hero-orbit.dho-v3{padding:0}
  .dho-v3 .dho3-viewport{padding:96px 20px 56px}
  .dho-v3 .dho-stage{
    width:min(920px,240vw);
    height:min(920px,240vw);
  }
  .dho-v3 .dho-chip{width:38px;height:38px;border-radius:10px}
  .dho-v3 .dho3-pill{margin-bottom:28px}
  .dho-v3 .dho-h1{font-size:clamp(32px,9vw,42px);letter-spacing:-.02em}
  .dho-v3 .dho3-line--2{margin-top:clamp(22px,5vh,44px)}
  .dho-v3 .dho-sub{font-size:15px;margin:26px 0 24px}
  .dho-v3 .dho2-trustband{padding:22px 20px}
}
@media (max-width:400px){
  .dho-v3 .dho-ctas{flex-direction:column;width:100%}
  .dho-v3 .dho-cta{width:100%;max-width:320px;justify-content:center}
}