.business-flow{--flow-border:#d6ddd6}.business-flow [hidden]{display:none!important}.flow-wrap{width:min(1120px,100% - 40px);margin:auto}.flow-header{border-bottom:1px solid var(--flow-border);background:#fff}.flow-header .flow-wrap{justify-content:space-between;align-items:center;gap:16px;padding-block:20px;display:flex}.flow-brand{font-family:var(--font-heading);color:var(--color-brand-primary);align-items:center;gap:10px;font-size:1.2rem;font-weight:800;display:flex}.flow-top{padding:48px 0 30px}.flow-top h1{letter-spacing:-.035em;color:var(--color-brand-primary);max-width:22ch;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.08}.flow-top p{color:var(--color-brand-muted);max-width:60ch;margin-top:16px;line-height:1.65}.flow-plan{align-items:center;gap:10px;margin-top:20px;font-size:.9rem;font-weight:700;display:inline-flex}.flow-plan span{background:var(--color-tint-green);color:var(--color-brand-primary);border-radius:6px;padding:4px 9px}.flow-steps{border-bottom:1px solid var(--flow-border);gap:24px;margin-bottom:32px;padding-bottom:20px;list-style:none;display:flex}.flow-steps li{color:var(--color-brand-muted);align-items:center;gap:9px;font-size:.87rem;display:flex}.flow-steps b{border:1px solid var(--flow-border);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.flow-steps [aria-current=step]{color:var(--color-brand-primary);font-weight:800}.flow-steps [aria-current=step] b{color:#fff;background:var(--color-brand-primary);border-color:var(--color-brand-primary)}.flow-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:36px;padding-bottom:48px;display:grid}.flow-panel{border:1px solid var(--flow-border);background:#fff;border-radius:22px;min-width:0;padding:32px}.flow-panel h2{color:var(--color-brand-primary);letter-spacing:-.02em;font-size:1.6rem;font-weight:800;line-height:1.2}.flow-panel h3{font-size:1.15rem;font-weight:800}.flow-help{color:var(--color-brand-muted);margin:10px 0 22px;font-size:.9rem;line-height:1.6}.flow-field{margin-top:20px;font-size:.9rem;font-weight:700;display:block}.flow-field small{color:var(--color-brand-muted);margin-top:5px;font-weight:400;line-height:1.5;display:block}.flow-field input,.flow-field select,.flow-field textarea{width:100%;color:var(--color-brand-text);font:inherit;background:#fff;border:1px solid #aab9ae;border-radius:10px;min-height:48px;margin-top:7px;padding:12px 14px;font-weight:400;display:block}.flow-field input:focus,.flow-field select:focus,.flow-field textarea:focus{border-color:var(--color-brand-primary)}.flow-pair{grid-template-columns:1fr 1fr;gap:18px;display:grid}.flow-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px;display:flex}.flow-button{background:var(--color-brand-primary);color:#fff;cursor:pointer;text-align:center;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:13px 23px;font-weight:800;display:inline-flex}.flow-button:hover{background:var(--color-brand-primary-deep)}.flow-button:disabled{opacity:.6;cursor:wait}.flow-link{color:var(--color-brand-primary);text-underline-offset:4px;cursor:pointer;font-weight:700;text-decoration:underline}.flow-preview{position:sticky;top:24px}.flow-preview-label{color:var(--color-brand-muted);margin-bottom:12px;font-size:.85rem;font-weight:700}.flow-preview-card{border-top:5px solid var(--color-brand-primary);background:var(--color-brand-surface);overflow-wrap:anywhere;border-radius:4px 4px 18px 18px;padding:27px}.flow-preview-card h3{font-family:var(--font-heading);color:var(--color-brand-primary);margin:15px 0 8px;font-size:1.65rem;font-weight:800;line-height:1.15}.flow-preview-card p{white-space:pre-line;font-size:.9rem;line-height:1.6}.flow-preview-card hr{border:0;border-top:1px solid #cdd3c9;margin:22px 0}.flow-preview-card ul{gap:12px;padding-left:18px;font-size:.9rem;list-style:outside;display:grid}.flow-note{color:var(--color-brand-muted);margin-top:16px;font-size:.8rem;line-height:1.6}.flow-results{margin-top:20px;padding:0;list-style:none}.flow-result{border-bottom:1px solid var(--flow-border);justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.flow-result strong{font-family:var(--font-heading);color:var(--color-brand-primary);display:block}.flow-result small{color:var(--color-brand-muted);margin-top:4px;display:block}.flow-result button{border:1px solid var(--color-brand-primary);color:var(--color-brand-primary);cursor:pointer;border-radius:8px;flex-shrink:0;padding:10px;font-size:.83rem;font-weight:700}.flow-message{background:var(--color-tint-green);color:var(--color-brand-primary);border-radius:12px;margin-bottom:24px;padding:16px 20px;line-height:1.6}.flow-error{color:#8b2f25;background:#fff0ed;border-left:4px solid #8b2f25}.flow-check{align-items:flex-start;gap:12px;margin-top:22px;font-size:.9rem;line-height:1.5;display:flex}.flow-check input{width:20px;height:20px;accent-color:var(--color-brand-primary);flex-shrink:0;margin-top:2px}.flow-hours{margin-top:16px}.flow-day{grid-template-columns:90px 95px 1fr 1fr;align-items:center;gap:8px;margin:10px 0;font-size:.8rem;display:grid}.flow-day input,.flow-day select{background:#fff;border:1px solid #aab9ae;border-radius:7px;width:100%;min-width:0;padding:9px 5px}.flow-footer{border-top:1px solid var(--flow-border);color:var(--color-brand-muted);padding:24px 0;font-size:.85rem}.flow-footer .flow-wrap{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.flow-summary{gap:14px;margin:24px 0;display:grid}.flow-summary dt{color:var(--color-brand-muted);font-size:.8rem}.flow-summary dd{white-space:pre-line;overflow-wrap:anywhere}.flow-status{background:var(--color-tint-green);color:var(--color-brand-primary);border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:800;display:inline-block}.flow-list{gap:20px;margin:24px 0 48px;display:grid}.flow-trap{position:absolute;left:-10000px}@media (width<=800px){.flow-grid{grid-template-columns:1fr;gap:24px}.flow-preview{position:static}.flow-top{padding-top:32px}.flow-panel{padding:24px}}@media (width<=480px){.flow-wrap{width:calc(100% - 28px)}.flow-brand{font-size:1rem}.flow-header .flow-link{font-size:.8rem}.flow-steps{gap:12px}.flow-steps li{gap:5px;font-size:.75rem}.flow-steps b{flex-shrink:0;width:23px;height:23px}.flow-pair{grid-template-columns:1fr;gap:0}.flow-panel{padding:20px}.flow-result{flex-direction:column;align-items:flex-start;gap:10px}.flow-day{border-bottom:1px solid var(--flow-border);grid-template-columns:1fr 1fr;padding-bottom:12px}.flow-actions .flow-button{width:100%}}
