/* Structural components reuse the existing palette, type and card language. */
.flow-home .flow-demo{padding-block:42px}.demo-products,.demo-steps{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;max-width:100%;padding-bottom:10px}.demo-products{margin-bottom:14px}.demo-products button,.demo-steps button{min-height:44px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--muted);padding:9px 13px;white-space:nowrap;font:11px 'Segoe UI',sans-serif;cursor:pointer}.demo-products [aria-selected=true],.demo-steps [aria-selected=true]{border-color:var(--gold);color:var(--gold);background:color-mix(in srgb,var(--gold) 10%,var(--surface))}.demo-panel{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);min-width:0}.demo-controls{padding:22px;min-width:0}.demo-step-content h3{font-size:25px;margin:18px 0 13px;line-height:1.2}.demo-copy{font-size:13px;line-height:1.8;color:var(--muted);max-width:490px}.demo-note{margin:14px 0}.demo-link{font-size:12px;display:inline-flex;align-items:center;min-height:44px}.demo-panel figure{border-top:1px solid var(--line);padding:22px;background:var(--bg);min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.demo-image-button{width:100%;background:none;display:flex;justify-content:center}.demo-image{width:100%;height:260px;object-fit:contain}.demo-panel figcaption{font-size:9px;text-align:center;color:var(--muted);margin-top:13px;line-height:1.8}.flow-demo-disclaimer{font-size:10px;color:var(--muted);line-height:1.8;margin-top:13px}.flow-full-comparison{margin-block:0 25px}.flow-home .bundle-offer{width:100%;margin:25px 0 0}.flow-home #organizations{width:100%;margin:20px 0 0}.flow-faq .faq-categories{min-width:0}.faq-category{border-bottom:1px solid var(--line)}.faq-category>summary{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:54px;padding:16px 0;cursor:pointer;font-size:14px;color:var(--text)}.faq-category>summary>span{color:var(--gold)}.faq-category-body{padding:0 0 18px 15px;border-left:1px solid var(--line)}.faq-category-body>details{border-bottom:1px solid var(--line)}.faq-category-body>details:last-child{border-bottom:0}.faq-category-body>details>summary{font-size:12px!important;padding:14px 0!important;min-height:44px;cursor:pointer;display:flex;justify-content:space-between;gap:14px;line-height:1.7}.faq-category-body p{font-size:12px!important;line-height:1.9!important;color:var(--muted);padding:0 12px 15px 0}.faq-category-body a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}.flow-route-grid{display:grid;gap:16px}.flow-route-grid a{padding:22px;display:block}.flow-route-grid b{display:block;font-size:16px;font-weight:600}.flow-route-grid span{display:block;margin-top:10px;font-size:12px;color:var(--muted);line-height:1.8}.flow-tech{padding-bottom:25px}.flow-tech details{border-block:1px solid var(--line);padding:15px 0}.flow-tech summary{min-height:44px;display:flex;justify-content:space-between;align-items:center;font-size:13px;cursor:pointer}.flow-tech p{font-size:13px;color:var(--muted);line-height:1.9;margin:15px 0}.flow-stage{min-width:0}.flow-stage>.bundle-offer{margin-block:25px}.flow-stage>.organization-offer{margin-block:25px 40px}.flow-support-links{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0}.flow-support-links a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;font-size:13px}
@media(min-width:768px){.demo-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.demo-panel figure{border-top:0;border-left:1px solid var(--line)}.demo-controls{padding:28px}.demo-image{height:310px}.flow-route-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.flow-home .flow-demo{padding-block:32px}.demo-products button{font-size:10px;padding:8px 10px}.demo-controls{padding:19px}.demo-panel figure{padding:18px}.demo-image{height:230px}.faq-category>summary{font-size:13px}}

.flow-choice-grid{display:grid;gap:16px;margin-top:20px}.flow-choice-grid article{padding:22px}.flow-choice-grid h3{font-size:22px;margin-bottom:18px}.flow-choice-grid dl{margin:0 0 14px}.flow-choice-grid dl>div{padding:12px 0;border-top:1px solid var(--line)}.flow-choice-grid dt{font-size:10px;color:var(--gold);margin-bottom:6px}.flow-choice-grid dd{margin:0;font-size:12px;line-height:1.8;color:var(--muted)}.flow-choice-grid .text-link,.flow-pricing-link{font-size:12px;min-height:44px;display:inline-flex;align-items:center}@media(min-width:768px){.flow-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}