.flow-steps{grid-template-columns:repeat(6,minmax(0,1fr))}
.service-copy h1{font-size:clamp(42px,4.3vw,58px)}
.flow-steps>button{min-width:0;padding-inline:7px;font-size:12px}
.flow-steps>button span{display:block;margin:0 0 5px}
.scene-records{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}
.scene-record{min-width:0;padding:10px 11px;background:#fff;border:1px solid #dce4d6;border-radius:7px;animation:record-in .28s ease-out both}
.scene-record:nth-child(2){animation-delay:.05s}
.scene-record small,.scene-record b{display:block}
.scene-record small{font-size:9px;color:#647568}
.scene-record b{font-size:11px;margin-top:4px}
.scene[data-stage="1"] .scene-record{border-left:3px solid #d2a774}
.scene[data-stage="2"] .scene-record{border-left:3px solid #8da683}
.scene[data-stage="3"] .scene-record{border-left:3px solid #b3755c}
.scene[data-stage="4"] .scene-record{border-left:3px solid #6f8b65}
.scene[data-stage="5"] .scene-record{border-left:3px solid #668d9c}
@keyframes record-in{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.fee-band{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:18px;padding:15px 18px;background:#f7f5ee;border:1px solid #d9ddd2;border-radius:10px;font-size:10px}
.fee-band>strong{font-size:11px;color:var(--forest)}
.fee-band b{color:var(--clay)}
.fee-band small{flex-basis:100%;color:var(--muted);line-height:1.6}
.integration-section{background:#e9ece2;border-block:1px solid var(--line);padding:78px 0}
.integration-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.integration-inner h2{font:500 clamp(30px,3.2vw,44px)/1.3 var(--serif);letter-spacing:-.045em;margin:16px 0}
.integration-inner>div:first-child>p:last-child{font-size:13px;color:var(--muted);line-height:1.9;max-width:440px}
.integration-flow{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch}
.integration-flow>div{padding:17px 18px;background:#fffdf7;border:1px solid var(--line);border-radius:10px}
.integration-flow b,.integration-flow small{display:block}
.integration-flow b{font-size:13px}
.integration-flow small{font-size:10px;color:var(--muted);margin-top:5px}
.integration-flow>span{display:flex;align-items:center;justify-content:center;color:var(--forest);font-size:10px;text-align:center;padding:8px}
.integration-flow .flow-down{grid-column:1/-1;border-block:1px dashed #bbc6b8}
.integration-flow .integration-output{background:var(--forest);color:#fff}
.integration-flow .integration-output small{color:#d4dfd0}
.integration-flow>p{grid-column:1/-1;font-size:10px;line-height:1.7;color:var(--muted);margin:2px 0 0}
.closing-actions #import-status{max-width:360px;line-height:1.6;color:#f1dfc5}
.closing-actions #dashboard-link{font-size:12px;color:#d4dfd0}
@media(max-width:1000px){.integration-inner{gap:35px}}
@media(max-width:700px){
 .service-copy h1{word-break:keep-all}
 .flow-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
 .flow-steps>button{border-bottom:1px solid #ffffff22;padding-block:14px}
 .scene-records{grid-template-columns:1fr}
 .integration-section{padding:55px 0}
 .fee-band{align-items:flex-start;flex-direction:column;gap:6px}
 .integration-inner{grid-template-columns:1fr;gap:25px}
 .integration-flow{gap:7px}
 .integration-flow>div{padding:13px 12px}
}
@media(max-width:380px){.integration-flow{grid-template-columns:1fr}.integration-flow .flow-down,.integration-flow>p{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.scene-record{animation:none}}
