/* The headline stays still; all phrases share one intrinsic-size grid cell. */
.hero-copy-phrases{display:grid;align-items:start;isolation:isolate}
.hero-copy-phrase{grid-area:1/1;margin:0;visibility:hidden;pointer-events:none;overflow-wrap:break-word}
.hero-copy-line{display:block}
.hero-copy-phrase.is-active{visibility:visible;pointer-events:auto}
.hero-copy-controls{display:flex;align-items:center;gap:3px;margin-top:8px;min-height:28px;line-height:1}
.hero-copy-controls[hidden]{display:flex;visibility:hidden}
.hero-copy-pause[hidden]{display:none}
.hero-copy-step,.hero-copy-pause{display:grid;place-items:center;width:28px;height:28px;min-height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:#557565;cursor:pointer;flex-shrink:0}
.hero-copy-step::after{content:'';display:block;width:18px;height:2px;border-radius:3px;background:#d2dfd5;transition:background .2s}
.hero-copy-step[aria-pressed=true]::after{background:#07634f}
.hero-copy-pause{margin-inline-start:7px;color:#647d6e}
.hero-copy-pause svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-copy-step:hover,.hero-copy-pause:hover{background:#eaf1e9;color:#07634f}
.hero-copy-step:focus-visible,.hero-copy-pause:focus-visible{outline:2px solid #07634f;outline-offset:2px}
@media(max-width:920px){.hero-copy-controls{justify-content:center}}
@media(prefers-reduced-motion:reduce){.hero-copy-step::after{transition:none}}
.business-kinds{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0 20px}
.business-kind{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:9px;background:#edf3ee;color:#315f50;font-size:12px;line-height:1.5}
.business-kind .icon{width:19px;height:19px;flex-shrink:0}
.business-kind-dining{background:#edf3f7;color:#35617c}
@media(min-width:641px) and (max-width:920px){.business-kinds{justify-content:center}}

/* Retail remains the main demo; a quiet restaurant preview extends the same identity. */
.business-kind{text-decoration:none;border:1px solid transparent;transition:border-color .2s,background .2s}
.business-kind:hover{border-color:#a9c5b5;background:#e3eee6}
.business-kind-dining:hover{border-color:#b4cbdc;background:#e4eef5}
.business-kind:focus-visible{outline:2px solid #07634f;outline-offset:3px}
.restaurant-feature{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:36px;margin-top:24px;padding:32px 36px;border:1px solid #dce6dc;border-radius:21px;background:#f1f5ee;scroll-margin-top:100px}
.restaurant-feature-copy h3{font-size:clamp(20px,2vw,27px);line-height:1.65;letter-spacing:-.5px;margin:13px 0 9px;color:#164e3f}
.restaurant-feature-copy p{font-size:14px;line-height:1.9;color:#6c8074;margin:0;max-width:400px}
.restaurant-preview{padding:18px;border:1px solid #e0e8df;border-radius:16px;background:#fffef9;min-width:0}
.restaurant-preview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:12px;color:#365f50;font-weight:600}
.restaurant-preview-live{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:400;color:#72877b}
.restaurant-preview-live i{width:5px;height:5px;border-radius:50%;background:#438f74}
.restaurant-tables{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.restaurant-table{position:relative;display:flex;align-items:center;flex-direction:column;gap:8px;padding:16px 6px 13px;border:1px solid #d9e5dc;border-top:3px solid #548571;border-radius:11px;background:#f3f7f0;color:#315e4f}
.restaurant-table .icon{width:27px;height:27px}
.restaurant-table-number{display:flex;align-items:baseline;gap:5px}
.restaurant-table-number span{font-size:10px}
.restaurant-table-number b{font-size:21px;line-height:1.2;font-weight:600}
.restaurant-table-status{font-size:9px;line-height:1.6;text-align:center}
.restaurant-table.is-preparing{border-color:#e9dfcd;border-top-color:#ba9458;background:#fbf7ef;color:#8a6b39}
.restaurant-table.is-ready{border-color:#c8ddea;border-top-color:#6495b3;background:#edf5fa;color:#376b8d}
.restaurant-preview-note{display:block;text-align:center;font-size:8px;line-height:1.5;color:#7c8c81;margin-top:12px}
@media(max-width:920px){.restaurant-feature{gap:24px;padding:26px;grid-template-columns:1fr 1.15fr}.restaurant-preview{padding:14px}.restaurant-tables{gap:7px}}
@media(max-width:640px){.restaurant-feature{grid-template-columns:1fr;gap:22px;padding:24px 18px}.restaurant-feature-copy h3{font-size:21px}.restaurant-feature-copy p{font-size:12px}.restaurant-preview{padding:13px}.restaurant-table{padding-inline:3px}.restaurant-table-status{font-size:8px}}
@media(prefers-reduced-motion:reduce){.business-kind{transition:none}}