/* 2026062834 final visual lane guard.
   Loaded after the main stylesheet so hero copy never slips behind cockpit visuals. */
@media (min-width: 1024px) and (max-width: 1720px) {
  .collection-hero,
  .product-hero,
  .solution-hero,
  .case-hero,
  .article-hero,
  .event-hero,
  .legal-hero,
  .trust-hero,
  .reports-hero,
  .special-hero,
  .page-hero-shell,
  .pricing-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 0.52fr) minmax(300px, 0.34fr) !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: clamp(54px, 6vw, 92px) !important;
    width: min(100% - 92px, 1120px) !important;
    min-height: auto !important;
    overflow: visible !important;
  }

  .collection-hero,
  .product-hero,
  .solution-hero,
  .case-hero,
  .article-hero,
  .event-hero,
  .legal-hero,
  .trust-hero,
  .reports-hero,
  .special-hero {
    padding-top: clamp(58px, 6vw, 86px) !important;
    padding-bottom: clamp(58px, 6vw, 86px) !important;
  }

  .collection-hero > :first-child,
  .product-copy,
  .solution-hero > :first-child,
  .case-hero > :first-child,
  .article-hero-copy,
  .event-hero > :first-child,
  .legal-copy,
  .trust-copy,
  .reports-copy,
  .special-copy,
  .page-hero-copy,
  .pricing-head {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: min(500px, 48vw) !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding-right: 0 !important;
    justify-self: start !important;
    position: relative !important;
    z-index: 4 !important;
    isolation: isolate !important;
  }

  .collection-hero h1,
  .product-copy h1,
  .solution-hero h1,
  .case-hero h1,
  .article-hero h1,
  .event-hero h1,
  .legal-copy h1,
  .trust-copy h1,
  .reports-copy h1,
  .special-copy h1,
    .page-hero-copy h1,
  .pricing-head h1 {
    width: 100% !important;
    max-width: min(500px, 48vw) !important;
    font-size: clamp(32px, 2.55vw, 43px) !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    text-wrap: balance !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  .collection-hero p,
  .product-copy p,
  .solution-hero p,
  .case-hero p,
  .article-hero p,
  .event-hero p,
  .legal-copy p,
  .trust-copy p,
  .reports-copy p,
  .special-copy p,
  .page-hero-copy p,
  .pricing-head p {
    width: 100% !important;
    max-width: min(480px, 46vw) !important;
    font-size: clamp(15px, 1.25vw, 17px) !important;
    line-height: 1.62 !important;
    text-wrap: pretty !important;
  }

  .collection-workbench,
  .insight-panel,
  .solution-command-panel,
  .solution-metrics,
  .case-stats,
  .article-cockpit,
  .article-evidence-panel,
  .event-hero aside,
  .legal-cockpit,
  .legal-review-panel,
  .trust-console,
  .reports-console,
  .special-cockpit,
  .special-visual,
  .page-visual-frame,
  .hero-visual-panel,
  .cn-preview-frame,
  .contact-panel,
  .contact-signal-panel {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: min(100%, 410px) !important;
    max-width: 410px !important;
    justify-self: end !important;
    margin-left: auto !important;
    margin-right: 0 !important;
    transform: none !important;
    position: relative !important;
    z-index: 1 !important;
  }
}

@media (min-width: 1024px) and (max-width: 1380px) {
  .collection-hero,
  .product-hero,
  .solution-hero,
  .case-hero,
  .article-hero,
  .event-hero,
  .legal-hero,
  .trust-hero,
  .reports-hero,
  .special-hero,
  .page-hero-shell,
  .pricing-hero {
    grid-template-columns: minmax(0, 0.56fr) minmax(280px, 0.32fr) !important;
    gap: clamp(46px, 5vw, 68px) !important;
    width: min(100% - 72px, 1040px) !important;
  }

  .collection-hero > :first-child,
  .product-copy,
  .solution-hero > :first-child,
  .case-hero > :first-child,
  .article-hero-copy,
  .event-hero > :first-child,
  .legal-copy,
  .trust-copy,
  .reports-copy,
  .special-copy,
  .page-hero-copy,
  .pricing-head {
    max-width: min(470px, 47vw) !important;
  }

  .collection-hero h1,
  .product-copy h1,
  .solution-hero h1,
  .case-hero h1,
  .article-hero h1,
  .event-hero h1,
  .legal-copy h1,
  .trust-copy h1,
  .reports-copy h1,
  .special-copy h1,
  .page-hero-copy h1,
  .pricing-head h1 {
    max-width: min(470px, 47vw) !important;
    font-size: clamp(31px, 2.45vw, 38px) !important;
  }

  .collection-workbench,
  .insight-panel,
  .solution-command-panel,
  .solution-metrics,
  .case-stats,
  .article-cockpit,
  .article-evidence-panel,
  .event-hero aside,
  .legal-cockpit,
  .legal-review-panel,
  .trust-console,
  .reports-console,
  .special-cockpit,
  .special-visual,
  .page-visual-frame,
  .hero-visual-panel,
  .cn-preview-frame,
  .contact-panel,
  .contact-signal-panel {
    width: min(100%, 390px) !important;
    max-width: 390px !important;
  }
}

@media (min-width: 761px) and (max-width: 1023px) {
  .collection-hero,
  .product-hero,
  .solution-hero,
  .case-hero,
  .article-hero,
  .event-hero,
  .legal-hero,
  .trust-hero,
  .reports-hero,
  .special-hero,
  .page-hero-shell,
  .pricing-hero {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    width: min(100% - 48px, 760px) !important;
    min-height: auto !important;
    overflow: visible !important;
    padding-top: 58px !important;
    padding-bottom: 58px !important;
  }

  .collection-hero > :first-child,
  .product-copy,
  .solution-hero > :first-child,
  .case-hero > :first-child,
  .article-hero-copy,
  .event-hero > :first-child,
  .legal-copy,
  .trust-copy,
  .reports-copy,
  .special-copy,
  .page-hero-copy,
  .pricing-head {
    grid-column: 1 !important;
    grid-row: auto !important;
    max-width: 720px !important;
    min-width: 0 !important;
    position: relative !important;
    z-index: 4 !important;
  }

  .collection-hero h1,
  .product-copy h1,
  .solution-hero h1,
  .case-hero h1,
  .article-hero h1,
  .event-hero h1,
  .legal-copy h1,
  .trust-copy h1,
  .reports-copy h1,
  .special-copy h1,
  .page-hero-copy h1,
  .pricing-head h1 {
    max-width: 720px !important;
    font-size: clamp(38px, 5.4vw, 52px) !important;
    line-height: 1.1 !important;
    text-wrap: balance !important;
    overflow-wrap: anywhere !important;
  }

  .collection-workbench,
  .insight-panel,
  .solution-command-panel,
  .solution-metrics,
  .case-stats,
  .article-cockpit,
  .article-evidence-panel,
  .event-hero aside,
  .legal-cockpit,
  .legal-review-panel,
  .trust-console,
  .reports-console,
  .special-cockpit,
  .special-visual,
  .page-visual-frame,
  .hero-visual-panel,
  .cn-preview-frame,
  .contact-panel,
  .contact-signal-panel {
    grid-column: 1 !important;
    grid-row: auto !important;
    width: min(100%, 680px) !important;
    max-width: 680px !important;
    justify-self: start !important;
    margin: 0 !important;
    transform: none !important;
    position: relative !important;
    z-index: 1 !important;
  }
}

