.flow-symbols{position:absolute;width:0;height:0;overflow:hidden}
.flow-page{color:#163f5b;background:#f7fbfe}
.flow-page::before{display:none}
.flow-page .site-header{background:#eaf5fbf5;border-bottom:1px solid #c7dfeb}
.flow-page .header-inner{min-height:76px}
.flow-page .flow-back{color:#0d4d78;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.flow-hero{overflow:hidden;background:radial-gradient(circle at 85% 15%,#287bb080,transparent 36%),linear-gradient(145deg,#113d63,#092f50);color:#f7fcff}
.flow-hero-inner{padding-block:82px 84px}
.flow-kicker,.flow-phase,.flow-actor{font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.flow-kicker{color:#9bdffb}
.flow-hero h1{max-width:850px;margin:16px 0 20px;color:#fff;font-size:clamp(2.5rem,5.3vw,4.6rem);line-height:1.07}
.flow-lead{max-width:700px;color:#d8ecf8;font-size:clamp(1rem,1.7vw,1.2rem)}
.flow-overview{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:38px;color:#d9eef9}
.flow-overview span{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border:1px solid #a2d4ec6b;border-radius:999px}
.flow-overview strong{color:#fff}
.flow-overview b{color:#74cef5}
.flow-next{display:none}
.flow-section{padding-block:90px}
.flow-section-light{background:#f7fbfe}
.flow-section-blue{background:#e9f5fc}
.flow-section-heading{margin-bottom:35px}
.flow-phase{color:#047bb3}
.flow-section-heading h2{max-width:800px;margin:11px 0 11px;color:#103c61;font-size:clamp(2rem,3.6vw,3.3rem)}
.flow-section-heading p{max-width:740px;margin:0;color:#48667c;font-size:1.08rem}
.flow-pair,.flow-steps,.flow-close{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.flow-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.flow-tile,.flow-step,.flow-close li{position:relative;min-width:0;padding:28px;border:1px solid #bfdceb;border-radius:22px;background:#fff;box-shadow:0 18px 40px #0b42620c}
.flow-tile:not(:last-child)::after,.flow-close li:not(:last-child)::after{content:'→';position:absolute;right:-22px;top:48%;z-index:2;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#0b82bd;color:#fff;font-size:1.35rem;font-weight:800}
.flow-picture{display:flex;align-items:center;gap:6px;min-height:76px;color:#0589c9}
.flow-picture svg{width:65px;height:65px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.flow-picture svg+svg{width:45px;height:45px;color:#145780}
.flow-actor{display:block;margin:17px 0 7px;color:#096a9e}
.flow-tile h3,.flow-step h3,.flow-close h3{margin:0 0 9px;color:#103c61;font-size:1.35rem}
.flow-tile p,.flow-step p,.flow-close p{margin:0;color:#49687f}
.flow-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
.flow-step{padding-top:26px}
.flow-step-number{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#0b82bd;color:#fff;font-weight:800}
.flow-step .flow-picture{margin-top:13px}
.flow-step:not(:nth-child(3n))::after{content:'→';position:absolute;right:-16px;top:48%;z-index:2;color:#0b82bd;font-size:1.5rem;font-weight:800}
.flow-step-media{padding:0;display:flex;align-items:stretch}
.flow-step-media .flow-step-image{width:100%;height:100%;aspect-ratio:915/674;object-fit:cover;border-radius:21px;display:block}
.flow-close{grid-template-columns:repeat(3,minmax(0,1fr))}
.flow-end{background:#103d62;color:#e4f4fc}
.flow-end-inner{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:61px}
.flow-end .flow-phase{color:#82d9fa}
.flow-end h2{margin:12px 0 9px;color:#fff;font-size:clamp(1.9rem,3.5vw,3rem)}
.flow-end p{margin:0;color:#d4eaf7}
.flow-end .button{flex:none}
.flow-footer{padding:24px 0;background:#092b48;color:#d6eaf5}
.flow-footer .container{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.flow-footer a{text-decoration:underline;text-underline-offset:3px}
.flow-footer-brand{margin-left:auto;font-weight:800}
@media(max-width:900px){.flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-step:not(:nth-child(3n))::after{content:none}.flow-step:nth-child(odd):not(:last-child)::after{content:'→';position:absolute;right:-16px;top:48%;z-index:2;color:#0b82bd;font-size:1.5rem;font-weight:800}.flow-close{grid-template-columns:1fr}.flow-close li:not(:last-child)::after{content:'↓';right:calc(50% - 21px);top:auto;bottom:-22px}}
@media(max-width:680px){.flow-page .header-inner{min-height:68px}.flow-page .brand{width:135px}.flow-page .flow-back{font-size:.84rem}.flow-hero-inner{padding-block:60px}.flow-overview{gap:8px}.flow-overview span{padding:7px 10px;font-size:.85rem}.flow-overview b{display:none}.flow-section{padding-block:65px}.flow-pair,.flow-steps{grid-template-columns:1fr}.flow-tile,.flow-step,.flow-close li{padding:24px}.flow-tile:not(:last-child)::after{content:'↓';right:calc(50% - 21px);top:auto;bottom:-22px}.flow-steps .flow-step:not(:last-child)::after{content:'↓'!important;position:absolute;right:calc(50% - 21px)!important;top:auto!important;bottom:-22px!important;z-index:2;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#0b82bd;color:#fff;font-size:1.35rem;font-weight:800}.flow-end-inner{display:block}.flow-end .button{margin-top:24px}}
@media(max-width:680px){
  .flow-overview{display:none}
  html{scroll-behavior:smooth;scroll-snap-type:y proximity;scroll-padding-top:69px}
  .flow-page .site-header{position:sticky;top:0;z-index:50;background:#eaf5fb}
  .flow-page .header-inner{min-height:68px;padding-block:10px}
  .flow-page .brand{width:120px;flex:none}
  .flow-page .flow-back{white-space:nowrap;font-size:.78rem}
  .flow-hero{position:relative;z-index:1;display:flex;flex-direction:column;overflow:visible;min-height:calc(100vh - 112px);min-height:calc(100svh - 112px);scroll-snap-align:start}
  .flow-section,.flow-end{scroll-snap-align:start}
  .flow-hero-inner{flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-block:44px}
  .flow-next{position:absolute;left:50%;bottom:-33px;z-index:2;display:grid;place-items:center;width:66px;height:66px;margin:0;padding:0;border:0;border-radius:50%;background:linear-gradient(180deg,#054670b8 0%,#0c5b88ab 52%,#c3e7f8ad 100%);color:#fff;box-shadow:0 10px 25px #051e324d,inset 0 1px 0 #ffffff59,inset 0 -1px 0 #ffffff2b;backdrop-filter:blur(10px) saturate(1.15);-webkit-backdrop-filter:blur(10px) saturate(1.15);text-decoration:none;transform:translateX(-50%)}
  .flow-next-icon{display:grid;place-items:center;width:100%;height:100%}
  .flow-next-icon svg{width:25px;height:25px;filter:drop-shadow(0 1px 2px #063450)}
  .flow-next:hover,.flow-next:focus-visible{background:linear-gradient(180deg,#075985db 0%,#087aafc9 52%,#d4effbd9 100%)}
  .flow-next:focus-visible{outline:3px solid #d9f3ff;outline-offset:4px}
}
@media(prefers-reduced-motion:reduce){.flow-page *{animation:none!important;scroll-behavior:auto!important}}
@media(max-width:680px) and (prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}}