/* Coupon wheel landing page (page 'coupon-wheel', loaded by the layout as css/{app}.css): demo + call to action. */
.lw-land { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--s-5); align-items: start; margin-bottom: var(--s-7); }
@media (min-width: 900px) { .lw-land { grid-template-columns: minmax(0, 460px) minmax(0, 1fr); gap: var(--s-7); } }
.lw-land__h { margin: 0 0 var(--s-3); font-size: var(--fs-20); }
.lw-land__demo { padding: var(--s-4); border: 1px solid var(--border); border-radius: var(--r-card); background: var(--surface); box-shadow: var(--shadow-sm); }
.lw-land__frame { display: block; width: 100%; height: 740px; border: 0; border-radius: var(--s-3); background: #fff; }
.lw-land__note { display: flex; gap: var(--s-2); align-items: flex-start; margin: var(--s-3) 0 var(--s-2); color: var(--text-muted); font-size: var(--fs-14); }
.lw-land__note .icon { width: 18px; height: 18px; margin-top: 2px; }
.lw-land__pop { color: var(--text); width: 100%; white-space: normal; text-align: center; min-height: 48px; height: auto; padding-block: 10px; }
.lw-land__cta { padding: var(--s-5); border-radius: var(--r-card); background: var(--brand-soft); color: var(--text); }
.lw-land__cta p { margin: 0 0 var(--s-3); max-width: 46ch; }
.lw-land__cta p:last-child { margin-bottom: 0; }
@media (min-width: 900px) { .lw-land__cta { position: sticky; top: calc(var(--header-h) + 16px); padding: var(--s-6); } }