@media (min-width: 1721px) {
  .article-hero-copy,
  .page-hero-copy,
  .special-copy,
  .product-copy,
  .pricing-head {
    position: relative !important;
    z-index: 4 !important;
  }
}

/* 2026062833 mobile cockpit polish: purpose-built mobile rhythm instead of a squeezed desktop layout. */
@media (max-width: 760px) {
  .index-bar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 30px !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: 5px 10px !important;
    min-height: 0 !important;
    padding: 8px 14px 9px !important;
    text-align: left !important;
  }

  .index-bar strong {
    width: max-content !important;
    min-height: 24px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }

  .index-bar span {
    grid-column: 1 !important;
    max-width: 100% !important;
    color: #31332d !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }

  .index-bar b {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    justify-self: end !important;
    width: 30px !important;
    height: 30px !important;
  }

  .site-header {
    min-height: 78px !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid rgba(246, 243, 235, 0.08) !important;
  }

  .brand {
    gap: 10px !important;
    font-size: 15px !important;
  }

  .brand-mark {
    width: 44px !important;
    height: 44px !important;
    border-radius: 7px !important;
  }

  .menu-button {
    width: 58px !important;
    height: 58px !important;
    border-radius: 18px !important;
  }

  .home-hero {
    min-height: auto !important;
    padding-top: 46px !important;
    padding-bottom: 56px !important;
  }

  .home-copy {
    width: min(100%, 358px) !important;
  }

  .home-copy h1 {
    font-size: clamp(38px, 11.2vw, 46px) !important;
    line-height: 1.08 !important;
    text-align: center !important;
    text-wrap: balance !important;
  }

  .home-copy p {
    margin-top: 18px !important;
    color: #e3e1d8 !important;
    font-size: 16px !important;
    line-height: 1.58 !important;
  }

  .home-actions,
  .page-hero-actions,
  .trust-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: 28px !important;
  }

  .button,
  .pricing-card .button,
  .index-report-form button {
    min-height: 52px !important;
    justify-content: center !important;
    border-radius: 7px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
  }

  .workflow-board,
  .insight-panel,
  .article-cockpit,
  .special-cockpit,
  .trust-console,
  .reports-console,
  .cn-preview-frame,
  .page-visual-frame,
  .contact-panel,
  .contact-signal-panel {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 34px !important;
    border-radius: 8px !important;
    box-shadow: 0 28px 84px rgba(0, 0, 0, 0.42), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  }

  .workflow-board {
    min-height: 420px !important;
    padding: 16px 0 18px !important;
  }

  .workflow-kpi-strip,
  .insight-metrics,
  .special-metrics,
  .trust-metrics {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .workflow-kpi-strip article,
  .insight-metrics div,
  .special-metrics div,
  .trust-metrics div {
    min-height: 82px !important;
    padding: 16px !important;
    border-radius: 7px !important;
  }

  .insight-chart {
    min-height: 160px !important;
    padding: 18px !important;
    border-radius: 7px !important;
  }

  .insight-list p,
  .article-cockpit-list p {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
    padding: 14px 16px !important;
  }

  .collection-hero,
  .product-hero,
  .solution-hero,
  .case-hero,
  .article-hero,
  .event-hero,
  .legal-hero,
  .trust-hero,
  .reports-hero,
  .special-hero,
  .page-hero-shell,
  .pricing-hero {
    padding-top: 54px !important;
    padding-bottom: 50px !important;
  }

  .collection-hero h1,
  .product-copy h1,
  .solution-hero h1,
  .case-hero h1,
  .article-hero h1,
  .event-hero h1,
  .legal-copy h1,
  .trust-copy h1,
  .reports-copy h1,
  .special-copy h1,
  .page-hero-copy h1,
  .pricing-head h1 {
    max-width: 100% !important;
    font-size: clamp(36px, 10.8vw, 44px) !important;
    line-height: 1.1 !important;
    text-wrap: balance !important;
  }

  .collection-hero p,
  .product-copy p,
  .solution-hero p,
  .case-hero p,
  .article-hero p,
  .event-hero p,
  .legal-copy p,
  .trust-copy p,
  .reports-copy p,
  .special-copy p,
  .page-hero-copy p,
  .pricing-head p {
    max-width: 100% !important;
    font-size: 16px !important;
    line-height: 1.62 !important;
  }

  .pricing-head {
    gap: 0 !important;
  }

  .pricing-toggle {
    width: 100% !important;
    min-height: 38px !important;
    margin-top: 22px !important;
    padding: 4px !important;
    border-radius: 7px !important;
  }

  .pricing-toggle button {
    min-height: 30px !important;
    border-radius: 5px !important;
    font-size: 13px !important;
  }

  .pricing-grid {
    gap: 14px !important;
    margin-top: 34px !important;
  }

  .pricing-card {
    min-height: auto !important;
    padding: 24px 20px !important;
    border-radius: 8px !important;
    background:
      radial-gradient(circle at 88% 8%, rgba(184, 255, 190, 0.2), transparent 34%),
      linear-gradient(180deg, rgba(246, 243, 235, 0.075), transparent 50%),
      #10110e !important;
  }

  .pricing-card span {
    font-size: 20px !important;
  }

  .pricing-card strong {
    margin-top: 18px !important;
    font-size: 38px !important;
  }

  .pricing-card small {
    min-height: auto !important;
    margin-top: 14px !important;
    font-size: 14px !important;
  }

  .pricing-card ul {
    gap: 12px !important;
    font-size: 13px !important;
  }

  .pricing-value-strip {
    grid-template-columns: 1fr !important;
    margin-top: 14px !important;
    border-radius: 8px !important;
  }

  .pricing-value-strip div {
    min-height: auto !important;
    padding: 18px !important;
  }
}

@media (max-width: 420px) {
  .home-copy h1 {
    font-size: clamp(36px, 10.7vw, 42px) !important;
  }

  .collection-hero h1,
  .product-copy h1,
  .solution-hero h1,
  .case-hero h1,
  .article-hero h1,
  .event-hero h1,
  .legal-copy h1,
  .trust-copy h1,
  .reports-copy h1,
  .special-copy h1,
  .page-hero-copy h1,
  .pricing-head h1 {
    font-size: clamp(34px, 10.4vw, 41px) !important;
  }
}

