/* PC: show the introduction, action and video together. Mobile keeps its existing layout. */
@media (min-width: 900px) {
  .home-hero-layout {
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);
    grid-template-rows:auto auto;
    align-items:center;
    column-gap:36px;
    row-gap:16px;
    padding:36px 40px;
    background:#dcecee;
    border-radius:25px;
  }
  .home-hero-layout > .hero {display:contents;}
  .home-hero-layout > .hero::after {display:none;}
  .home-hero-layout .hero-copy {grid-column:1;grid-row:1 / 3;}
  .home-hero-layout .hero h1 {font-size:clamp(32px,3vw,42px);margin:20px 0;}
  .home-hero-layout .hero p {font-size:16px;}
  .home-hero-layout .privacy-badge {font-size:13px;line-height:1.7;align-items:flex-start;}
  .home-hero-layout > .intro-video-card {
    grid-column:2;grid-row:1;
    width:100%;margin:0;z-index:2;border-radius:13px;
  }
  .home-hero-layout .intro-video-copy {gap:9px;left:6%;width:48%;}
  .home-hero-layout .intro-video-eyebrow {font-size:12px;letter-spacing:.02em;}
  .home-hero-layout .intro-video-title {font-size:23px;}
  .home-hero-layout .intro-video-play {font-size:14px;padding:10px 12px;gap:5px;}
  .home-hero-layout .intro-video-time {font-size:11px;}
  .home-hero-layout .document-preview {grid-column:2;grid-row:2;min-height:235px;height:235px;}
  .home-hero-layout .paper {zoom:.62;}
  .home-hero-layout .preview-caption {font-size:11px;padding:5px 10px;bottom:0;}
}

/* Sample PDFs sit within the hero copy, beside the existing offer details. */
.sample-pdf-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}
.sample-pdf-actions>span{flex-basis:100%;color:#315b5f;font-size:13px;font-weight:700}
.sample-pdf-actions a{display:inline-flex;align-items:center;min-height:38px;padding:7px 12px;border:1px solid #a9ceca;border-radius:8px;background:#f8fcfb;color:#176c73;text-decoration:none;font-size:13px;font-weight:700}
.sample-pdf-actions a:hover{background:#e6f3f1;border-color:#6eb0aa}
.sample-pdf-actions a:focus-visible{outline:3px solid #d9983d;outline-offset:2px}
.sample-pdf-actions small{flex-basis:100%;color:#678083;font-size:11px}
@media(max-width:600px){.sample-pdf-actions{gap:7px}.sample-pdf-actions a{font-size:12px;padding:7px 10px}}


/* Place the download controls beside the PDF illustration. */
.home-hero-layout .pdf-sample-showcase{grid-column:2;grid-row:2;display:grid;grid-template-columns:minmax(140px,.9fr) minmax(170px,1.1fr);gap:12px;align-items:center;min-height:280px;min-width:0}
.home-hero-layout .pdf-sample-showcase .document-preview{grid-column:auto;grid-row:auto;min-height:235px;height:235px;margin:0;transform:translateX(-12px)}
.home-hero-layout .sample-pdf-actions{display:grid;grid-template-columns:1fr;justify-items:stretch;gap:12px;margin:0;min-width:0}
.home-hero-layout .sample-pdf-actions>span{color:#176d75;text-align:center;font-size:16px;font-weight:700}
.home-hero-layout .sample-pdf-actions a{display:flex;justify-content:center;align-items:center;width:100%;min-height:42px;padding:8px 10px;border:0;border-radius:24px;background:#176d75;color:#fff;text-decoration:none;font-size:15px;font-weight:700;text-align:center}
.home-hero-layout .sample-pdf-actions a:hover{background:#125c63}
.home-hero-layout .sample-pdf-actions a:focus-visible{outline:3px solid #d9983d;outline-offset:2px}
.home-hero-layout .sample-pdf-actions small{color:#536f72;text-align:center;font-size:11px}
@media(max-width:899px){.home-hero-layout .pdf-sample-showcase .document-preview{transform:none}.home-hero-layout .pdf-sample-showcase{grid-column:auto;grid-row:auto;grid-template-columns:minmax(130px,.9fr) minmax(160px,1.1fr);min-height:260px}.home-hero-layout .pdf-sample-showcase .document-preview{min-height:220px;height:220px}}
@media(max-width:420px){.home-hero-layout .pdf-sample-showcase{grid-template-columns:1fr;gap:4px}.home-hero-layout .pdf-sample-showcase .document-preview{min-height:230px;height:230px}.home-hero-layout .sample-pdf-actions{max-width:270px;margin:0 auto 12px;width:100%}}