:root{color:#51364e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;background:#fbf6f3;font-family:Plus Jakarta Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}a:focus-visible,button:focus-visible{outline-offset:4px;outline:3px solid #9c658c}.demo-intro{grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:44px;max-width:1440px;margin:auto;padding:34px 32px 28px;display:grid}.wordmark{letter-spacing:-1px;flex-wrap:wrap;align-items:baseline;gap:12px;font-size:24px;font-weight:800;text-decoration:none;display:inline-flex}.wordmark span{letter-spacing:.17em;color:#93718b;font-size:9px;font-weight:700}.eyebrow{letter-spacing:.07em;text-transform:uppercase;color:#8a5678;margin:24px 0 10px;font-size:11px;font-weight:700;line-height:1.5}h1{letter-spacing:-1.2px;max-width:840px;margin:0 0 16px;font-size:clamp(26px,3.2vw,42px);font-weight:800;line-height:1.18}.intro-text{max-width:730px;margin:0;font-size:15px;line-height:1.8}.module-note{color:#886a80;margin:16px 0 0;font-size:12px;line-height:1.8}.purchase-card{background:linear-gradient(130deg,#fff9fc,#f6e7f0 70%,#eee5f7);border:1px solid #e8d0df;border-radius:24px;padding:25px;box-shadow:0 10px 28px -22px #63304e55}.free-badge{letter-spacing:.11em;color:#895576;font-size:9px;font-weight:800}.purchase-card h2{letter-spacing:-.5px;margin:13px 0 9px;font-size:20px;line-height:1.4}.purchase-card p{color:#76576e;font-size:12px;line-height:1.8}.purchase-link{color:#fff;background:linear-gradient(130deg,#a24e7a,#863864);border-radius:14px;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:12px 14px;font-size:12px;font-weight:700;text-decoration:none;display:flex;box-shadow:0 5px 12px #86386422}.purchase-card .small-note{text-align:center;margin:12px 0 0;font-size:10px}.demo-toolbar{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbf6f3f5;border-block:1px solid #e9dce4;position:sticky;top:0}.toolbar-inner{flex-wrap:wrap;align-items:center;gap:10px 20px;max-width:1440px;margin:auto;padding:12px 32px;display:flex}.view-controls,.session-controls{flex-wrap:wrap;gap:7px;display:flex}.session-controls{margin-left:auto}button{color:#75546c;cursor:pointer;background:#fff;border:1px solid #dfceda;border-radius:12px;min-height:44px;padding:10px 14px;font-size:11px;font-weight:700}button[aria-pressed=true]{color:#fff;background:#863864;border-color:#863864}.reset-button{color:#6a435f;background:#f1e6ef;border-color:#dac3d3}#demo-status{color:#806478;flex-basis:100%;margin:0;font-size:11px;line-height:1.6}.preview-rail{padding:18px 0 24px;overflow-x:auto}.preview-wrap{background:#fff;border-radius:18px;width:1440px;margin:0 auto;box-shadow:0 0 0 1px #e4d3de,0 16px 40px -30px #51364e55}iframe{border-radius:inherit;border:0;width:100%;height:auto;display:block}.demo-footer{color:#886a80;max-width:1440px;margin:auto;padding:4px 32px 28px;font-size:11px;line-height:1.8}.demo-footer p{margin:6px 0}.demo-footer a{text-underline-offset:3px;font-weight:700}@media (width<=900px){.demo-intro{grid-template-columns:1fr;gap:22px;padding:24px 22px}.purchase-card{grid-template-columns:1fr 1fr;column-gap:22px;max-width:620px;padding:21px;display:grid}.purchase-card .free-badge,.purchase-card h2,.purchase-card>p:not(.small-note){grid-column:1}.purchase-card .purchase-link{grid-area:2/2/4;align-self:center}.purchase-card .small-note{grid-column:2}.toolbar-inner{padding:11px 22px}}@media (width<=540px){.demo-intro{gap:20px;padding:22px 16px}.wordmark{font-size:22px}.eyebrow{margin-top:21px;font-size:9px}h1{letter-spacing:-.8px;font-size:28px}.intro-text{font-size:13px}.module-note{font-size:10px}.purchase-card{padding:20px;display:block}.purchase-card h2{margin-block:9px 5px;font-size:18px}.purchase-card p{margin-block:7px 12px}.purchase-card .small-note{margin-bottom:0}.toolbar-inner{gap:8px;padding:10px 14px}.view-controls,.session-controls{gap:6px}.session-controls{margin-left:0}button{min-height:44px;padding:9px 11px;font-size:10px}#demo-status{font-size:10px}.preview-rail{padding-top:12px}.demo-footer{padding-inline:16px}}