/* 2026062835 mobile polish: denser cockpit cards, cleaner title rhythm, softer first screens. */
@media (max-width: 760px) {
  .pricing-hero,
  .index-landing,
  .product-hero,
  .collection-hero,
  .page-hero-shell,
  .contact-page {
    padding-top: 42px !important;
  }

  .pricing-head,
  .index-landing-copy,
  .product-copy,
  .collection-hero > :first-child,
  .page-hero-copy,
  .contact-copy {
    text-align: left !important;
  }

  .pricing-head h1,
  .index-landing h1,
  .product-copy h1,
  .collection-hero h1,
  .page-hero-copy h1,
  .contact-copy h1 {
    font-size: clamp(34px, 10vw, 40px) !important;
    line-height: 1.08 !important;
    text-align: left !important;
    text-wrap: balance !important;
  }

  .index-landing h1 {
    max-width: 330px !important;
    font-size: clamp(36px, 10.5vw, 42px) !important;
  }

  .pricing-head p,
  .index-landing-copy > p,
  .product-copy p,
  .collection-hero p,
  .page-hero-copy p,
  .contact-copy p {
    margin-top: 18px !important;
    color: #d9d8cf !important;
    font-size: 15px !important;
    line-height: 1.68 !important;
  }

  .pricing-head .pricing-audience-note {
    display: none !important;
  }

  .pricing-toggle {
    margin-top: 24px !important;
    background: rgba(246, 243, 235, 0.045) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  }

  .pricing-card {
    border-color: rgba(246, 243, 235, 0.16) !important;
    box-shadow:
      0 26px 86px rgba(0, 0, 0, 0.36),
      inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  }

  .pricing-card.featured {
    box-shadow:
      0 34px 112px rgba(0, 0, 0, 0.5),
      0 0 72px rgba(159, 237, 159, 0.14),
      inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  }

  .pricing-card .button,
  .page-hero-actions .button,
  .home-actions .button {
    min-height: 50px !important;
    border-radius: 7px !important;
  }

  .insight-panel {
    gap: 14px !important;
    min-height: auto !important;
    padding: 16px !important;
    background:
      radial-gradient(circle at 76% 8%, rgba(184, 255, 190, 0.18), transparent 36%),
      radial-gradient(circle at 18% 88%, rgba(121, 166, 255, 0.1), transparent 34%),
      linear-gradient(180deg, rgba(246, 243, 235, 0.07), transparent 54%),
      rgba(11, 13, 10, 0.96) !important;
  }

  .insight-top {
    gap: 10px !important;
    padding-bottom: 12px !important;
  }

  .insight-top strong {
    font-size: 13px !important;
    text-align: right !important;
  }

  .insight-metrics {
    grid-template-columns: 1fr 1fr !important;
  }

  .insight-metrics div {
    min-height: 88px !important;
    padding: 14px !important;
  }

  .insight-metrics div:nth-child(3) {
    grid-column: 1 / -1 !important;
  }

  .insight-metrics strong {
    font-size: 29px !important;
  }

  .insight-chart {
    min-height: 140px !important;
  }

  .insight-list p {
    min-height: 42px !important;
    padding: 11px 12px !important;
  }

  .index-report-form label,
  .contact-panel,
  .contact-signal-panel,
  .reports-console,
  .trust-console,
  .special-cockpit,
  .article-cockpit {
    border-color: rgba(246, 243, 235, 0.14) !important;
    background:
      radial-gradient(circle at 82% 10%, rgba(184, 255, 190, 0.12), transparent 34%),
      rgba(13, 15, 12, 0.86) !important;
  }

  .index-report-form input,
  .index-report-form select {
    min-height: 54px !important;
    font-size: 15px !important;
  }

  .index-report-form button {
    min-height: 54px !important;
    margin-top: 10px !important;
  }

  .site-footer {
    padding-top: 42px !important;
  }
}

@media (max-width: 420px) {
  .pricing-head h1,
  .product-copy h1,
  .collection-hero h1,
  .page-hero-copy h1,
  .contact-copy h1 {
    font-size: clamp(32px, 9.6vw, 38px) !important;
  }

  .index-landing h1 {
    font-size: clamp(35px, 10.2vw, 40px) !important;
  }
}

/* 2026062836 mobile title safety: no headline or cockpit panel may run outside the phone viewport. */
.mobile-title {
  display: none !important;
}

@media (max-width: 760px) {
  html,
  body,
  #root,
  .app-shell,
  .replica-page,
  .product-hero,
  .page-hero-shell,
  .collection-hero,
  .solution-hero,
  .case-hero,
  .article-hero,
  .event-hero,
  .legal-hero,
  .trust-hero,
  .reports-hero,
  .special-hero,
  .pricing-hero,
  .index-landing,
  .contact-page {
    max-width: 100vw !important;
    overflow-x: clip !important;
  }

  .home-copy,
  .product-copy,
  .page-hero-copy,
  .collection-hero > :first-child,
  .solution-hero > :first-child,
  .case-hero > :first-child,
  .article-hero-copy,
  .event-hero > :first-child,
  .legal-copy,
  .trust-copy,
  .reports-copy,
  .special-copy,
  .pricing-head,
  .index-landing-copy,
  .contact-copy {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-inline: 0 !important;
    overflow: visible !important;
  }

  .home-copy h1,
  .product-copy h1,
  .page-hero-copy h1,
  .collection-hero h1,
  .solution-hero h1,
  .case-hero h1,
  .article-hero h1,
  .event-hero h1,
  .legal-copy h1,
  .trust-copy h1,
  .reports-copy h1,
  .special-copy h1,
  .pricing-head h1,
  .index-landing h1,
  .contact-copy h1 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
    text-wrap: pretty !important;
    hyphens: auto !important;
    letter-spacing: 0 !important;
  }

  .home-copy {
    padding-right: 12px !important;
  }

  .desktop-title {
    display: none !important;
  }

  .mobile-title {
    display: block !important;
  }

  .product-copy h1,
  .page-hero-copy h1 {
    max-inline-size: calc(100vw - 44px) !important;
  }

  .home-copy h1 {
    font-size: clamp(34px, 9.4vw, 39px) !important;
    line-height: 1.14 !important;
  }

  .product-copy h1,
  .page-hero-copy h1,
  .collection-hero h1,
  .solution-hero h1,
  .case-hero h1,
  .article-hero h1,
  .event-hero h1,
  .legal-copy h1,
  .trust-copy h1,
  .reports-copy h1,
  .special-copy h1,
  .pricing-head h1,
  .contact-copy h1 {
    font-size: clamp(32px, 8.8vw, 38px) !important;
    line-height: 1.15 !important;
  }

  .product-copy p,
  .page-hero-copy p,
  .collection-hero p,
  .solution-hero p,
  .case-hero p,
  .article-hero p,
  .event-hero p,
  .legal-copy p,
  .trust-copy p,
  .reports-copy p,
  .special-copy p,
  .pricing-head p,
  .contact-copy p {
    width: 100% !important;
    max-width: 100% !important;
    overflow-wrap: break-word !important;
    text-wrap: pretty !important;
  }

  .insight-panel,
  .hero-visual-panel,
  .cn-preview-frame,
  .collection-workbench,
  .solution-command-panel,
  .solution-metrics,
  .case-stats,
  .article-cockpit,
  .article-evidence-panel,
  .event-hero aside,
  .legal-cockpit,
  .legal-review-panel,
  .trust-console,
  .reports-console,
  .special-cockpit,
  .special-visual,
  .page-visual-frame,
  .contact-panel,
  .contact-signal-panel {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-inline: 0 !important;
    transform: none !important;
    overflow: hidden !important;
  }

  .insight-top {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

  .insight-top span,
  .insight-top strong,
  .insight-list span,
  .insight-list strong {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
  }

  .insight-top strong {
    display: none !important;
  }

  .insight-metrics {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    gap: 10px !important;
  }
}

@media (max-width: 420px) {
  .home-copy h1 {
    font-size: clamp(32px, 9vw, 37px) !important;
  }

  .product-copy h1,
  .page-hero-copy h1,
  .collection-hero h1,
  .solution-hero h1,
  .case-hero h1,
  .article-hero h1,
  .event-hero h1,
  .legal-copy h1,
  .trust-copy h1,
  .reports-copy h1,
  .special-copy h1,
  .pricing-head h1,
  .contact-copy h1 {
    font-size: clamp(30px, 8.5vw, 36px) !important;
  }
}

