/* Industry landing pages only. Reuses the approved marketing tokens. */
.hp-industry-page .hp-industry-hero { padding-block: 60px; background: linear-gradient(125deg, #f8fbfa, #e5f3ef); }
.hp-industry-page .hp-industry-hero-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.hp-industry-page .hp-industry-hero h1 { margin: 0 0 20px; font-size: clamp(2.5rem, 4.4vw, 3.7rem); letter-spacing: -.045em; }
.hp-industry-page .hp-industry-summary { margin: 0 0 26px; max-width: 590px; font-size: 19px; line-height: 1.55; }
.hp-industry-page .hp-industry-chat { margin-top: 10px; text-decoration: underline; text-underline-offset: 4px; }
.hp-industry-page .hp-industry-product { position: relative; min-width: 0; margin: 0; padding: 12px 36px 36px 0; }
.hp-industry-page .hp-industry-browser { overflow: hidden; border: 1px solid #cddeda; border-radius: 12px; background: white; box-shadow: var(--hp-shadow); }
.hp-industry-page .hp-industry-browser > span { display: block; padding: 7px 12px; color: #829d9a; background: #fff; border-bottom: 1px solid var(--hp-border); font-size: 10px; letter-spacing: 2px; }
.hp-industry-page .hp-industry-browser > span > span { padding-left: 20px; letter-spacing: 0; }
.hp-industry-page .hp-industry-browser img { display: block; width: 100%; height: auto; }
.hp-industry-page .hp-industry-phone { position: absolute; width: 25%; right: 0; bottom: 22px; padding: 7px; border-radius: 15px; background: #163b43; box-shadow: 0 8px 24px rgb(16 63 67 / 20%); }
.hp-industry-page .hp-industry-phone img { display: block; width: 100%; height: auto; border-radius: 9px; }
.hp-industry-page .hp-industry-product figcaption { margin-top: 14px; color: var(--hp-muted); font-size: 13px; }
.hp-industry-page .hp-industry-product.hp-industry-photo { padding: 0; }
.hp-industry-page .hp-industry-photo > img { display: block; width: 100%; height: auto; border: 1px solid var(--hp-border); border-radius: var(--hp-radius); box-shadow: var(--hp-shadow); }
.hp-industry-page .hp-industry-photo--portrait > img { aspect-ratio: 3 / 2; object-fit: contain; background: #fff; }
.hp-industry-page .hp-migration-section { padding-block: 72px; }
.hp-industry-page .hp-industry-intro > .container > .hp-layout:first-child { display: block; max-width: 980px; margin-inline: auto; }
.hp-industry-page .hp-industry-intro > .container > .hp-layout:first-child h2 { font-size: clamp(1.8rem, 3vw, 2.5rem) !important; line-height: 1.2; }
.hp-industry-page .hp-industry-intro .hp-lead { font-size: 18px; line-height: 1.65; }
.hp-industry-page .hp-content-card { border-color: #d5e5e5; border-radius: 18px; box-shadow: 0 10px 28px -20px rgb(16 63 67 / 20%); }
.hp-industry-page .hp-content-card-body { padding: 28px; }
.hp-industry-page .hp-layout-col.hp-flex .hp-content-card-body { display: flex; flex-direction: column; height: 100%; }
.hp-industry-page .hp-content-card .hp-text-link { margin-top: auto; font-size: 15px; }
.hp-industry-page .hp-layout-col.hp-flex { align-self: stretch; }
.hp-industry-page .hp-layout-col.hp-flex > .hp-content-card { width: 100%; margin-bottom: 0; background: linear-gradient(145deg, #fff, #f7fbfa); }
.hp-industry-page .hp-content-card h3 { font-size: 22px; line-height: 1.25; }
.hp-industry-page .hp-feature-icon { width: 44px; height: 44px; background: #e1f3ef; color: var(--hp-deep); }
.hp-industry-page .hp-industry-intro .hp-content-card { margin-top: 44px; background: var(--hp-surface); }
.hp-industry-page .hp-industry-intro .hp-content-card img { border: 1px solid var(--hp-border); border-radius: 12px; box-shadow: var(--hp-shadow); }
.hp-industry-page .hp-industry-intro .hp-content-card .hp-layout { align-items: center; grid-template-columns: minmax(0, 3fr) minmax(0, 1fr); }
.hp-industry-page .hp-industry-intro .hp-content-card .hp-layout > .hp-layout-col { grid-column: auto; }
.hp-industry-page .hp-industry-intro .hp-content-card h3 .hp-icon { display: none; }
.hp-industry-page .hp-migration-section > .container > .hp-layout:has(.hp-feature-icon) { align-items: stretch; }
.hp-industry-page .hp-cta h2 { max-width: 800px; font-size: clamp(2rem, 3.5vw, 3rem); }
.hp-industry-page .hp-cta p { margin-inline: auto; }
.hp-industry-page .hp-cta .hp-layout { display: block; }
.hp-industry-page .hp-cta .hp-layout-col { max-width: 900px; margin-inline: auto; }
.hp-industry-page .hp-cta .hp-flex { flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 16px; }
.hp-industry-page .hp-cta .btn-primary { color: var(--hp-deep); background: #fff; border-color: #fff; }
.hp-industry-page .hp-cta .btn-primary:is(:hover, :focus-visible, :active) { color: var(--hp-deep); background: #e5f3ef; border-color: #e5f3ef; }
.hp-industry-page .hp-cta .btn-outline-primary { color: #fff; background: transparent; border-color: #fff; }
.hp-industry-page .hp-cta .btn-outline-primary:is(:hover, :focus-visible, :active) { color: var(--hp-deep); background: #fff; border-color: #fff; }
.hp-industry-page .hp-cta .hp-text-link { color: #e5f3ef; text-decoration: underline; text-underline-offset: 4px; }
.hp-industry-page .hp-cta a:focus-visible { outline-color: #fff; }
@media (max-width: 991.98px) {
    .hp-industry-page .hp-industry-hero-layout { grid-template-columns: 1fr; gap: 28px; }
    .hp-industry-page .hp-industry-product { width: min(100%, 620px); margin-inline: auto; }
    .hp-industry-page .hp-industry-hero { padding-block: 44px; }
    .hp-industry-page .hp-migration-section { padding-block: 56px; }
}
@media (max-width: 575.98px) {
    .hp-industry-page .hp-industry-hero h1 { font-size: 38px; }
    .hp-industry-page .hp-industry-summary { font-size: 18px; }
    .hp-industry-page .hp-content-card-body { padding: 22px; }
    .hp-industry-page .hp-industry-intro .hp-content-card .hp-layout { grid-template-columns: 1fr; }
    .hp-industry-page .hp-industry-intro .hp-content-card .hp-layout-col:last-child img { max-width: 180px; }
    .hp-industry-page .hp-cta .hp-flex { flex-direction: column; }
    .hp-industry-page .hp-cta .hp-text-link { justify-content: center; }
}
