.flow-page{min-height:100vh;background:#f7f8fb;overflow-y:auto}.flow-header{background:var(--ink);color:#fff;padding:24px 20px 27px;display:flex;align-items:center;gap:14px;border-radius:0 0 26px 26px}.flow-header small{color:#9eabba;font-size:10px}.flow-header h1{font:800 21px Manrope,sans-serif;margin:2px 0 0}.back-btn{width:40px;height:40px;border:1px solid #ffffff24;background:#ffffff10;color:#fff;border-radius:13px;display:grid;place-items:center}.back-btn .icon{transform:rotate(180deg)}.flow-body{padding:22px 19px 35px}.steps{display:flex;align-items:center;justify-content:center;margin:0 auto 25px;width:220px}.steps span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#e6eaf0;color:#919cac;font-size:10px;font-weight:700}.steps span.active{background:var(--coral);color:#fff}.steps i{height:2px;background:#e0e5ec;flex:1}.flow-lead{font:800 16px Manrope,sans-serif;margin:0 0 12px}.phone-field{height:58px;border:1.5px solid #dfe4eb;border-radius:16px;background:white;display:flex;align-items:center;overflow:hidden}.phone-field:focus-within{border-color:var(--coral);box-shadow:0 0 0 4px #ff665814}.phone-field span{height:100%;display:flex;align-items:center;padding:0 14px;background:#f3f5f8;color:#536075;font-weight:700;font-size:13px}.phone-field input{border:0;outline:0;padding:0 14px;width:100%;font-size:15px}.detect-status{height:41px;margin:9px 0 21px;border-radius:12px;background:#eef1f5;color:#778396;display:flex;align-items:center;gap:9px;padding:0 12px;font-size:10px}.detect-status img{width:58px;height:22px;object-fit:contain}.detect-status.found{background:#ecf8f2;color:#16815a}.provider-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:11px}.provider-title strong{font-size:13px}.provider-title small{font-size:9px;color:#929dad}.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.provider-card{height:74px;border:1.5px solid #e7ebf0;background:white;border-radius:16px;padding:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#59667a;font-size:9px}.provider-card img{width:85px;height:28px;object-fit:contain}.provider-card.selected{border-color:var(--coral);background:#fff7f4;box-shadow:0 0 0 3px #ff665812}.view-products{margin-top:20px}.other-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.other-service{min-height:100px;border:1px solid #e6eaf0;border-radius:18px;background:white;color:var(--ink);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;font-size:11px;font-weight:700}.other-service .icon{color:var(--coral);width:25px;height:25px}.selected-provider{background:white;border:1px solid #e5e9ef;border-radius:18px;padding:14px;display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:11px}.selected-provider img{width:76px;height:32px;object-fit:contain}.selected-provider small{display:block;color:#929dad;font-size:9px}.selected-provider strong{font-size:12px}.selected-provider>span{font-size:8px;color:#16815a;background:#e8f8f0;padding:6px;border-radius:8px}.demo-badge{margin:10px 0 22px;text-align:center;background:#fff3d8;color:#966c13;border-radius:10px;padding:8px;font-size:9px}.product-list{display:flex;flex-direction:column;gap:10px}.product-card{border:1px solid #e6eaf0;background:white;border-radius:17px;padding:14px;text-align:left;display:grid;grid-template-columns:1fr auto;gap:3px}.product-card small{color:#7f8a9b;font-size:9px}.product-card strong{grid-row:1/3;grid-column:2;font:800 15px Manrope,sans-serif;color:var(--ink)}.product-card span{font-size:9px;color:var(--coral)}.welcome-card{margin-top:20px;background:#eef4ff;border:1px solid #dfeafa;border-radius:18px;padding:14px;display:flex;gap:11px;color:#31547e}.welcome-card>span{width:38px;height:38px;background:white;border-radius:12px;display:grid;place-items:center;flex:none}.welcome-card strong{font-size:11px}.welcome-card p{font-size:9px;line-height:1.5;margin:3px 0 0;color:#6f8199}.empty-state{padding:25px 15px;text-align:center;background:white;border:1px dashed #dce2e9;border-radius:18px;color:#8c97a7}.empty-state .icon{margin:0 auto 9px;width:25px}.empty-state strong{display:block;color:#556176;font-size:11px}.empty-state p{font-size:9px;margin:4px 0 0}@media(min-width:520px){.flow-page{min-height:100%;height:100%}}