/* 2026062837 desktop visual lane lock: keep every first-screen title inside its text lane. */
@media (min-width: 761px) and (max-width: 1720px) {
  .product-hero,
  .page-hero-shell,
  .collection-hero,
  .solution-hero,
  .case-hero,
  .article-hero,
  .event-hero,
  .legal-hero,
  .trust-hero,
  .reports-hero,
  .special-hero,
  .pricing-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 500px) minmax(300px, 420px) !important;
    column-gap: clamp(56px, 7vw, 112px) !important;
    row-gap: 36px !important;
    align-items: center !important;
    justify-content: center !important;
    width: min(100% - 80px, 1120px) !important;
    max-width: 1120px !important;
    overflow: visible !important;
  }

  .product-copy,
  .page-hero-copy,
  .collection-hero > :first-child,
  .solution-hero > :first-child,
  .case-hero > :first-child,
  .article-hero-copy,
  .event-hero > :first-child,
  .legal-copy,
  .trust-copy,
  .reports-copy,
  .special-copy,
  .pricing-head {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 500px !important;
    min-width: 0 !important;
    justify-self: start !important;
    position: relative !important;
    z-index: 5 !important;
    overflow: visible !important;
  }

  .product-copy h1,
  .page-hero-copy h1,
  .collection-hero h1,
  .solution-hero h1,
  .case-hero h1,
  .article-hero h1,
  .event-hero h1,
  .legal-copy h1,
  .trust-copy h1,
  .reports-copy h1,
  .special-copy h1,
  .pricing-head h1 {
    display: block !important;
    width: 100% !important;
    max-width: 500px !important;
    font-size: clamp(34px, 2.7vw, 46px) !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
    text-wrap: balance !important;
  }

  .product-copy p,
  .page-hero-copy p,
  .collection-hero p,
  .solution-hero p,
  .case-hero p,
  .article-hero p,
  .event-hero p,
  .legal-copy p,
  .trust-copy p,
  .reports-copy p,
  .special-copy p,
  .pricing-head p {
    width: 100% !important;
    max-width: 500px !important;
    overflow-wrap: break-word !important;
  }

  .collection-workbench,
  .insight-panel,
  .solution-command-panel,
  .solution-metrics,
  .case-stats,
  .article-cockpit,
  .article-evidence-panel,
  .event-hero aside,
  .legal-cockpit,
  .legal-review-panel,
  .trust-console,
  .reports-console,
  .special-cockpit,
  .special-visual,
  .page-visual-frame,
  .hero-visual-panel,
  .cn-preview-frame,
  .contact-panel,
  .contact-signal-panel {
    grid-column: 2 !important;
    grid-row: 1 !important;
    width: min(100%, 420px) !important;
    max-width: 420px !important;
    min-width: 0 !important;
    justify-self: end !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    transform: none !important;
    position: relative !important;
    z-index: 1 !important;
  }
}

@media (min-width: 761px) and (max-width: 1180px) {
  .product-hero,
  .page-hero-shell,
  .collection-hero,
  .solution-hero,
  .case-hero,
  .article-hero,
  .event-hero,
  .legal-hero,
  .trust-hero,
  .reports-hero,
  .special-hero,
  .pricing-hero {
    grid-template-columns: minmax(0, 1fr) !important;
    width: min(100% - 48px, 760px) !important;
  }

  .collection-workbench,
  .insight-panel,
  .solution-command-panel,
  .solution-metrics,
  .case-stats,
  .article-cockpit,
  .article-evidence-panel,
  .event-hero aside,
  .legal-cockpit,
  .legal-review-panel,
  .trust-console,
  .reports-console,
  .special-cockpit,
  .special-visual,
  .page-visual-frame,
  .hero-visual-panel,
  .cn-preview-frame {
    grid-column: 1 !important;
    grid-row: auto !important;
    width: min(100%, 760px) !important;
    max-width: 760px !important;
    justify-self: start !important;
  }
}

/* 2026062838 mobile refinement: stronger tap targets and calmer card rhythm on small phones. */
@media (max-width: 760px) {
  .menu-button {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;
    border-radius: 16px !important;
  }

  .nav.nav-open {
    gap: 8px !important;
    padding: 14px !important;
  }

  .nav.nav-open .nav-item,
  .nav.nav-open .nav-link {
    width: 100% !important;
  }

  .nav.nav-open .nav-link {
    min-height: 48px !important;
    padding: 13px 14px !important;
    justify-content: space-between !important;
    border-radius: 8px !important;
    background: rgba(246, 243, 235, 0.045) !important;
  }

  .nav.nav-open .nav-dropdown,
  .nav.nav-open .nav-dropdown::before,
  .nav.nav-open .nav-dropdown::after,
  .nav.nav-open .nav-feature-card {
    display: none !important;
  }

  .mobile-nav-actions {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    margin-top: 6px !important;
  }

  .mobile-nav-actions .button {
    width: 100% !important;
    min-height: 50px !important;
  }

  .home-actions,
  .page-hero-actions {
    gap: 12px !important;
  }

  .home-actions .button,
  .page-hero-actions .button,
  .pricing-card .button {
    min-height: 52px !important;
    font-size: 15px !important;
  }

  .pricing-toggle {
    min-height: 54px !important;
    padding: 5px !important;
    border-radius: 9px !important;
  }

  .pricing-toggle button {
    min-height: 44px !important;
    font-size: 14px !important;
    border-radius: 7px !important;
  }

  .pricing-grid {
    gap: 18px !important;
    margin-top: 30px !important;
  }

  .pricing-card {
    padding: 26px 20px !important;
  }

  .pricing-card strong {
    font-size: clamp(36px, 11vw, 42px) !important;
    line-height: 1.05 !important;
  }

  .pricing-card small,
  .pricing-card li {
    font-size: 14px !important;
    line-height: 1.58 !important;
  }

  .pricing-onboarding,
  .pricing-compare,
  .pricing-faq {
    margin-top: 28px !important;
  }
}

@media (max-width: 380px) {
  .site-header {
    width: calc(100% - 28px) !important;
  }

  .brand span {
    font-size: 13px !important;
  }

  .home-copy h1,
  .page-hero-copy h1,
  .collection-hero h1,
  .product-copy h1,
  .pricing-head h1 {
    font-size: clamp(30px, 9.2vw, 35px) !important;
  }

  .home-copy > p,
  .page-hero-copy > p,
  .collection-hero p,
  .product-copy p,
  .pricing-head > p {
    font-size: 14.5px !important;
    line-height: 1.72 !important;
  }
}

