:root{--demo-secondary:#22c6ad}.demo-landing{min-height:100vh;background:radial-gradient(ellipse at 10% 20%,#24214c 0,transparent 48%),radial-gradient(ellipse at 90% 90%,#162d43 0,transparent 45%),#0a1020;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:7vw;padding:64px max(5vw,24px);color:#f1f4ff}.demo-story{max-width:700px}.demo-wordmark{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:750;letter-spacing:1px;color:#fff;text-decoration:none;margin-bottom:68px}.demo-badge{font-size:10px;letter-spacing:2px;padding:5px 8px;border:1px solid #949bdb;border-radius:20px;color:#d4d5ff}.demo-kicker{font-size:11px;letter-spacing:2.4px;font-weight:700;color:#b5b9ed}.demo-story h1{font-size:clamp(36px,4.8vw,66px);line-height:1.13;letter-spacing:-2px;margin:24px 0}.demo-intro{font-size:18px;line-height:1.8;color:#c4cce1;max-width:580px}.demo-features{display:flex;gap:9px;flex-wrap:wrap;margin:26px 0}.demo-features span{border:1px solid #59607f;padding:8px 12px;border-radius:50px;font-size:12px;color:#e1e5fa}.demo-proof{display:flex;gap:45px;border-top:1px solid #333d57;padding-top:25px;margin:35px 0}.demo-proof>span{font-size:26px;font-weight:700}.demo-proof span span{display:block;font-size:11px;color:#b4bdd3;font-weight:400;margin-top:4px}.demo-story>a:last-child{font-size:13px;color:#cad0ff}.demo-entry{max-width:510px;width:100%;background:linear-gradient(145deg,#1c243c,#131c30);border:1px solid #47516f;border-radius:24px;padding:34px;box-shadow:0 28px 100px #0005}.demo-entry h2{font-size:28px;line-height:1.2;margin:14px 0}.demo-entry-title p{color:#c4cce1;font-size:14px;line-height:1.6}.demo-public{font-size:12px;line-height:1.9;padding:13px 15px;background:#0f162a;border:1px solid #3a4563;border-radius:10px;margin:24px 0;color:#c9d1e7}.demo-public strong{color:#e5e8ff;overflow-wrap:anywhere}.demo-entry label{font-size:13px;color:#e2e7fa}.demo-entry input:not([type=checkbox]){padding:13px;background:#0e172a;color:#fff;border:1px solid #586484;min-height:45px}.demo-entry input[type=checkbox]{min-width:18px;min-height:18px;accent-color:#858bff}.demo-entry .checkrow{line-height:1.6;align-items:flex-start}.demo-enter-button{min-height:48px;background:#727af1;color:#fff;border-color:#949bff;font-weight:700;display:flex;justify-content:space-between}.demo-disclaimer{font-size:11px;line-height:1.7;color:#c0c9df;margin-top:24px}.demo-entry .help{font-size:11px;line-height:1.6;color:#c0c9df}.demo-permanent{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;background:#26284a;color:#eef0ff;padding:10px 24px;font-size:12px;border-bottom:1px solid #63678e}.demo-permanent strong{color:#fff}.sidebar-brand [data-demo-logo] img{max-width:45px;max-height:45px;object-fit:contain}.sidebar-title{font-size:14px;overflow-wrap:anywhere}.demo-brand-preview{display:flex;gap:15px;align-items:center;border-left:4px solid var(--demo-secondary);padding:20px;margin-top:20px;font-size:23px;overflow-wrap:anywhere}.demo-brand-preview img{max-width:90px;max-height:80px;object-fit:contain}.workspace{min-width:0}.page-content{min-width:0}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b6c5ff;outline-offset:4px}.stack label input[type=color]{height:45px}.modal{max-height:90dvh;overflow:auto}.demo-entry .ghost{white-space:normal}.demo-landing.hidden{display:none!important}
@media(max-width:900px){.demo-landing{gap:35px;padding:28px 20px;grid-template-columns:1fr}.demo-story{max-width:650px}.demo-wordmark{margin-bottom:30px;font-size:16px}.demo-story h1{font-size:42px}.demo-proof{display:none}.demo-intro{font-size:15px;line-height:1.6}.demo-entry{max-width:none;padding:24px}.demo-features{margin:18px 0}.demo-permanent{padding:10px 16px}.top-actions{gap:5px}.breadcrumbs{min-width:0;overflow-wrap:anywhere}.page-head{flex-wrap:wrap}.demo-entry h2{font-size:25px}}
@media(max-width:480px){.demo-story h1{font-size:34px;letter-spacing:-1px}.demo-wordmark{font-size:13px;gap:8px}.demo-landing{padding:22px 14px}.demo-entry{padding:20px}.demo-permanent span{font-size:10px}.demo-features span{font-size:11px;padding:6px 10px}.topbar{flex-wrap:wrap;height:auto;min-height:65px;padding:10px}.top-actions{flex-wrap:wrap}.page-content{padding:16px}.form-grid.two{grid-template-columns:1fr}}