/* Editorial vision/use-case copy, with static decoration and no live state. */
html[data-ui="5"] #root .ui5-home :is(.home-vision,.home-integration-story){width:min(1200px,calc(100% - 64px));margin-inline:auto;padding-block:56px;border-block-start:1px solid var(--home-line);color:var(--home-text);background:var(--home-bg);position:relative;isolation:isolate}
html[data-ui="5"] #root .ui5-home .hv-heading{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,6vw,80px);align-items:start;margin-bottom:32px}
html[data-ui="5"] #root .ui5-home .hv-eyebrow{font-size:11px;line-height:1.5;letter-spacing:.06em;color:var(--home-muted);margin:0 0 15px}
html[data-ui="5"] #root .ui5-home .hv-heading h2{font-size:clamp(28px,3.2vw,42px);font-weight:550;line-height:1.18;letter-spacing:-.03em;text-wrap:balance;margin:0;max-width:20ch}
html[data-ui="5"] #root .ui5-home .hv-intro-copy{min-width:0;display:grid;gap:14px}
html[data-ui="5"] #root .ui5-home .hv-intro-copy p{font-size:15px;line-height:1.75;margin:0;color:var(--home-muted)}
html[data-ui="5"] #root .ui5-home .hv-intro-copy .hv-provider-examples{font-size:12px;line-height:1.75}
html[data-ui="5"] #root .ui5-home .hv-use-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
html[data-ui="5"] #root .ui5-home .hv-use-case{min-width:0;padding:20px 0;border-block-start:1px solid var(--home-line);display:flex;flex-direction:column;align-items:flex-start;gap:12px}
html[data-ui="5"] #root .ui5-home .hv-glyph{display:flex;align-items:center;justify-content:center;width:100%;height:112px;border-radius:12px;background:var(--home-raised);margin-bottom:6px}
html[data-ui="5"] #root .ui5-home .hv-glyph .hs-product-glyph{width:116px;max-height:88px}
html[data-ui="5"] #root .ui5-home :is(.hv-use-case,.hv-connection-steps li) h3{font-size:19px;font-weight:600;line-height:1.35;letter-spacing:-.015em;margin:0;color:var(--home-text)}
html[data-ui="5"] #root .ui5-home :is(.hv-use-case,.hv-connection-steps li)>p{font-size:13px;line-height:1.75;color:var(--home-muted);margin:0}
html[data-ui="5"] #root .ui5-home .hv-link{display:inline-flex;align-items:center;justify-content:space-between;gap:14px;min-height:44px;max-width:100%;font-size:13px;line-height:1.5;font-weight:600;color:var(--home-text);text-decoration:none;text-underline-offset:5px;overflow-wrap:anywhere;margin-top:auto}
html[data-ui="5"] #root .ui5-home .hv-link:hover{text-decoration:underline}
html[data-ui="5"] #root .ui5-home .hv-link:focus-visible{outline:2px solid var(--home-accent);outline-offset:4px;border-radius:4px}
html[data-ui="5"] #root .ui5-home .hv-note{font-size:12px;line-height:1.7;color:var(--home-muted);margin:14px 0 0;max-width:90ch}
html[data-ui="5"] #root .ui5-home .hv-locale-note{font-size:11px;line-height:1.6;color:var(--home-muted);margin:12px 0 0}
html[data-ui="5"] #root .ui5-home .hv-connection-steps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0;padding:0}
html[data-ui="5"] #root .ui5-home .hv-connection-steps li{min-width:0;display:grid;grid-template-rows:auto auto 1fr;align-items:start;gap:12px;border-block-start:1px solid var(--home-line);padding-block:18px}
html[data-ui="5"] #root .ui5-home .hv-step-number{font-size:12px;line-height:1.5;font-variant-numeric:tabular-nums;color:var(--home-accent)}
html[data-ui="5"] #root .ui5-home .hv-connection-steps li h3{font-size:17px}
html[data-ui="5"] #root .ui5-home .hv-connection-footer{display:grid;grid-template-columns:1fr auto;gap:28px;border-block-start:1px solid var(--home-line);padding-top:18px;align-items:start}
html[data-ui="5"] #root .ui5-home .hv-connection-footer .hv-note{margin:0}
html[data-ui="5"] #root .ui5-home .hv-actions{display:flex;gap:14px;align-items:start;flex-wrap:wrap}
@media(max-width:900px){html[data-ui="5"] #root .ui5-home .hv-heading{gap:28px}html[data-ui="5"] #root .ui5-home .hv-use-cases{gap:18px}html[data-ui="5"] #root .ui5-home .hv-connection-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}html[data-ui="5"] #root .ui5-home .hv-connection-footer{grid-template-columns:1fr;gap:12px}}
@media(max-width:640px){html[data-ui="5"] #root .ui5-home :is(.home-vision,.home-integration-story){width:calc(100% - 32px);padding-block:32px}html[data-ui="5"] #root .ui5-home .hv-heading{grid-template-columns:1fr;gap:18px;margin-bottom:24px}html[data-ui="5"] #root .ui5-home .hv-heading h2{font-size:28px;max-width:100%}html[data-ui="5"] #root .ui5-home .hv-eyebrow{font-size:10px;margin-bottom:10px}html[data-ui="5"] #root .ui5-home .hv-intro-copy p{font-size:14px;line-height:1.7}html[data-ui="5"] #root .ui5-home .hv-use-cases{grid-template-columns:1fr;gap:4px}html[data-ui="5"] #root .ui5-home .hv-use-case{padding-block:18px;gap:10px}html[data-ui="5"] #root .ui5-home .hv-glyph{height:88px;max-width:100%;margin-bottom:4px}html[data-ui="5"] #root .ui5-home .hv-glyph .hs-product-glyph{width:96px}html[data-ui="5"] #root .ui5-home .hv-connection-steps{gap:8px 16px}html[data-ui="5"] #root .ui5-home .hv-connection-steps li h3{font-size:16px}html[data-ui="5"] #root .ui5-home .hv-actions{flex-direction:column;gap:4px}html[data-ui="5"] #root .ui5-home .hv-note{font-size:11px}}
@media(max-width:350px){html[data-ui="5"] #root .ui5-home .hv-connection-steps{grid-template-columns:1fr}}
@media(forced-colors:active){html[data-ui="5"] #root .ui5-home :is(.home-vision,.home-integration-story){background:Canvas;color:CanvasText}html[data-ui="5"] #root .ui5-home .hv-glyph{border:1px solid CanvasText}}

/* Original PNG artwork is displayed whole; no crops, overlays or recoloring. */
html[data-ui="5"] #root .ui5-home .hv-figure{width:100%;min-width:0;margin:0;align-self:stretch}
html[data-ui="5"] #root .ui5-home .hv-figure>img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;border-radius:12px;background:#111820}
html[data-ui="5"] #root .ui5-home .hv-figure>figcaption{font-size:11px;line-height:1.6;color:var(--home-muted);margin-top:8px;overflow-wrap:anywhere}
html[data-ui="5"] #root .ui5-home .hv-feature-visual{max-width:980px;margin:0 auto 32px}
html[data-ui="5"] #root .ui5-home .hv-feature-visual>figcaption{text-align:center}
html[data-ui="5"] #root .ui5-home .hv-case-visual{margin-bottom:6px}
html[data-ui="5"] #root .ui5-home .hv-case-visual .hv-glyph{height:auto;aspect-ratio:1672/941;margin:0}
@media(max-width:640px){html[data-ui="5"] #root .ui5-home .hv-feature-visual{margin-bottom:24px}html[data-ui="5"] #root .ui5-home .hv-figure>img{border-radius:9px}html[data-ui="5"] #root .ui5-home .hv-figure>figcaption{font-size:10px}}
@media print{html[data-ui="5"] #root .ui5-home .hv-figure{break-inside:avoid}}