/* 2026062840 hero text collision repair: keep long Chinese titles away from cockpit visuals. */
@media (min-width: 1181px) and (max-width: 1720px) {
  .product-hero,
  .page-hero-shell,
  .collection-hero,
  .solution-hero,
  .case-hero,
  .article-hero,
  .event-hero,
  .legal-hero,
  .trust-hero,
  .reports-hero,
  .special-hero,
  .pricing-hero {
    grid-template-columns: minmax(0, 456px) minmax(340px, 420px) !important;
    column-gap: clamp(68px, 7vw, 116px) !important;
    width: min(100% - 112px, 1120px) !important;
  }

  .product-copy,
  .page-hero-copy,
  .collection-hero > :first-child,
  .solution-hero > :first-child,
  .case-hero > :first-child,
  .article-hero-copy,
  .event-hero > :first-child,
  .legal-copy,
  .trust-copy,
  .reports-copy,
  .special-copy,
  .pricing-head {
    max-width: 456px !important;
    contain: layout paint !important;
  }

  .product-copy h1,
  .page-hero-copy h1,
  .collection-hero h1,
  .solution-hero h1,
  .case-hero h1,
  .article-hero h1,
  .event-hero h1,
  .legal-copy h1,
  .trust-copy h1,
  .reports-copy h1,
  .special-copy h1,
  .pricing-head h1 {
    max-width: 456px !important;
    font-size: clamp(32px, 2.45vw, 42px) !important;
    line-height: 1.14 !important;
    white-space: normal !important;
    word-break: auto-phrase !important;
    overflow-wrap: anywhere !important;
    text-wrap: pretty !important;
  }

  .product-copy p,
  .page-hero-copy p,
  .collection-hero p,
  .solution-hero p,
  .case-hero p,
  .article-hero p,
  .event-hero p,
  .legal-copy p,
  .trust-copy p,
  .reports-copy p,
  .special-copy p,
  .pricing-head p,
  .page-hero-actions,
  .solution-actions,
  .special-actions {
    max-width: 456px !important;
  }

  .collection-workbench,
  .insight-panel,
  .solution-command-panel,
  .solution-metrics,
  .case-stats,
  .article-cockpit,
  .article-evidence-panel,
  .event-hero aside,
  .legal-cockpit,
  .legal-review-panel,
  .trust-console,
  .reports-console,
  .special-cockpit,
  .special-visual,
  .page-visual-frame,
  .hero-visual-panel,
  .cn-preview-frame,
  .contact-panel,
  .contact-signal-panel {
    max-width: 420px !important;
    z-index: 0 !important;
  }
}

@media (min-width: 1181px) and (max-width: 1360px) {
  .product-hero,
  .page-hero-shell,
  .collection-hero,
  .solution-hero,
  .case-hero,
  .article-hero,
  .event-hero,
  .legal-hero,
  .trust-hero,
  .reports-hero,
  .special-hero,
  .pricing-hero {
    grid-template-columns: minmax(0, 420px) minmax(320px, 390px) !important;
    column-gap: 64px !important;
    width: min(100% - 88px, 980px) !important;
  }

  .product-copy,
  .page-hero-copy,
  .collection-hero > :first-child,
  .solution-hero > :first-child,
  .case-hero > :first-child,
  .article-hero-copy,
  .event-hero > :first-child,
  .legal-copy,
  .trust-copy,
  .reports-copy,
  .special-copy,
  .pricing-head,
  .product-copy h1,
  .page-hero-copy h1,
  .collection-hero h1,
  .solution-hero h1,
  .case-hero h1,
  .article-hero h1,
  .event-hero h1,
  .legal-copy h1,
  .trust-copy h1,
  .reports-copy h1,
  .special-copy h1,
  .pricing-head h1 {
    max-width: 420px !important;
  }

  .product-copy h1,
  .page-hero-copy h1,
  .collection-hero h1,
  .solution-hero h1,
  .case-hero h1,
  .article-hero h1,
  .event-hero h1,
  .legal-copy h1,
  .trust-copy h1,
  .reports-copy h1,
  .special-copy h1,
  .pricing-head h1 {
    font-size: clamp(30px, 2.35vw, 37px) !important;
  }
}

@media (min-width: 761px) and (max-width: 1180px) {
  .product-hero,
  .page-hero-shell,
  .collection-hero,
  .solution-hero,
  .case-hero,
  .article-hero,
  .event-hero,
  .legal-hero,
  .trust-hero,
  .reports-hero,
  .special-hero,
  .pricing-hero {
    grid-template-columns: 1fr !important;
    row-gap: 34px !important;
    width: min(100% - 56px, 760px) !important;
  }

  .product-copy,
  .page-hero-copy,
  .collection-hero > :first-child,
  .solution-hero > :first-child,
  .case-hero > :first-child,
  .article-hero-copy,
  .event-hero > :first-child,
  .legal-copy,
  .trust-copy,
  .reports-copy,
  .special-copy,
  .pricing-head,
  .collection-workbench,
  .insight-panel,
  .solution-command-panel,
  .solution-metrics,
  .case-stats,
  .article-cockpit,
  .article-evidence-panel,
  .event-hero aside,
  .legal-cockpit,
  .legal-review-panel,
  .trust-console,
  .reports-console,
  .special-cockpit,
  .special-visual,
  .page-visual-frame,
  .hero-visual-panel,
  .cn-preview-frame,
  .contact-panel,
  .contact-signal-panel {
    grid-column: 1 !important;
    grid-row: auto !important;
    width: 100% !important;
    max-width: 760px !important;
    justify-self: stretch !important;
  }

  .product-copy h1,
  .page-hero-copy h1,
  .collection-hero h1,
  .solution-hero h1,
  .case-hero h1,
  .article-hero h1,
  .event-hero h1,
  .legal-copy h1,
  .trust-copy h1,
  .reports-copy h1,
  .special-copy h1,
  .pricing-head h1 {
    max-width: 760px !important;
    word-break: auto-phrase !important;
    overflow-wrap: anywhere !important;
    text-wrap: pretty !important;
  }
}

@media (max-width: 760px) {
  .product-hero,
  .page-hero-shell,
  .collection-hero,
  .solution-hero,
  .case-hero,
  .article-hero,
  .event-hero,
  .legal-hero,
  .trust-hero,
  .reports-hero,
  .special-hero,
  .pricing-hero,
  .contact-page {
    display: grid !important;
    grid-template-columns: 1fr !important;
    row-gap: 28px !important;
  }

  .product-copy,
  .page-hero-copy,
  .collection-hero > :first-child,
  .solution-hero > :first-child,
  .case-hero > :first-child,
  .article-hero-copy,
  .event-hero > :first-child,
  .legal-copy,
  .trust-copy,
  .reports-copy,
  .special-copy,
  .pricing-head,
  .contact-copy {
    grid-column: 1 !important;
    grid-row: 1 !important;
    position: relative !important;
    z-index: 5 !important;
  }

  .collection-workbench,
  .insight-panel,
  .solution-command-panel,
  .solution-metrics,
  .case-stats,
  .article-cockpit,
  .article-evidence-panel,
  .event-hero aside,
  .legal-cockpit,
  .legal-review-panel,
  .trust-console,
  .reports-console,
  .special-cockpit,
  .special-visual,
  .page-visual-frame,
  .hero-visual-panel,
  .cn-preview-frame,
  .contact-panel,
  .contact-signal-panel {
    grid-column: 1 !important;
    grid-row: 2 !important;
    position: relative !important;
    z-index: 1 !important;
    margin-top: 0 !important;
  }

  .site-footer a,
  .footer-columns a,
  .footer-logo {
    min-height: 44px !important;
    display: flex !important;
    align-items: center !important;
  }
}

