.compare-flow-section{position:relative;padding:80px 0;background:var(--white);z-index:10}.compare-flow-header{text-align:center;max-width:780px;margin:0 auto 50px}.flow-eyebrow{display:inline-block;color:var(--gold);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.flow-title{font-size:40px;font-weight:700;color:var(--primary-dark);line-height:1.15;letter-spacing:-.015em;margin-bottom:16px}.flow-desc{font-size:18px;line-height:1.55;color:var(--text-secondary)}.compare-flow-grid{display:flex;align-items:center;gap:12px;background:var(--bg-ivory);border:1px solid var(--card-border);border-radius:20px;padding:36px 28px;box-shadow:var(--shadow-card)}.flow-step-card{flex:1 1;background:var(--white);border:1px solid rgba(9,21,38,.08);border-radius:14px;padding:24px 18px;display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.16,1,.3,1),border-color .35s ease,box-shadow .35s ease}@media (hover:hover) and (pointer:fine){.flow-step-card:hover{border-color:rgba(198,161,91,.5)}}.flow-step-card.featured-step-card{border-color:var(--gold);box-shadow:0 6px 20px rgba(198,161,91,.12)}.flow-step-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.flow-num-badge{font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--gold-dark);background:rgba(198,161,91,.14);padding:2px 7px;border-radius:4px;font-family:monospace}.flow-icon-wrap{width:36px;height:36px;border-radius:8px;background:var(--bg-ivory);border:1px solid rgba(198,161,91,.25);display:flex;align-items:center;justify-content:center}.flow-step-title{font-size:14.5px;font-weight:700;color:var(--primary-dark);margin-bottom:6px}.flow-step-desc{font-size:12px;line-height:1.45;color:var(--text-secondary)}.flow-arrow-separator{display:flex;align-items:center;justify-content:center;flex-shrink:0}@media (max-width:960px){.compare-flow-grid{flex-direction:column;gap:16px}.flow-arrow-separator{transform:none}.flow-arrow-separator svg{transform:rotate(90deg)}}@media (max-width:600px){.flow-num-badge{font-size:12px}.flow-title{font-size:28px}}@media (min-width:601px) and (max-width:980px){.compare-flow-section .compare-flow-grid{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:10px;padding:30px 20px;scroll-padding-left:20px;scroll-padding-right:20px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.compare-flow-section .compare-flow-grid::-webkit-scrollbar{display:none}.compare-flow-section .compare-flow-grid>.flow-step-card{flex:0 0 232px;width:auto;scroll-snap-align:start}.compare-flow-section .flow-arrow-separator{display:flex;flex:0 0 auto;align-self:center;transform:none;padding:0}.compare-flow-section .flow-arrow-separator svg{transform:none}}