.d-mobile-hero-label,.d-mobile-hero-content { display:none; }

/* Mobile-first presentation layered over the existing desktop artwork. */
@media(max-width:760px) {
  .d-hero-static {
    min-height:0;
    aspect-ratio:auto;
  }
  .d-hero-static .d-hero-photo {
    inset:0;
    background-image:url('hero-mobile-compact-v20260925.webp');
    background-position:right center;
    background-size:cover;
  }
  .d-hero-static::after {
    z-index:-1;
    background:
      linear-gradient(90deg,rgba(5,24,45,.98) 0%,rgba(5,24,45,.88) 44%,rgba(5,24,45,.52) 76%,rgba(5,24,45,.23) 100%),
      linear-gradient(180deg,rgba(5,24,45,.22),transparent 45%,rgba(5,24,45,.58));
  }
  .d-hero-static .d-hero-inner {
    position:relative;
    width:min(480px,calc(100% - 40px));
    min-height:clamp(590px,calc(100svh - 74px),690px);
    height:auto;
    margin:0 auto;
    padding:22px 0 28px;
    display:block;
    overflow:visible;
    clip:auto;
    clip-path:none;
    white-space:normal;
  }
  .d-hero-static .d-hero-copy { position:relative; z-index:1; width:100%; text-shadow:0 2px 10px rgba(0,0,0,.38); }
  .d-hero-static .d-mobile-hero-label {
    display:inline-flex;
    align-items:center;
    min-height:27px;
    margin:0 0 8px;
    padding:5px 11px;
    color:#f7e2d1;
    background:rgba(255,255,255,.12);
    border:1px solid rgba(255,255,255,.34);
    border-radius:999px;
    font-size:11px;
    font-weight:700;
    letter-spacing:.06em;
  }
  .d-hero-static h1 { margin:0; font-size:15px; line-height:1.4; }
  .d-hero-static h1 small { display:none; }
  .d-hero-static .d-mobile-hero-content { display:block; }
  .d-hero-static .d-mobile-hero-headline {
    max-width:90%;
    margin:15px 0 13px;
    font-size:clamp(26px,7.3vw,34px);
    line-height:1.22;
    font-weight:800;
    letter-spacing:-.045em;
  }
  .d-mobile-hero-headline span { display:block; }
  .d-mobile-hero-headline em { color:#f3aa73; font-style:normal; }
  .d-hero-static .d-mobile-hero-description {
    max-width:84%;
    margin:0;
    color:#edf3f8;
    font-size:13px;
    line-height:1.65;
  }
  .d-hero-static .d-mobile-hero-proof {
    margin:17px 0 0;
    padding:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    list-style:none;
  }
  .d-mobile-hero-proof li {
    min-width:0;
    min-height:54px;
    padding:10px 11px;
    display:flex;
    align-items:center;
    gap:5px;
    color:#f6f8fb;
    background:rgba(7,31,55,.65);
    border:1px solid rgba(255,255,255,.25);
    border-radius:7px;
    font-size:clamp(10.5px,3vw,12px);
    line-height:1.35;
    flex-wrap:wrap;
    text-shadow:none;
  }
  .d-mobile-hero-proof strong { color:#fff; font-size:1.2em; font-weight:800; }
  .d-mobile-hero-actions { margin-top:18px; display:grid; gap:10px; text-shadow:none; }
  .d-mobile-hero-cta {
    min-height:52px;
    padding:12px 18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    border-radius:7px;
    color:#fff;
    font-size:15px;
    font-weight:800;
    line-height:1.3;
    text-decoration:none;
    transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;
  }
  .d-mobile-hero-cta span { font-size:20px; font-weight:400; }
  .d-mobile-hero-cta-primary { background:#e96618; box-shadow:0 7px 18px rgba(0,0,0,.22); }
  .d-mobile-hero-cta-secondary { background:rgba(8,34,58,.62); border:1px solid rgba(255,255,255,.78); }
  .d-mobile-hero-cta:hover,.d-mobile-hero-cta:focus-visible { color:#fff; transform:translateY(-2px); }
  .d-mobile-hero-cta-primary:hover,.d-mobile-hero-cta-primary:focus-visible { background:#f37424; box-shadow:0 12px 22px rgba(0,0,0,.3); }
  .d-mobile-hero-cta-secondary:hover,.d-mobile-hero-cta-secondary:focus-visible { background:rgba(255,255,255,.18); }
  .d-hero-static .d-hero-catch,.d-hero-static .d-hero-lead,.d-hero-static .d-hero-actions,.d-hero-static .d-hero-response,.d-hero-static .d-hero-promise { display:none; }
  .d-hero-static .d-photo-note {
    position:absolute;
    width:auto;
    height:auto;
    margin:0;
    padding:0;
    overflow:visible;
    clip:auto;
    clip-path:none;
    white-space:normal;
    bottom:6px;
    right:12px;
    font-size:9px;
  }
  .d-hero-static-cta,.d-hero-static-plan-cta { display:none; }
}

@media(max-width:360px) {
  .d-hero-static .d-hero-inner { width:calc(100% - 32px); padding-top:18px; }
  .d-hero-static .d-mobile-hero-headline { margin:12px 0 10px; font-size:25px; }
  .d-hero-static .d-mobile-hero-description { max-width:88%; font-size:12px; }
  .d-mobile-hero-proof li { padding:9px 8px; font-size:10px; }
  .d-mobile-hero-actions { margin-top:14px; }
}
@media(prefers-reduced-motion:reduce) {
  .d-mobile-hero-cta { transition:none; }
}