/* 2026062841 full-page text safety: long hero titles and report cards stay in their own lane. */
@media (min-width: 1181px) and (max-width: 1600px) {
  .product-hero,
  .page-hero-shell,
  .collection-hero,
  .solution-hero,
  .case-hero,
  .article-hero,
  .event-hero,
  .legal-hero,
  .trust-hero,
  .reports-hero,
  .special-hero,
  .pricing-hero {
    grid-template-columns: minmax(0, 1fr) !important;
    row-gap: 40px !important;
    width: min(100% - 96px, 1120px) !important;
    align-items: start !important;
  }

  .product-copy,
  .page-hero-copy,
  .collection-hero > :first-child,
  .solution-hero > :first-child,
  .case-hero > :first-child,
  .article-hero-copy,
  .event-hero > :first-child,
  .legal-copy,
  .trust-copy,
  .reports-copy,
  .special-copy,
  .pricing-head {
    grid-column: 1 !important;
    grid-row: 1 !important;
    max-width: min(880px, 100%) !important;
    contain: none !important;
  }

  .product-copy h1,
  .page-hero-copy h1,
  .collection-hero h1,
  .solution-hero h1,
  .case-hero h1,
  .article-hero h1,
  .event-hero h1,
  .legal-copy h1,
  .trust-copy h1,
  .reports-copy h1,
  .special-copy h1,
  .pricing-head h1 {
    max-width: min(880px, 100%) !important;
    font-size: clamp(42px, 4.6vw, 64px) !important;
    line-height: 1.08 !important;
    overflow-wrap: break-word !important;
    text-wrap: balance !important;
  }

  .product-copy p,
  .page-hero-copy p,
  .collection-hero p,
  .solution-hero p,
  .case-hero p,
  .article-hero p,
  .event-hero p,
  .legal-copy p,
  .trust-copy p,
  .reports-copy p,
  .special-copy p,
  .pricing-head p,
  .page-hero-actions,
  .solution-actions,
  .special-actions {
    max-width: min(720px, 100%) !important;
  }

  .collection-workbench,
  .insight-panel,
  .solution-command-panel,
  .solution-metrics,
  .case-stats,
  .article-cockpit,
  .article-evidence-panel,
  .event-hero aside,
  .legal-cockpit,
  .legal-review-panel,
  .trust-console,
  .reports-console,
  .special-cockpit,
  .special-visual,
  .page-visual-frame,
  .hero-visual-panel,
  .cn-preview-frame,
  .contact-panel,
  .contact-signal-panel {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: min(100%, 760px) !important;
    max-width: 760px !important;
    justify-self: start !important;
    z-index: 1 !important;
  }
}

.index-insight-section,
.index-score-section {
  position: relative !important;
  z-index: 1 !important;
  overflow: visible !important;
}

.index-insight-grid,
.index-score-grid {
  min-width: 0 !important;
}

.index-insight-grid article,
.index-score-grid article,
.index-faq-strip article {
  overflow: hidden !important;
  isolation: isolate !important;
}

.index-insight-grid article::before,
.index-insight-grid article::after,
.index-score-grid article::before,
.index-score-grid article::after,
.index-faq-strip article::before,
.index-faq-strip article::after {
  z-index: 0 !important;
  pointer-events: none !important;
}

.index-insight-grid article > *,
.index-score-grid article > *,
.index-faq-strip article > * {
  position: relative !important;
  z-index: 2 !important;
}

@media (max-width: 1180px) {
  .index-insight-section {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 28px !important;
    width: min(100% - 48px, 760px) !important;
    padding: 64px 0 76px !important;
  }

  .index-insight-section aside {
    position: relative !important;
    top: auto !important;
    z-index: 3 !important;
  }

  .index-insight-section h2 {
    font-size: clamp(34px, 7vw, 52px) !important;
    line-height: 1.08 !important;
    max-width: 760px !important;
  }

  .index-insight-grid {
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  .index-insight-grid article {
    width: 100% !important;
    min-height: 220px !important;
  }
}

@media (max-width: 760px) {
  .index-score-section,
  .index-insight-section {
    width: min(100% - 32px, 390px) !important;
  }

  .index-score-grid,
  .index-insight-grid {
    grid-template-columns: 1fr !important;
  }

  .index-score-grid article,
  .index-insight-grid article {
    min-height: auto !important;
    padding: 24px !important;
  }

  .index-insight-grid strong {
    margin-top: 44px !important;
    font-size: 22px !important;
    line-height: 1.28 !important;
  }

  .index-score-grid strong {
    margin-top: 34px !important;
    font-size: clamp(46px, 13vw, 62px) !important;
    line-height: 1 !important;
  }
}

/* 2026062842 hard separation: every subpage hero keeps copy above visuals below 1720px. */
@media (max-width: 1720px) {
  .collection-hero,
  .product-hero,
  .solution-hero,
  .case-hero,
  .article-hero,
  .event-hero,
  .legal-hero,
  .trust-hero,
  .reports-hero,
  .special-hero,
  .page-hero-shell,
  .pricing-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    grid-auto-flow: row !important;
    align-items: start !important;
    justify-items: stretch !important;
    gap: clamp(32px, 4.5vw, 58px) !important;
    width: min(100% - 48px, 1080px) !important;
    min-height: auto !important;
    overflow: visible !important;
    isolation: isolate !important;
  }

  .collection-hero > :first-child,
  .product-copy,
  .solution-hero > :first-child,
  .case-hero > :first-child,
  .article-hero-copy,
  .event-hero > :first-child,
  .legal-copy,
  .trust-copy,
  .reports-copy,
  .special-copy,
  .page-hero-copy,
  .pricing-head,
  .contact-copy {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: min(900px, 100%) !important;
    min-width: 0 !important;
    margin: 0 auto 0 0 !important;
    padding: 0 !important;
    position: relative !important;
    z-index: 20 !important;
    transform: none !important;
    contain: none !important;
    isolation: isolate !important;
  }

  .collection-hero h1,
  .product-copy h1,
  .solution-hero h1,
  .case-hero h1,
  .article-hero h1,
  .event-hero h1,
  .legal-copy h1,
  .trust-copy h1,
  .reports-copy h1,
  .special-copy h1,
  .page-hero-copy h1,
  .pricing-head h1,
  .contact-copy h1 {
    width: 100% !important;
    max-width: min(900px, 100%) !important;
    min-width: 0 !important;
    position: relative !important;
    z-index: 21 !important;
    white-space: normal !important;
    overflow: visible !important;
    text-wrap: balance !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    transform: none !important;
  }

  .collection-hero p,
  .product-copy p,
  .solution-hero p,
  .case-hero p,
  .article-hero p,
  .event-hero p,
  .legal-copy p,
  .trust-copy p,
  .reports-copy p,
  .special-copy p,
  .page-hero-copy p,
  .pricing-head p,
  .contact-copy p,
  .page-hero-actions,
  .solution-actions,
  .special-actions {
    width: 100% !important;
    max-width: min(760px, 100%) !important;
    min-width: 0 !important;
    position: relative !important;
    z-index: 21 !important;
  }

  .collection-workbench,
  .insight-panel,
  .solution-command-panel,
  .solution-metrics,
  .case-stats,
  .article-cockpit,
  .article-evidence-panel,
  .event-hero aside,
  .legal-cockpit,
  .legal-review-panel,
  .trust-console,
  .reports-console,
  .special-cockpit,
  .special-visual,
  .page-visual-frame,
  .hero-visual-panel,
  .cn-preview-frame,
  .contact-panel,
  .contact-signal-panel {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: min(100%, 760px) !important;
    max-width: 760px !important;
    min-width: 0 !important;
    justify-self: start !important;
    align-self: start !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 1 !important;
    transform: none !important;
  }

  .collection-workbench::before,
  .collection-workbench::after,
  .insight-panel::before,
  .insight-panel::after,
  .solution-command-panel::before,
  .solution-command-panel::after,
  .case-stats::before,
  .case-stats::after,
  .article-cockpit::before,
  .article-cockpit::after,
  .reports-console::before,
  .reports-console::after,
  .special-visual::before,
  .special-visual::after,
  .page-visual-frame::before,
  .page-visual-frame::after,
  .hero-visual-panel::before,
  .hero-visual-panel::after,
  .cn-preview-frame::before,
  .cn-preview-frame::after {
    pointer-events: none !important;
  }
}

