/* v7 – actual API workflow diagram and optional navy/blue visual direction.
   Comparison is preview-only via ?sh_palette=navy, default remains existing green. */
.s7-automation{background:#fff;border:1px solid var(--s5-line);border-radius:12px;padding:20px 14px;margin-bottom:25px;box-shadow:0 16px 40px rgba(16,54,43,.035)}
.s7-flow-heading{display:flex;flex-direction:column;gap:6px;margin-bottom:21px}
.s7-flow-heading>span{font-size:10px;letter-spacing:.12em;font-weight:900;color:var(--s5-teal)}
.s7-flow-heading>strong{font-size:clamp(18px,5.4vw,26px);line-height:1.5;color:var(--s5-ink);font-weight:900}
.s7-automation-flow{display:flex;flex-direction:column;align-items:stretch;gap:0}
.s7-flow-entry,.s7-flow-core{display:flex;flex-direction:column;align-items:center;text-align:center;padding:19px 12px;border:1px solid #dbe8e2;border-radius:9px;background:#f6faf8}
.s7-flow-core{border:2px solid #89c5b1;background:#eaf7f0;box-shadow:0 6px 16px rgba(21,117,89,.08)}
.s7-flow-entry strong,.s7-flow-core strong{font-size:15px;font-weight:900;color:#21483a;margin-top:10px}
.s7-flow-entry small,.s7-flow-core small{font-size:11px;color:#5b7868;margin-top:3px}
.s7-flow-glyph{width:46px;height:46px;display:grid;place-items:center;border:1px solid #b5daca;background:white;border-radius:12px}
.s7-flow-glyph span{font-size:17px;font-weight:900;color:#298a6e}
.s7-flow-connector{color:#2b9074;font-size:26px;line-height:1.1;text-align:center;padding:6px 0;transform:none}
.s7-flow-connector span{display:block;transform:rotate(90deg)}
.s7-flow-outputs{display:grid;gap:8px}
.s7-flow-outputs>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:13px 11px;background:#fff;border:1px solid #d9e8e0;border-radius:8px}
.s7-flow-outputs>div>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#e5f5ed;color:#27946c;font-size:15px;font-weight:900}
.s7-flow-outputs strong{font-size:12px;color:#214c3b;font-weight:800}
.s7-flow-outputs small{font-size:10px;color:#21846c;font-weight:700;text-align:right}
.s7-human{margin-top:15px;background:#f4f5f7;border-left:3px solid #8f9caa;border-radius:0 7px 7px 0;padding:16px 15px;display:flex;flex-direction:column;gap:5px}
.s7-human-label{font-weight:900;font-size:10px;letter-spacing:.09em;color:#78838f}
.s7-human strong{font-weight:900;font-size:15px;color:#334b5e}
.s7-human small{font-size:11px;color:#697884;line-height:1.8}
@media(min-width:650px){
 .s7-automation{padding:28px}
 .s7-automation-flow{display:grid;grid-template-columns:1fr 27px 1.13fr 27px 1.25fr;gap:9px;align-items:center}
 .s7-flow-connector{padding:0;font-size:24px}
 .s7-flow-connector span{transform:none}
 .s7-flow-entry,.s7-flow-core{min-height:168px;justify-content:center}
 .s7-flow-outputs>div{padding:12px 9px;grid-template-columns:25px 1fr}
 .s7-flow-outputs small{grid-column:2;text-align:left;line-height:1}
 .s7-human{margin-top:24px}
}
@media(min-width:950px){
 .s7-automation{padding:36px;margin-bottom:27px}
 .s7-flow-heading>strong{font-size:28px}
 .s7-automation-flow{grid-template-columns:1fr 33px 1.16fr 33px 1.43fr;gap:13px}
 .s7-flow-entry,.s7-flow-core{min-height:205px}
 .s7-flow-outputs>div{grid-template-columns:27px 1fr auto;padding:12px 14px}
 .s7-flow-outputs small{grid-column:3;text-align:right}
 .s7-human{flex-direction:row;align-items:center;gap:19px;padding:21px}
 .s7-human small{margin-left:auto}
}
/* Palette comparison: reserve green preview untouched and compare a calmer, technology-oriented alternative.
   Unlike changing photos, no image filters are used; only UI and decoration are recolored. */
.s5-app[data-s5-palette="navy"]{
 --s5-ink:#14263c;--s5-near:#1f334a;--s5-secondary:#61738a;--s5-text:#31465b;--s5-mist:#f5f8fd;
 --s5-line:#dfe7f0;--s5-teal:#1868ad;--s5-teal-dark:#145180;--s5-soft:#e9f3ff;--s5-amber:#b59165;
 color:#203149;background:#fff;
}
.s5-app[data-s5-palette="navy"] .s5-logo{color:#172841!important}
.s5-app[data-s5-palette="navy"] .s5-logo small{color:#718296}
.s5-app[data-s5-palette="navy"] .s5-eyebrow,.s5-app[data-s5-palette="navy"] .s5-section-id{color:#236aab!important}
.s5-app[data-s5-palette="navy"] :is(h1,h2,h3){color:#152841}
.s5-app[data-s5-palette="navy"] :is(h1,h2) em{color:#2172b2}
.s5-app[data-s5-palette="navy"] .s5-button,.s5-app[data-s5-palette="navy"] .s5-nav-action,.s5-app[data-s5-palette="navy"] .s5-mobile-cta a{background:#1768ac!important;color:#fff!important}
.s5-app[data-s5-palette="navy"] .s5-button:hover{background:#11538d!important}
.s5-app[data-s5-palette="navy"] .s5-hero{background:linear-gradient(120deg,#fff,#fdfefe 60%,#f4f8fd)}
.s5-app[data-s5-palette="navy"] .s5-hero-desc,.s5-app[data-s5-palette="navy"] .s5-hero-desc strong{color:#354d62!important}
.s5-app[data-s5-palette="navy"] .s5-hero-proof{border-top-color:#d9e5f1}
.s5-app[data-s5-palette="navy"] .s6-hero-proof strong{color:#1267aa}
.s5-app[data-s5-palette="navy"] .s5-proof-strip,.s5-app[data-s5-palette="navy"] .s5-section-tint,.s5-app[data-s5-palette="navy"] .s5-corp-cta{background:#f4f8fc}
.s5-app[data-s5-palette="navy"] .s5-proof-strip{border-block-color:#e2ebf4}
.s5-app[data-s5-palette="navy"] .s5-proof-strip-grid>div{border-color:#d3e1ee}
.s5-app[data-s5-palette="navy"] .s5-proof-strip-grid :is(strong,span){color:#183a5a}
.s5-app[data-s5-palette="navy"] .s5-flow-node{background:#f5f9fe;border-color:#dbe8f4}
.s5-app[data-s5-palette="navy"] .s5-flow-emphasis{background:white;border-color:#9cbee0}
.s5-app[data-s5-palette="navy"] .s5-flow-node :is(span,strong,small){color:#235887}
.s5-app[data-s5-palette="navy"] .s5-flow-arrow{color:#1a6bb0}
.s5-app[data-s5-palette="navy"] .s5-reason-list article{border-color:#d6e2ed}
.s5-app[data-s5-palette="navy"] .s5-reason-list article>span{color:#b59165}
.s5-app[data-s5-palette="navy"] .s5-interior-image{background:#e0ebf5}
.s5-app[data-s5-palette="navy"] .s5-app :is(.s6-results,.s5-corp-knowledge){background:#fff}
.s5-app[data-s5-palette="navy"] .s6-results-figures>div{background:#ecf5ff}
.s5-app[data-s5-palette="navy"] .s6-results-figures>div:first-child{background:#e5f1ff}
.s5-app[data-s5-palette="navy"] .s6-results-figures span,.s5-app[data-s5-palette="navy"] .s6-results-figures strong{color:#165fa6}
.s5-app[data-s5-palette="navy"] .s6-detail-note summary{color:#1969af}
.s5-app[data-s5-palette="navy"] .s6-ops{border-color:#cfdfec}
.s5-app[data-s5-palette="navy"] .s6-ops-top{background:#183653}
.s5-app[data-s5-palette="navy"] .s6-live-dot{background:#80b9f4;box-shadow:0 0 0 4px rgba(122,181,235,.2)}
.s5-app[data-s5-palette="navy"] .s6-ops-stages{background:#edf4fc}
.s5-app[data-s5-palette="navy"] .s6-ops-stages button{border-color:#dce6f0}
.s5-app[data-s5-palette="navy"] .s6-ops-stages button[aria-selected=true]{border-bottom-color:#1d70b4;background:white}
.s5-app[data-s5-palette="navy"] .s6-ops-stages button :is(span,strong){color:#235b90}
.s5-app[data-s5-palette="navy"] .s6-ops-description :is(p,b){color:#1e70b8!important}
.s5-app[data-s5-palette="navy"] .s6-ops-visual{background:#f3f8fc;border-color:#dbe6f1}
.s5-app[data-s5-palette="navy"] .s6-chip{border-color:#cfe0f4;color:#2b6aa0}
.s5-app[data-s5-palette="navy"] .s6-wave-bars i{background:linear-gradient(#2e79ba,#b5d7f4)}
.s5-app[data-s5-palette="navy"] .s6-ops-bottom span{color:#3b617d}
.s5-app[data-s5-palette="navy"] .s6-ops-bottom i{color:#2174b6}
.s5-app[data-s5-palette="navy"] .s7-flow-heading>span{color:#246fab}
.s5-app[data-s5-palette="navy"] .s7-flow-core{border-color:#a2cae7;background:#edf6fe}
.s5-app[data-s5-palette="navy"] .s7-flow-entry{background:#f5f9fe;border-color:#d9e7f2}
.s5-app[data-s5-palette="navy"] .s7-flow-core strong,.s5-app[data-s5-palette="navy"] .s7-flow-entry strong{color:#234a71}
.s5-app[data-s5-palette="navy"] .s7-flow-glyph{border-color:#b2d1eb}
.s5-app[data-s5-palette="navy"] .s7-flow-glyph span{color:#1d74ad}
.s5-app[data-s5-palette="navy"] .s7-flow-connector{color:#2779b9}
.s5-app[data-s5-palette="navy"] .s7-flow-outputs>div{border-color:#d8e6f2}
.s5-app[data-s5-palette="navy"] .s7-flow-outputs>div>span{background:#e8f2fd;color:#2177b8}
.s5-app[data-s5-palette="navy"] .s7-flow-outputs strong{color:#274b6b}
.s5-app[data-s5-palette="navy"] .s7-flow-outputs small{color:#1d6cb0}
.s5-app[data-s5-palette="navy"] .s5-plan-chart{border-color:#dce6f0}
.s5-app[data-s5-palette="navy"] .s5-plot-row>div{background:#e8f0f8}
.s5-app[data-s5-palette="navy"] .s5-plot-row>div i{background:#3981bc}
.s5-app[data-s5-palette="navy"] .s5-step-index{color:#a7c9e6}
.s5-app[data-s5-palette="navy"] .s5-audience-grid>a,.s5-app[data-s5-palette="navy"] .s5-business-item{border-color:#d8e4ef}
.s5-app[data-s5-palette="navy"] .s5-audience-grid>a>span,.s5-app[data-s5-palette="navy"] .s5-audience-grid i{color:#2370ad}
.s5-app[data-s5-palette="navy"] .s5-contact-steps span{background:#e8f1fc;color:#2670b4}
.s5-app[data-s5-palette="navy"] .s5-form-block{border-color:#d1e2f1}
.s5-app[data-s5-palette="navy"] .s5-form-embed :is(button[type=submit],.fusion-button){background:#1768ac!important}
.s5-app[data-s5-palette="navy"] .s5-form-privacy a{color:#1768ac!important}
.s5-app[data-s5-palette="navy"] .s5-corp-system-top{background:#183652}
.s5-app[data-s5-palette="navy"] .s5-corp-screen>div{background:#f4f9ff;border-color:#dce8f4}
.s5-app[data-s5-palette="navy"] .s5-corp-screen small{color:#286ba5}
.s5-app[data-s5-palette="navy"] .s5-corp-numbers strong{color:#1a6dad}
.s5-app[data-s5-palette="navy"] .s5-corp-knowledge-grid>a{border-color:#dce8f1}
.s5-app[data-s5-palette="navy"] .s5-footer{background:#152f48}
.s5-app[data-s5-palette="navy"] .s5-header::after{background:#c5a071}
.s5-app[data-s5-palette="navy"] .s5-app.is-s5-animated [data-s5-reveal]{transition-duration:.55s}
@media(prefers-reduced-motion:reduce){.s7-flow-core,.s7-flow-entry,.s7-flow-outputs>div{animation:none!important}}