.l10n-demo__stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(1.5rem,4vw,3rem);align-items:start;margin-top:clamp(1.5rem,3vw,2rem)}.l10n-demo__side{display:grid;gap:1.5rem;align-content:start}.l10n-demo__langs{display:flex;flex-wrap:wrap;gap:.5rem}.l10n-demo__lang{min-height:var(--touch-target);padding:0 1.1rem;border:1px solid var(--color-border-light);border-radius:980px;background:var(--surface-card);color:var(--color-text);font:inherit;font-size:.9375rem;font-weight:var(--weight-ui);cursor:pointer;transition:background-color .2s var(--ease-smooth),border-color .2s var(--ease-smooth),color .2s var(--ease-smooth)}.l10n-demo__lang:hover{border-color:var(--color-accent)}.l10n-demo__lang[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.l10n-demo__lang:focus-visible,.l10n-demo__step:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.l10n-demo__stepper{display:inline-flex;align-items:center;gap:.75rem}.l10n-demo__stepper-label{font-size:var(--text-label);font-weight:var(--weight-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-tertiary);margin-inline-end:.25rem}.l10n-demo__step{width:var(--touch-target);height:var(--touch-target);border:1px solid var(--color-border-light);border-radius:50%;background:var(--surface-card);color:var(--color-text);font:inherit;font-size:1.25rem;line-height:1;cursor:pointer}.l10n-demo__step:hover:not(:disabled){border-color:var(--color-accent);color:var(--color-accent)}.l10n-demo__step:disabled{opacity:.4;cursor:default}.l10n-demo__count{min-width:2ch;text-align:center;font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums}.l10n-demo__note{margin:0;padding:1.1rem 1.25rem;border-radius:12px;background:var(--band-mint);font-size:.9375rem;line-height:1.6;color:var(--color-text-secondary)}.l10n-demo__note-label{display:block;margin-bottom:.25rem;font-size:var(--text-label);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent)}.l10n-demo__screen{display:grid;place-items:center;min-height:27rem;padding:clamp(1.25rem,4vw,2.5rem);border-radius:var(--radius-card);background:var(--band-green)}.l10n-card{width:100%;max-width:23rem;padding:1.75rem 1.5rem 1.5rem;border-radius:var(--radius-card);background:#fff;color:#15140f;text-align:start;box-shadow:0 18px 40px -24px #00281c8c;transition:opacity .18s var(--ease-smooth)}.l10n-card.is-switching{opacity:0}.l10n-card__check{display:grid;place-items:center;width:2.5rem;height:2.5rem;margin-bottom:1rem;border-radius:50%;background:var(--band-mint);color:#00674b}.l10n-card__check svg{width:1.25rem;height:1.25rem}.l10n-card__title{margin:0 0 .35rem;font-size:1.375rem;font-weight:700;letter-spacing:-.015em;line-height:1.25}.l10n-card:lang(ar) .l10n-card__title,.l10n-card:lang(ja) .l10n-card__title{letter-spacing:0}.l10n-card__sent{margin:0 0 1.25rem;font-size:.9375rem;line-height:1.5;color:#3e4a45}.l10n-card__facts{display:grid;gap:.6rem;margin:0 0 1.25rem;padding:0;list-style:none}.l10n-card__facts li{display:flex;align-items:center;gap:.6rem;font-size:.9375rem;color:#15140f}.l10n-card__facts svg{flex-shrink:0;width:1.15rem;height:1.15rem;color:#52605a}.l10n-card__total{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-top:1rem;margin-bottom:1.25rem;border-top:1px solid rgba(21,20,15,.12);font-size:.9375rem;color:#3e4a45}.l10n-card__total strong{font-size:1.25rem;font-weight:700;color:#15140f;font-variant-numeric:tabular-nums}.l10n-card__button{display:block;padding:.8rem 1rem;border-radius:var(--radius-control);background:var(--color-action);color:#15140f;font-weight:600;text-align:center}.l10n-demo__stage--stacked{grid-template-columns:minmax(0,1fr)}.l10n-demo__stage--stacked .l10n-demo__side{display:contents}.l10n-demo__stage--stacked .l10n-demo__langs{order:1}.l10n-demo__stage--stacked .l10n-demo__stepper{order:2}.l10n-demo__stage--stacked .l10n-demo__screen{order:3;min-height:25rem}.l10n-demo__stage--stacked .l10n-demo__note{order:4}@media (max-width: 860px){.l10n-demo__stage{grid-template-columns:minmax(0,1fr)}.l10n-demo__side{display:contents}.l10n-demo__langs{order:1}.l10n-demo__stepper{order:2}.l10n-demo__screen{order:3;min-height:25rem}.l10n-demo__note{order:4}}@media (prefers-reduced-motion: reduce){.l10n-card,.l10n-demo__lang{transition:none}}