@media (max-width: 760px) {
  .collection-hero,
  .product-hero,
  .solution-hero,
  .case-hero,
  .article-hero,
  .event-hero,
  .legal-hero,
  .trust-hero,
  .reports-hero,
  .special-hero,
  .page-hero-shell,
  .pricing-hero {
    width: min(100% - 32px, 430px) !important;
    gap: 28px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .collection-hero h1,
  .product-copy h1,
  .solution-hero h1,
  .case-hero h1,
  .article-hero h1,
  .event-hero h1,
  .legal-copy h1,
  .trust-copy h1,
  .reports-copy h1,
  .special-copy h1,
  .page-hero-copy h1,
  .pricing-head h1,
  .contact-copy h1 {
    font-size: clamp(32px, 9.8vw, 44px) !important;
    line-height: 1.1 !important;
  }
}

/* 2026062901 hero safety lane: prevent cockpit visuals from clipping copy on narrow desktop and mobile. */
@media (max-width: 1560px) {
  .collection-hero,
  .product-hero,
  .solution-hero,
  .case-hero,
  .article-hero,
  .event-hero,
  .legal-hero,
  .trust-hero,
  .reports-hero,
  .special-hero,
  .page-hero-shell,
  .pricing-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    justify-items: start !important;
    align-items: start !important;
    gap: clamp(34px, 4.6vw, 62px) !important;
    width: min(100% - 72px, 1120px) !important;
    max-width: 1120px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow: visible !important;
    contain: none !important;
  }

  .collection-hero > :first-child,
  .product-copy,
  .solution-hero > :first-child,
  .case-hero > :first-child,
  .article-hero-copy,
  .event-hero > :first-child,
  .legal-copy,
  .trust-copy,
  .reports-copy,
  .special-copy,
  .page-hero-copy,
  .pricing-head,
  .contact-copy {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: min(860px, 100%) !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: start !important;
    position: relative !important;
    z-index: 30 !important;
    transform: none !important;
    overflow: visible !important;
    contain: none !important;
  }

  .collection-hero h1,
  .product-copy h1,
  .solution-hero h1,
  .case-hero h1,
  .article-hero h1,
  .event-hero h1,
  .legal-copy h1,
  .trust-copy h1,
  .reports-copy h1,
  .special-copy h1,
  .page-hero-copy h1,
  .pricing-head h1,
  .contact-copy h1 {
    width: 100% !important;
    max-width: min(860px, 100%) !important;
    min-width: 0 !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
    text-wrap: balance !important;
    overflow: visible !important;
    clip-path: none !important;
    transform: none !important;
    position: relative !important;
    z-index: 31 !important;
  }

  .collection-hero p,
  .product-copy p,
  .solution-hero p,
  .case-hero p,
  .article-hero p,
  .event-hero p,
  .legal-copy p,
  .trust-copy p,
  .reports-copy p,
  .special-copy p,
  .page-hero-copy p,
  .pricing-head p,
  .contact-copy p {
    max-width: min(720px, 100%) !important;
    position: relative !important;
    z-index: 31 !important;
  }

  .collection-workbench,
  .insight-panel,
  .solution-command-panel,
  .solution-metrics,
  .case-stats,
  .article-cockpit,
  .article-evidence-panel,
  .event-hero aside,
  .legal-cockpit,
  .legal-review-panel,
  .trust-console,
  .reports-console,
  .special-cockpit,
  .special-visual,
  .page-visual-frame,
  .hero-visual-panel,
  .cn-preview-frame,
  .contact-panel,
  .contact-signal-panel {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: min(100%, 760px) !important;
    max-width: 760px !important;
    min-width: 0 !important;
    justify-self: start !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 1 !important;
    transform: none !important;
    overflow: hidden !important;
  }

  .product-hero::before,
  .product-hero::after,
  .collection-hero::before,
  .collection-hero::after,
  .page-hero-shell::before,
  .page-hero-shell::after,
  .pricing-hero::before,
  .pricing-hero::after {
    pointer-events: none !important;
    z-index: 0 !important;
  }
}

@media (min-width: 1561px) and (max-width: 1720px) {
  .collection-hero,
  .product-hero,
  .solution-hero,
  .case-hero,
  .article-hero,
  .event-hero,
  .legal-hero,
  .trust-hero,
  .reports-hero,
  .special-hero,
  .page-hero-shell,
  .pricing-hero {
    width: min(100% - 112px, 1240px) !important;
  }

  .collection-hero h1,
  .product-copy h1,
  .solution-hero h1,
  .case-hero h1,
  .article-hero h1,
  .event-hero h1,
  .legal-copy h1,
  .trust-copy h1,
  .reports-copy h1,
  .special-copy h1,
  .page-hero-copy h1,
  .pricing-head h1,
  .contact-copy h1 {
    font-size: clamp(40px, 3.2vw, 56px) !important;
  }
}

@media (max-width: 760px) {
  .collection-hero,
  .product-hero,
  .solution-hero,
  .case-hero,
  .article-hero,
  .event-hero,
  .legal-hero,
  .trust-hero,
  .reports-hero,
  .special-hero,
  .page-hero-shell,
  .pricing-hero {
    width: min(100% - 32px, 430px) !important;
    gap: 28px !important;
  }

  .collection-hero h1,
  .product-copy h1,
  .solution-hero h1,
  .case-hero h1,
  .article-hero h1,
  .event-hero h1,
  .legal-copy h1,
  .trust-copy h1,
  .reports-copy h1,
  .special-copy h1,
  .page-hero-copy h1,
  .pricing-head h1,
  .contact-copy h1 {
    font-size: clamp(31px, 9.3vw, 41px) !important;
    line-height: 1.12 !important;
  }
}

