/* SEO/conversion release 2026-07-25 */
.conversion-note{margin:14px 0 0;padding:12px 14px;border-left:3px solid var(--accent,#f5c400);background:rgba(245,196,0,.08);font-size:.94rem;line-height:1.55;color:inherit}
.dark .conversion-note{color:#d8d8d8;background:rgba(245,196,0,.1)}
.seo-link-strip{padding-top:44px;padding-bottom:44px}
.seo-link-strip h2{margin-bottom:18px}
.seo-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.seo-link-card{display:block;padding:18px;border:1px solid rgba(128,128,128,.28);border-radius:14px;text-decoration:none;color:inherit;background:rgba(255,255,255,.035);transition:transform .2s ease,border-color .2s ease}
.seo-link-card:hover{transform:translateY(-2px);border-color:#f5c400}
.seo-link-card b{display:block;margin-bottom:7px;font-size:1rem}
.seo-link-card span{display:block;font-size:.9rem;line-height:1.45;opacity:.78}
.decision-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:26px}
.decision-card{padding:22px;border:1px solid rgba(128,128,128,.25);border-radius:16px;background:rgba(255,255,255,.025)}
.decision-card h3{margin:8px 0 10px}.decision-card p{margin:0;line-height:1.62;opacity:.82}
.intent-copy{max-width:960px;margin:18px 0 0;font-size:1.05rem;line-height:1.72;opacity:.9}
@media(max-width:900px){.seo-link-grid,.decision-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.seo-link-grid,.decision-grid{grid-template-columns:1fr}.seo-link-strip{padding-top:34px;padding-bottom:34px}}

/* Priority commercial hero: prevent overlap and horizontal overflow */
body.seo-priority-page .section.dark h1{
  max-width:100%;
  font-size:clamp(52px,6vw,86px);
  overflow-wrap:normal;
  word-break:normal;
  hyphens:manual;
}
body.seo-priority-page .section.dark .split>div:first-child{min-width:0}
@media(max-width:600px){
  body.seo-priority-page .section.dark h1{
    font-size:clamp(40px,11.5vw,46px);
    overflow-wrap:anywhere;
    hyphens:manual;
    line-height:1.04;
  }
}

/* Conversion forms: readable mobile layout */
@media(max-width:700px){
  .formgrid{grid-template-columns:1fr!important}
  .formgrid .field{grid-column:1/-1!important}
}

/* Do not let the floating contact control cover an active form */
.sticky-cta{transition:opacity .2s ease,transform .2s ease}
.sticky-cta.is-suppressed{opacity:0;pointer-events:none;transform:translateY(18px)}
@media(max-width:700px){body{padding-bottom:72px}}
.sticky-cta.is-suppressed{display:none!important}


/* P0/P1 release 2026-07-25: robust device hero and editorial content */
.device-hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:clamp(34px,4vw,72px);align-items:center}
.device-hero-grid>*{min-width:0}
.interactive-displays-hero h1{font-size:clamp(58px,5.25vw,100px);line-height:.98;overflow-wrap:normal;word-break:normal;hyphens:auto}
.interactive-displays-hero .product-visual{min-width:0;overflow:hidden}
.interactive-displays-hero .product-visual img{object-fit:contain;width:100%;height:auto;max-width:100%;display:block}
.scenario-hero .prose{max-width:980px}
.prose .specs td:first-child{width:30%;font-weight:800;color:#555}
.prose ul{padding-left:1.25rem}.prose li{margin:.65rem 0;line-height:1.55}
@media (max-width:1320px){.device-hero-grid{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:34px}.interactive-displays-hero h1{font-size:clamp(54px,5.1vw,78px)}}
@media (max-width:1050px){.device-hero-grid{grid-template-columns:1fr}.interactive-displays-hero h1{font-size:clamp(52px,8vw,78px)}.interactive-displays-hero .product-visual{max-width:760px;margin-inline:auto}}
@media (max-width:600px){.interactive-displays-hero h1{font-size:clamp(42px,13vw,58px);line-height:1.02}.prose .specs td{display:block;width:100%!important;padding:10px 0}.prose .specs tr{display:block;padding:10px 0;border-bottom:1px solid var(--line)}.prose .specs td{border:0}}

/* Final responsive correction: interactive displays hero */
.interactive-displays-hero h1{
  font-size:clamp(56px,4.5vw,80px);
  line-height:1;
  max-width:100%;
}
.interactive-displays-hero .product-visual{
  width:100%;
  min-width:0;
  justify-self:stretch;
}
@media (max-width:1320px){
  .interactive-displays-hero h1{font-size:clamp(52px,4.8vw,68px)}
}
@media (max-width:1050px){
  .interactive-displays-hero h1{font-size:clamp(48px,7vw,68px)}
  .interactive-displays-hero .product-visual{width:min(100%,760px)}
}
@media (max-width:600px){
  .interactive-displays-hero h1{
    font-size:clamp(38px,10.5vw,44px);
    line-height:1.03;
    overflow-wrap:anywhere;
  }
  .software-showcase,.software-copy,.software-flow{min-width:0;max-width:100%}
  .software-showcase h2{overflow-wrap:anywhere}
}