.flow03,.flow03 *,.flow03 *::before,.flow03 *::after{box-sizing:border-box}
.flow03{--ink:#164e72;--accent:#28779a;--pale:#eaf5fa;--line:#cfe1e9;--text:#1c303b;--muted:#476474;background:linear-gradient(#fff,#f6fafc 150px);color:var(--text);font:400 15px/1.5 Roboto,Arial,sans-serif;padding:42px 0 44px}
.flow-wrap{width:min(1170px,calc(100% - 88px));margin:auto}
.flow03 a{color:inherit;text-decoration:none}
.flow03 a:focus-visible,.flow03 button:focus-visible,.flow03 summary:focus-visible{outline:3px solid #1780ac;outline-offset:3px}
.flow-head{margin-bottom:19px}
.flow-kicker{display:block;color:var(--accent);font-weight:800;letter-spacing:.15em;font-size:11px;margin-bottom:7px}
.flow-kicker::before{content:"";display:inline-block;width:20px;height:2px;background:currentColor;margin-right:8px;vertical-align:middle}
.flow03 h2,.flow03 h3{font-family:"Roboto Condensed",Roboto,Arial,sans-serif;font-weight:800;line-height:1.04;letter-spacing:-.025em;margin:0;color:inherit}
.flow03 h2{font-size:clamp(38px,4.4vw,61px)}
.flow03 h3{font-size:25px}
.flow03 p{color:var(--muted);margin:6px 0 0}
.flow-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--focus,center)}
.flow-steps{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.flow-step{min-width:0;padding:12px;background:#fff;border:1px solid var(--line);border-radius:4px}
.flow-step p{font-size:13px;line-height:1.42;margin-top:4px}
.flow-num{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:4px;background:var(--pale);color:var(--ink);font:800 17px/1 "Roboto Condensed",Roboto,sans-serif}
.flow-step .flow-num{margin-bottom:7px}
.flow-contact{display:flex;align-items:center;justify-content:space-between;gap:11px;padding:12px 14px;margin-top:12px;background:var(--pale);border:1px solid var(--line);border-radius:4px}
.flow-contact strong,.flow-contact>div>span{display:block}
.flow-contact strong{color:var(--ink);font:800 20px/1.12 "Roboto Condensed",Roboto,sans-serif}
.flow-contact>div>span{font-size:12px;margin-top:3px;color:var(--muted)}
.flow-actions{display:flex;gap:6px;flex-wrap:wrap}
.flow03 .flow-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;white-space:nowrap;border-radius:4px;background:var(--ink);color:white;font-size:12px;font-weight:800;border:1px solid var(--ink)}
.flow03 .flow-btn.secondary{background:#fff;color:var(--ink)}
.flow03 .flow-btn:hover{filter:brightness(.92)}
.flow-05{background:#123e58;color:#fff}
.flow-panorama{position:relative;isolation:isolate;display:grid;align-items:center;min-height:265px;overflow:hidden;border-radius:5px;background:#164e72}
.flow-panorama .flow-photo,.flow-panorama::after{position:absolute;inset:0}
.flow-panorama .flow-photo{z-index:-2}
.flow-panorama::after{content:"";z-index:-1;background:linear-gradient(90deg,#103249 8%,#103249de 49%,#1032491e)}
.flow-panorama .flow-head{padding:21px;max-width:710px;margin:0}
.flow-05 .flow-kicker,.flow-05 .flow-panorama p{color:#dbedf5}
.flow-05 .flow-steps{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:8px}
.flow-05 .flow-step{background:#19506b;border-color:#5a869b}
.flow-05 .flow-step p{color:#e2f0f6}
@media(max-width:760px){
  .flow03{padding:24px 0}
  .flow-wrap{width:calc(100% - 28px)}
  .flow-head{margin-bottom:12px}
  .flow03 h2{font-size:clamp(32px,8.9vw,46px)}
  .flow03 h3{font-size:22px}
  .flow03 p{font-size:13px}
  .flow-contact{flex-direction:column;align-items:flex-start;margin-top:8px;padding:9px;gap:7px}
  .flow-actions{gap:5px}
  .flow03 .flow-btn{padding:6px 7px}
  .flow-steps{gap:5px}
  .flow-step{padding:7px 8px}
  .flow-step p{font-size:12px}
  .flow-05 .flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .flow-05 .flow-step:last-child{grid-column:1/-1}
  .flow-05 .flow-step .flow-num{width:24px;height:24px;margin-bottom:4px}
  .flow-panorama{min-height:200px}
  .flow-panorama .flow-head{padding:12px}
}