/* 2026062903 final copy-first guard: all hero visuals sit below copy on laptop and tablet widths. */
@media (max-width: 1720px) {
  .collection-hero,
  .product-hero,
  .solution-hero,
  .case-hero,
  .article-hero,
  .event-hero,
  .legal-hero,
  .trust-hero,
  .reports-hero,
  .special-hero,
  .page-hero-shell,
  .pricing-hero,
  .contact-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: start !important;
    justify-items: start !important;
    gap: clamp(32px, 4.8vw, 64px) !important;
    overflow: visible !important;
    isolation: isolate !important;
  }

  .collection-hero > :first-child,
  .product-copy,
  .solution-hero > :first-child,
  .case-hero > :first-child,
  .article-hero-copy,
  .event-hero > :first-child,
  .legal-copy,
  .trust-copy,
  .reports-copy,
  .special-copy,
  .page-hero-copy,
  .pricing-head,
  .contact-copy {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: min(900px, 100%) !important;
    min-width: 0 !important;
    justify-self: start !important;
    position: relative !important;
    z-index: 80 !important;
    transform: none !important;
    overflow: visible !important;
  }

  .collection-hero h1,
  .product-copy h1,
  .solution-hero h1,
  .case-hero h1,
  .article-hero h1,
  .event-hero h1,
  .legal-copy h1,
  .trust-copy h1,
  .reports-copy h1,
  .special-copy h1,
  .page-hero-copy h1,
  .pricing-head h1,
  .contact-copy h1,
  .collection-hero p,
  .product-copy p,
  .solution-hero p,
  .case-hero p,
  .article-hero p,
  .event-hero p,
  .legal-copy p,
  .trust-copy p,
  .reports-copy p,
  .special-copy p,
  .page-hero-copy p,
  .pricing-head p,
  .contact-copy p,
  .page-hero-actions,
  .article-meta-strip {
    position: relative !important;
    z-index: 82 !important;
    transform: none !important;
    clip-path: none !important;
  }

  .collection-workbench,
  .insight-panel,
  .solution-command-panel,
  .solution-metrics,
  .case-stats,
  .article-cockpit,
  .article-evidence-panel,
  .event-hero aside,
  .legal-cockpit,
  .legal-review-panel,
  .trust-console,
  .reports-console,
  .special-cockpit,
  .special-visual,
  .page-visual-frame,
  .hero-visual-panel,
  .cn-preview-frame,
  .contact-panel,
  .contact-signal-panel {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: min(100%, 760px) !important;
    max-width: 760px !important;
    min-width: 0 !important;
    justify-self: start !important;
    align-self: start !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 2 !important;
    transform: none !important;
  }

  .collection-hero::before,
  .collection-hero::after,
  .product-hero::before,
  .product-hero::after,
  .solution-hero::before,
  .solution-hero::after,
  .case-hero::before,
  .case-hero::after,
  .article-hero::before,
  .article-hero::after,
  .event-hero::before,
  .event-hero::after,
  .legal-hero::before,
  .legal-hero::after,
  .trust-hero::before,
  .trust-hero::after,
  .reports-hero::before,
  .reports-hero::after,
  .special-hero::before,
  .special-hero::after,
  .page-hero-shell::before,
  .page-hero-shell::after,
  .pricing-hero::before,
  .pricing-hero::after,
  .contact-hero::before,
  .contact-hero::after,
  .collection-workbench::before,
  .collection-workbench::after,
  .insight-panel::before,
  .insight-panel::after,
  .solution-command-panel::before,
  .solution-command-panel::after,
  .article-cockpit::before,
  .article-cockpit::after,
  .reports-console::before,
  .reports-console::after,
  .special-cockpit::before,
  .special-cockpit::after,
  .page-visual-frame::before,
  .page-visual-frame::after,
  .cn-preview-frame::before,
  .cn-preview-frame::after {
    pointer-events: none !important;
  }
}

/* 2026062904 hard visual containment: no animated cockpit or image panel may share the title row. */
@media (max-width: 1720px) {
  .collection-hero,
  .product-hero,
  .solution-hero,
  .case-hero,
  .article-hero,
  .event-hero,
  .legal-hero,
  .trust-hero,
  .reports-hero,
  .special-hero,
  .page-hero-shell,
  .pricing-hero,
  .contact-hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    align-items: start !important;
    justify-items: start !important;
    gap: clamp(38px, 5vw, 70px) !important;
    width: min(100% - 64px, 1080px) !important;
    max-width: 1080px !important;
    min-height: auto !important;
    overflow: visible !important;
    isolation: isolate !important;
  }

  .collection-hero > :first-child,
  .product-copy,
  .solution-hero > :first-child,
  .case-hero > :first-child,
  .article-hero-copy,
  .event-hero > :first-child,
  .legal-copy,
  .trust-copy,
  .reports-copy,
  .special-copy,
  .page-hero-copy,
  .pricing-head,
  .contact-copy {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: min(940px, 100%) !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: start !important;
    position: relative !important;
    z-index: 80 !important;
    transform: none !important;
    clip-path: none !important;
    overflow: visible !important;
  }

  .collection-hero h1,
  .product-copy h1,
  .solution-hero h1,
  .case-hero h1,
  .article-hero h1,
  .event-hero h1,
  .legal-copy h1,
  .trust-copy h1,
  .reports-copy h1,
  .special-copy h1,
  .page-hero-copy h1,
  .pricing-head h1,
  .contact-copy h1 {
    width: 100% !important;
    max-width: min(940px, 100%) !important;
    position: relative !important;
    z-index: 82 !important;
    white-space: normal !important;
    text-wrap: balance !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    transform: none !important;
    clip-path: none !important;
  }

  .collection-hero p,
  .product-copy p,
  .solution-hero p,
  .case-hero p,
  .article-hero p,
  .event-hero p,
  .legal-copy p,
  .trust-copy p,
  .reports-copy p,
  .special-copy p,
  .page-hero-copy p,
  .pricing-head p,
  .contact-copy p,
  .page-hero-actions,
  .solution-actions,
  .trust-actions,
  .article-meta-strip {
    max-width: min(760px, 100%) !important;
    position: relative !important;
    z-index: 82 !important;
    transform: none !important;
    clip-path: none !important;
  }

  .collection-workbench,
  .insight-panel,
  .solution-command-panel,
  .solution-metrics,
  .case-stats,
  .article-cockpit,
  .article-evidence-panel,
  .event-hero aside,
  .legal-cockpit,
  .legal-review-panel,
  .trust-console,
  .reports-console,
  .special-cockpit,
  .special-visual,
  .page-visual-frame,
  .hero-visual-panel,
  .cn-preview-frame,
  .contact-panel,
  .contact-signal-panel {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: min(100%, 760px) !important;
    max-width: 760px !important;
    min-width: 0 !important;
    justify-self: start !important;
    align-self: start !important;
    margin: 0 !important;
    position: relative !important;
    z-index: 2 !important;
    transform: none !important;
    clip-path: none !important;
    contain: layout paint !important;
  }

  .collection-workbench *,
  .insight-panel *,
  .solution-command-panel *,
  .solution-metrics *,
  .case-stats *,
  .article-cockpit *,
  .article-evidence-panel *,
  .event-hero aside *,
  .legal-cockpit *,
  .legal-review-panel *,
  .trust-console *,
  .reports-console *,
  .special-cockpit *,
  .special-visual *,
  .page-visual-frame *,
  .hero-visual-panel *,
  .cn-preview-frame *,
  .contact-panel *,
  .contact-signal-panel * {
    max-width: 100% !important;
  }
}

@media (min-width: 1280px) and (max-width: 1720px) {
  .collection-hero,
  .product-hero,
  .solution-hero,
  .case-hero,
  .article-hero,
  .event-hero,
  .legal-hero,
  .trust-hero,
  .reports-hero,
  .special-hero,
  .page-hero-shell,
  .pricing-hero,
  .contact-hero {
    padding-top: clamp(72px, 6vw, 100px) !important;
    padding-bottom: clamp(64px, 5vw, 88px) !important;
  }
}

@media (max-width: 760px) {
  .collection-hero,
  .product-hero,
  .solution-hero,
  .case-hero,
  .article-hero,
  .event-hero,
  .legal-hero,
  .trust-hero,
  .reports-hero,
  .special-hero,
  .page-hero-shell,
  .pricing-hero,
  .contact-hero {
    width: auto !important;
    max-width: none !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    gap: 30px !important;
  }
}