.flow-hero{padding-bottom:120px}
.flow-intro{display:grid;grid-template-columns:1.05fr .95fr;gap:9vw;max-width:1400px;margin:0 auto;padding:110px 7vw}
.flow-intro h2,.flow-help h2{font:500 clamp(2rem,4vw,4.2rem)/1.45 var(--display);margin:15px 0 0}
.flow-intro-copy p,.flow-help p{font-size:13px;line-height:2.15;color:#59645f;margin:0 0 20px}
.order-flow{max-width:1400px;margin:0 auto;padding:0 6vw 130px}
.order-step{display:grid;grid-template-columns:90px minmax(260px,.85fr) minmax(320px,1.15fr);gap:clamp(25px,5vw,80px);padding:58px clamp(25px,4vw,58px);margin-bottom:20px;border:1px solid rgba(255,255,255,.75);border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(237,246,242,.58));box-shadow:0 24px 70px rgba(34,74,65,.1);backdrop-filter:blur(14px)}
.order-no{font:500 2rem/1 Georgia,serif;color:var(--brand-green);padding-top:6px}
.order-label{font-size:9px;letter-spacing:.18em;color:#79908a;margin:0 0 14px}
.order-main h2{font:500 clamp(1.5rem,2.5vw,2.5rem)/1.5 var(--display);margin:0 0 20px}
.order-main>p:last-child{font-size:13px;line-height:2;color:#5d6864}
.order-detail{padding:28px 30px;border:1px solid rgba(255,255,255,.7);border-radius:18px;background:rgba(255,255,255,.52)}
.order-detail h3{font-size:13px;margin:0 0 16px}
.order-detail ul{list-style:none;padding:0;margin:0}
.order-detail li{position:relative;padding:9px 0 9px 18px;border-bottom:1px solid rgba(76,111,102,.12);font-size:12px;line-height:1.7;color:#52605b}
.order-detail li::before{content:"";position:absolute;left:0;top:17px;width:6px;height:6px;border-radius:50%;background:linear-gradient(120deg,var(--brand-cyan),var(--brand-green))}
.order-note{font-size:10px;line-height:1.8;color:#71807b;margin:17px 0 0}
.flow-help{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;padding:100px 8vw;background:linear-gradient(128deg,#edf5f2,#f8f6f0)}
.flow-caution{font-size:10px!important}
.flow-actions{display:flex;gap:12px;flex-wrap:wrap}
.flow-phone{border:1px solid rgba(255,255,255,.55);color:#fff}
@media(max-width:900px){.flow-intro,.flow-help{grid-template-columns:1fr;gap:35px}.order-step{grid-template-columns:60px 1fr}.order-detail{grid-column:2}.flow-hero{padding-bottom:90px}}
@media(max-width:650px){.flow-intro{padding:75px 22px}.order-flow{padding:0 16px 80px}.order-step{grid-template-columns:1fr;padding:32px 22px;border-radius:20px}.order-detail{grid-column:auto;padding:22px}.order-no{font-size:1.35rem}.flow-help{padding:75px 22px}.flow-actions{width:100%;flex-direction:column}.flow-actions .pill{width:100%}}
