.demo{max-width:620px;padding:0 max(16px,env(safe-area-inset-left,0px)) 90px;background:var(--paper,#f7f3ec);margin:0 auto}.demo-top{border-bottom:1px solid #e6dfd2;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;display:flex}.demo-banner{color:#d9bf8c;text-align:center;letter-spacing:.3px;background:#15130f;margin:16px 0 0;padding:10px 12px;font-size:13px}.demo-arrival{text-align:center;padding:26px 0 22px}.demo-arrival h1{font:700 34px/1.5 var(--serif,"Amiri",serif);margin:10px 0 6px}.demo-arrival p{color:#7a7268;margin:0;font-size:14px}.demo-card{max-width:440px;margin:0 auto;box-shadow:0 18px 60px #15130f24}.demo-card .invitation{aspect-ratio:auto;min-height:560px}.demo-rsvp,.demo-sent{background:#fbf8f2;border:1px solid #e6dfd2;flex-direction:column;gap:14px;max-width:470px;margin:28px auto 0;padding:24px 20px;display:flex}.demo-rsvp h2,.demo-sent h2,.demo-switch h2,.demo-cta h2{font:700 24px/1.5 var(--serif,"Amiri",serif);text-align:center;margin:0}.demo-choices{grid-template-columns:1fr 1fr;gap:8px;display:grid}.demo-choices label{cursor:pointer;text-align:center;background:#fff;border:1px solid #d8cbb3;justify-content:center;align-items:center;gap:6px;min-height:52px;padding:6px;font-size:14px;display:flex}.demo-choices label.on{color:#fbf8f2;background:#15130f;border-color:#15130f}.demo-choices input{opacity:0;pointer-events:none;position:absolute}.demo-field{flex-direction:column;gap:6px;font-size:13px;display:flex}.demo-field select,.demo-field textarea{font:inherit;color:#15130f;background:#fff;border:1px solid #d8cbb3;border-radius:0;padding:10px;font-size:16px}.demo-rsvp .lx-btn{justify-content:center;min-height:52px}.demo-hint{color:#7a7268;text-align:center;margin:0;font-size:12px}.demo-sent{text-align:center;align-items:center}.demo-ok{color:#15130f;background:#b8955a;border-radius:50%;place-items:center;width:56px;height:56px;font-size:28px;display:grid}.demo-sent>p{color:#5f584f;margin:0;font-size:14px}.demo-dash{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.demo-dash div{background:#fff;border:1px solid #e6dfd2;flex-direction:column;gap:2px;padding:12px 4px;display:flex}.demo-dash b{font-variant-numeric:lining-nums;font:500 34px/1 Cormorant Garamond,serif}.demo-dash span{color:#7a7268;font-size:12px}.demo-dash .g{background:#15130f;border-color:#15130f}.demo-dash .g b{color:#d9bf8c}.demo-dash .g span{color:#b5ab9c}.demo-row{background:#fff;border:1px solid #e6dfd2;justify-content:space-between;gap:10px;width:100%;padding:10px 12px;font-size:13px;display:flex}.demo-row .ok{color:#3f7a4f}.demo-row .no{color:#a04a3a}.demo-note{font:16px/1.7 var(--serif,"Amiri",serif);color:#8e6f3e;margin:0}.demo-switch{flex-direction:column;align-items:center;gap:14px;margin-top:40px;display:flex}.demo-picks{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.demo-picks button{cursor:pointer;color:#15130f;background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:6px;padding:6px;font-size:12px;display:flex}.demo-picks button.on{background:#fbf8f2;border-color:#b8955a}.demo-picks .invitation{width:100%}.demo-cta{color:#fbf8f2;text-align:center;background:#15130f;flex-direction:column;align-items:center;gap:12px;margin-top:44px;padding:34px 20px;display:flex}.demo-cta p{color:#c9c1b4;margin:0;font-size:14px}.demo-cta .lx-link{color:#d9bf8c}@media (max-width:480px){.demo-top .lx-btn{padding:9px 14px;font-size:12px}.demo-card .invitation{min-height:520px}}