.demo-pack-preview-root{min-height:100%}@media (min-width:960px){.demo-pack-preview-root:has(.demo-pack-drawer.is-open){padding-left:min(300px,32vw)}}.demo-pack-fab{z-index:130;color:#0f172a;letter-spacing:.08em;writing-mode:vertical-rl;text-orientation:mixed;cursor:pointer;background:#38bdf8;border:0;border-radius:0 10px 10px 0;min-height:0;padding:18px 10px;font-size:.82rem;font-weight:800;line-height:1.15;position:fixed;top:50%;left:0;transform:translateY(-50%);box-shadow:4px 0 20px rgba(15,23,42,.22)}.demo-pack-preview-root:has(.demo-pack-drawer.is-open) .demo-pack-fab{display:none}.demo-pack-drawer{z-index:125;color:#e8eef7;background:#0f172a;width:min(300px,92vw);height:100%;padding:18px 16px 28px;transition:transform .2s;position:fixed;top:0;left:0;overflow:auto;transform:translate(-110%);box-shadow:8px 0 28px rgba(0,0,0,.28)}.demo-pack-drawer.is-open{transform:translate(0)}.demo-pack-drawer__kicker{letter-spacing:.08em;text-transform:uppercase;color:rgba(232,238,247,.55);margin:0 0 4px;font-size:.68rem}.demo-pack-drawer__title{margin:0 0 8px;font-size:1.15rem}.demo-pack-drawer__lead,.demo-pack-drawer__current,.demo-pack-drawer__note{color:rgba(232,238,247,.72);margin:0 0 12px;font-size:.82rem;line-height:1.45}.demo-pack-drawer__plans{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.demo-pack-plan{color:#e8eef7;cursor:pointer;background:0 0;border:1px solid rgba(255,255,255,.16);border-radius:999px;min-height:32px;padding:0 10px;font-size:.75rem;font-weight:700}.demo-pack-plan.is-active{color:#0f172a;background:#38bdf8;border-color:#38bdf8}.demo-pack-checklist{margin:0 0 14px;padding:0;list-style:none}.demo-pack-checklist li{border-top:1px solid rgba(255,255,255,.08);grid-template-columns:1rem 1fr auto;align-items:start;gap:8px;padding:7px 0;font-size:.8rem;display:grid}.demo-pack-checklist li.is-off{color:rgba(232,238,247,.45)}.demo-pack-checklist__mark{color:#38bdf8}.demo-pack-checklist li.is-off .demo-pack-checklist__mark{color:rgba(232,238,247,.28)}.demo-pack-drawer__cta{text-align:center;color:#0f172a;background:#38bdf8;border-radius:8px;margin-bottom:10px;padding:10px 12px;font-weight:800;text-decoration:none;display:block}.demo-pack-drawer__close{color:rgba(232,238,247,.7);cursor:pointer;background:0 0;border:0;width:100%;font-size:.78rem;display:block}.demo-pack-locked{text-align:center;max-width:520px;margin:48px auto;padding:24px 20px 40px}.demo-pack-locked__kicker{letter-spacing:.08em;text-transform:uppercase;color:#64748b;margin:0 0 8px;font-size:.72rem}.demo-pack-locked__title{margin:0 0 10px;font-size:1.45rem}.demo-pack-locked__lead{color:#64748b;margin:0 0 18px;line-height:1.5}.demo-pack-locked__btn{color:#fff;background:#0f6b5c;border-radius:8px;align-items:center;min-height:42px;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex}