/* 6.1.11: desktop presentation only; the accepted mobile layout is retained. */
.yp-home-audience { display:block; }

/* Header navigation switches to its desktop layout at 981px. */
.yp-header .yp-nav .yp-nav-oem-service { display:none !important; }

@media (min-width:769px) {
  body.home .yp-hero-card {
    justify-content:flex-start;
    align-items:center;
    height:auto;
    min-height:520px;
  }
  body.home .yp-hero-text {
    width:46%;
    max-width:1140px;
    margin:0;
    padding:clamp(24px,2.2vw,48px) 0 clamp(24px,2.2vw,48px) clamp(24px,3vw,64px);
    box-sizing:border-box;
    text-align:left;
  }
  body.home .yp-hero-kicker {
    display:flex;
    justify-content:flex-start;
    gap:8px;
    margin:0 0 12px;
    padding:0;
    font-size:clamp(9px,.65vw,12px);
    line-height:1.4;
    letter-spacing:.06em;
  }
  body.home .yp-hero-kicker-line { flex:0 0 22px; }
  body.home .yp-hero-title {
    margin:0 0 14px;
    font-size:clamp(28px,3.35vw,86px);
    line-height:1.08;
    letter-spacing:-.035em;
  }
  body.home .yp-hero-subtitle {
    margin:0 0 10px;
    font-size:clamp(15px,1.4vw,34px);
    line-height:1.45;
  }
  body.home .yp-hero-desc {
    margin:0 0 20px;
    font-size:clamp(13px,1.1vw,27px);
    line-height:1.55;
  }
  body.home .yp-hero-features { gap:12px; margin:0 0 20px; }
  body.home .yp-hero-features li { align-items:flex-start; gap:8px; }
  body.home .yp-hero-feature-icon { width:clamp(36px,3.4vw,82px); height:clamp(36px,3.4vw,82px); }
  body.home .yp-hero-features span:last-child { font-size:clamp(11px,1.02vw,25px); line-height:1.3; }
  body.home .yp-hero-actions { justify-content:flex-start; gap:12px; margin:0 0 16px; }
  body.home .yp-hero-actions .yp-btn-lg {
    min-height:44px;
    padding:10px 18px;
    font-size:clamp(12px,1vw,24px);
    line-height:1.3;
  }
  body.home .yp-hero-tagline { margin:0; font-size:clamp(10px,.8vw,19px); line-height:1.5; letter-spacing:.03em; }

  body.home .yp-home-intro-mobile { display:none; }
  body.home .yp-home-audience { display:block; background:#fff; padding:64px 0; }
  .yp-audience-head { max-width:780px; margin:0 auto 30px; text-align:center; }
  .yp-audience-head .yp-kicker { margin:0 0 10px; }
  .yp-audience-head h2 { margin:0 0 12px; color:var(--yp-navy); font-size:clamp(28px,2.5vw,40px); line-height:1.15; letter-spacing:-.025em; }
  .yp-audience-head > p:last-child { margin:0; color:var(--yp-muted); font-size:15px; line-height:1.65; }
  .yp-audience-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
  .yp-audience-card { min-width:0; padding:26px; border:1px solid var(--yp-border); border-radius:18px; background:#fafbfd; }
  .yp-audience-number { display:block; margin-bottom:18px; color:var(--yp-orange-dark); font-size:12px; font-weight:800; letter-spacing:.08em; }
  .yp-audience-card h3 { margin:0 0 12px; color:var(--yp-navy); font-size:20px; line-height:1.3; }
  .yp-audience-card p { margin:0; color:var(--yp-muted); font-size:14px; line-height:1.7; }
  .yp-audience-action { margin-top:28px; text-align:center; }
  .yp-audience-action .yp-btn { gap:10px; }
}

/* Keep the full background scene visible when the narrower text is taller
 * than a wide banner can accommodate. The image itself remains unchanged. */
@media (min-width:769px) and (max-width:980px) {
  body.home .yp-hero-card { min-height:560px; background:#fbf5ec; }
  body.home .yp-hero-bg { object-fit:contain; object-position:center bottom; }
  body.home .yp-hero-text { width:45%; padding-left:24px; }
  .yp-audience-card { padding:20px; }
  .yp-audience-card h3 { font-size:18px; }
}
@media (min-width:981px) and (max-width:1100px) {
  body.home .yp-hero-card { min-height:0; }
  body.home .yp-hero-text { width:45%; padding-left:24px; }
  .yp-audience-card { padding:20px; }
  .yp-audience-card h3 { font-size:18px; }
}

/* Shared content, with separate desktop and accepted mobile presentation. */
body.home .yp-why-agent { background:#f5f2ef; }
body.home .yp-why-agent .yp-photo-card { position:relative; background:#fff; box-shadow:none; }
.yp-proof-arrow { display:flex; align-items:center; justify-content:center; width:44px; height:44px; border-radius:50%; background:#fdf5ef; color:#f56520; text-decoration:none; font-size:24px; }
.yp-proof-arrow:focus-visible { outline:2px solid #ca4b00; outline-offset:3px; }
@media(min-width:769px) {
 body.home .yp-why-agent .yp-proof-grid { gap:20px; }
 body.home .yp-why-agent .yp-photo-card { padding:0 0 18px; border:0; border-radius:15px; overflow:hidden; }
 body.home .yp-why-agent .yp-photo-card .yp-image-icon { display:block; width:100%; height:auto; margin:0; background:none; border-radius:0; }
 body.home .yp-why-agent .yp-photo-card .yp-image-icon img { display:block; width:100%; max-width:none; height:auto; object-fit:contain; }
 body.home .yp-photo-card .yp-proof-copy { padding:0 64px 0 18px; }
 body.home .yp-photo-card h3 { margin:0 0 5px; font-size:17px; line-height:1.3; }
 body.home .yp-photo-card p { margin:0; font-size:14px; line-height:1.45; }
 body.home .yp-photo-card .yp-proof-arrow { position:absolute; right:14px; top:calc((100vw - 100px) / 4 * .46); }
}
@media(max-width:768px) {
 body.home .yp-hero-subtitle.yp-hero-desktop-copy { display:block; order:2; margin:0 0 12px; font-size:15px; line-height:1.5; font-weight:400; }
 body.home .yp-hero-desc { display:block; order:2; margin:0 0 14px; font-size:13px; line-height:1.5; }
 body.home .yp-hero-kicker { display:flex; order:0; font-size:10px; line-height:1.4; margin:0 0 10px; }
 body.home .yp-hero-tagline { display:block; order:5; margin:12px 0 0; font-size:10px; line-height:1.5; }
 body.home .yp-home-audience { padding:32px 0; background:#fff; }
 .yp-audience-head { text-align:center; margin-bottom:22px; }
 .yp-audience-head h2 { font-size:26px; line-height:1.2; margin:10px 0; }
 .yp-audience-head > p:last-child { font-size:14px; line-height:1.6; color:var(--yp-muted); }
 .yp-audience-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:18px; }
 .yp-audience-card { min-width:0; }
 .yp-audience-number { display:block; font-size:11px; color:var(--yp-orange-dark); font-weight:700; margin-bottom:6px; }
 .yp-audience-card h3 { font-size:17px; line-height:1.35; margin:0 0 6px; }
 .yp-audience-card p { font-size:14px; line-height:1.6; margin:0; color:var(--yp-muted); }
 .yp-audience-action { margin-top:22px; text-align:center; }
 body.home .yp-photo-card .yp-proof-arrow { display:none; }
}
@media(min-width:769px) {
 body.home .yp-why-agent .yp-photo-card { display:grid; grid-template-columns:minmax(0,1fr) 58px; align-content:start; }
 body.home .yp-photo-card .yp-image-icon { grid-column:1 / -1; }
 body.home .yp-photo-card .yp-proof-copy { padding:0 8px 0 18px; }
 body.home .yp-photo-card .yp-proof-arrow { position:static; align-self:start; margin-right:14px; }
}