/*
  Sentaryn visual freeze micro-pass.
  Purpose: solve only the final launch-critical browser/print issues without
  changing product positioning, claims, pricing, brand, or page architecture.
*/

/* Desktop hero: intentional two-line headline with enough copy width. */
@media (min-width:1025px){
  .hero-grid{grid-template-columns:1.35fr .85fr;gap:40px}
  .hero-copy-block h1{
    font-size:clamp(3rem,4.55vw,4rem);
    line-height:.94;
    max-width:none;
  }
  .hero-line{white-space:nowrap}
}

/* Tablet: preserve the message hierarchy without forcing tiny text. */
@media (min-width:821px) and (max-width:1024px){
  .hero-copy-block h1{font-size:clamp(3.25rem,7.2vw,4.15rem);max-width:none}
  .hero-line{white-space:nowrap}
}

/* Mobile: allow each intentional line to wrap naturally rather than overflow. */
@media (max-width:820px){
  .hero-copy-block h1{max-width:12ch}
  .hero-line{white-space:normal}
}
@media (max-width:560px){
  .hero-copy-block h1{font-size:clamp(2.55rem,12.5vw,3.45rem);line-height:.96;max-width:11ch}
  .hero-brand-stamp{gap:9px;font-size:.64rem;letter-spacing:.12em}
  .hero-brand-stamp img{width:36px;height:36px}
}

/* Pro is a first-class paid tier; never let inherited muted colors wash out price. */
.pricing-preview-card.pro strong,
.full-price-card.pro-card .price-value{
  opacity:1!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-weight:900!important;
}

/* Print/PDF: compact hero, keep the four-question framework together,
   then start the illustrative PR Gate on a clean page. */
@media print{
  @page{margin:12mm 14mm}

  .shell{width:100%!important;max-width:none!important;margin:0!important}
  .hero-wrap{padding:0!important;overflow:visible!important}
  .hero-grid{display:block!important;width:100%!important}
  .hero-copy-block{width:100%!important;max-width:none!important;break-inside:avoid-page!important;page-break-inside:avoid!important}

  .hero-brand-stamp{
    display:flex!important;align-items:center!important;gap:7px!important;
    margin:0 0 5px!important;color:#333!important;
    font-size:7.5pt!important;letter-spacing:.11em!important;
  }
  .hero-brand-stamp img{width:22px!important;height:22px!important;border-radius:6px!important;box-shadow:none!important}
  .hero-brand-stamp span{white-space:nowrap!important}
  .status-pill{padding:4px 8px!important;font-size:7.3pt!important;letter-spacing:.07em!important}
  .hero-copy-block>.eyebrow{margin-top:7px!important;font-size:7.5pt!important;letter-spacing:.13em!important}
  .hero-copy-block>.eyebrow::before{width:18px!important}

  .hero-copy-block h1{
    margin:7px 0 7px!important;
    font-size:29pt!important;
    line-height:.92!important;
    letter-spacing:-.045em!important;
    max-width:none!important;
  }
  .hero-line{display:block!important;white-space:nowrap!important;color:#111!important}
  .lead{font-size:9.8pt!important;line-height:1.35!important;margin:0 0 7px!important;max-width:165mm!important}
  .agent-row{gap:8px!important;font-size:6.9pt!important;letter-spacing:.08em!important;margin-top:5px!important}
  .agent-row i{width:3px!important;height:3px!important}

  .hero-actions{display:flex!important;gap:7px!important;margin:7px 0 7px!important}
  .hero-actions .button{
    display:inline-flex!important;width:auto!important;padding:5px 9px!important;
    font-size:7.6pt!important;border:1px solid #777!important;background:#fff!important;
    color:#111!important;box-shadow:none!important;
  }

  .hero-proof{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;margin-top:7px!important;
    break-inside:avoid-page!important;page-break-inside:avoid!important;
  }
  .proof-pill{padding:6px 7px!important;border:1px solid #bbb!important;border-radius:8px!important;background:#fff!important}
  .proof-pill strong{font-size:7pt!important;color:#111!important;letter-spacing:.08em!important;margin-bottom:2px!important}
  .proof-pill span{font-size:7.4pt!important;line-height:1.2!important;color:#444!important}

  /* The product example gets the next page instead of sharing a nearly empty spill page. */
  .product-shot{
    break-before:page!important;page-break-before:always!important;
    break-inside:avoid-page!important;page-break-inside:avoid!important;
  }

  /* Never orphan or split the core product heading. */
  #product{break-before:page!important;page-break-before:always!important}
  #product .section-head,
  #product .section-head h2,
  .section-head,
  .section-head h2,
  h1,h2,h3{
    break-inside:avoid-page!important;page-break-inside:avoid!important;
    break-after:avoid-page!important;page-break-after:avoid!important;
  }
  #product .process-grid{break-inside:auto!important;page-break-inside:auto!important}
  .process-step{break-inside:avoid-page!important;page-break-inside:avoid!important}

  /* Preserve readable paid-tier hierarchy in monochrome/default print settings. */
  .pricing-preview-card.pro strong,
  .full-price-card.pro-card .price-value{
    color:#000!important;-webkit-text-fill-color:#000!important;
    opacity:1!important;font-weight:900!important;text-shadow:none!important;
  }
  .pricing-preview-card.pro strong{font-size:22pt!important}

  /* Keep explicit claims labels visible in exports. */
  .illustrative-badge,
  .pilot-badge{print-color-adjust:exact;-webkit-print-color-adjust:exact}
}