/* Host demo chrome only. Shared Core/Vite policy owns form embedding. */
.mf-demo-site{margin:0;background:#f5f7fb;color:#172b45;font:15px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.mf-demo-header,.mf-demo-container,.mf-demo-showcase,.mf-demo-footer{box-sizing:border-box}
.mf-demo-header{min-height:78px;padding:16px max(24px,calc((100% - 1664px)/2));background:#fff;border-bottom:1px solid #e1e8f0;display:flex;align-items:center;justify-content:space-between;gap:20px}
.mf-demo-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#172b45;font-size:20px;font-weight:800;white-space:nowrap}
.mf-demo-brand span{display:grid;place-items:center;width:34px;height:34px;background:#6154e8;color:white;border-radius:10px}
.mf-demo-header nav{display:flex;gap:24px;flex-wrap:wrap;font-size:14px}.mf-demo-header nav a{color:#43546b;text-decoration:none;font-weight:600}.mf-demo-header nav a:hover{color:#5144d2}
.mf-demo-container{max-width:1720px;margin:auto;padding:40px 28px 64px}.mf-demo-intro{padding:40px;border:1px solid #dce4f1;border-radius:20px;background:linear-gradient(120deg,#edf1ff,#fffaf0);margin:0 0 40px}
.mf-demo-eyebrow{font-size:11px;letter-spacing:.12em;font-weight:700;color:#67758b;margin:0 0 12px}.mf-demo-intro h1{font:800 clamp(30px,3vw,46px)/1.12 system-ui;margin:0 0 18px;letter-spacing:-.035em;color:#172b45}.mf-demo-intro>p:not(.mf-demo-eyebrow){max-width:1000px;margin:0 0 20px;color:#52647d;font-size:16px}.mf-demo-chips{display:flex;gap:10px;flex-wrap:wrap}.mf-demo-chips span{padding:5px 11px;border:1px solid #d9e1ef;border-radius:20px;background:#ffffffb3;color:#465575;font-size:12px}
.mf-demo-toolbar{display:flex;align-items:end;justify-content:space-between;gap:24px}.mf-demo-toolbar h2{font:750 25px/1.2 system-ui;margin:0;color:#172b45}.mf-demo-toolbar .mf-demo-eyebrow{margin-bottom:8px}.mf-demo-filters{display:flex;gap:12px;min-width:0}.mf-demo-filters label,.mf-demo-sidebar label{display:grid;gap:6px;font-size:12px;font-weight:600;color:#465975}.mf-demo-filters input,.mf-demo-filters select,.mf-demo-sidebar select{box-sizing:border-box;max-width:100%;min-width:0;width:100%;padding:10px 12px;background:#fff;color:#253a53;border:1px solid #cedaeb;border-radius:8px;font:13px system-ui;height:42px}.mf-demo-filters input{width:270px}.mf-demo-count{font-size:12px;color:#6b7d93;margin:16px 0}.mf-demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,215px),1fr));gap:16px}.mf-demo-card{display:block;border:1px solid #dfe7f2;border-radius:12px;overflow:hidden;background:white;text-decoration:none;color:#172b45;box-shadow:0 3px 12px #17335305;transition:transform .15s,box-shadow .15s}.mf-demo-card:hover{transform:translateY(-3px);color:#172b45;box-shadow:0 9px 24px #17335312}.mf-demo-card[hidden]{display:none}.mf-demo-card-art{aspect-ratio:1.54;background:#eaf0f8;overflow:hidden;border-bottom:1px solid #e5ebf4}.mf-demo-card-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.mf-demo-card-body{padding:14px}.mf-demo-card h3{font:700 14px/1.35 system-ui;margin:0 0 7px}.mf-demo-card p{font-size:11px;color:#71819a;margin:0}
.mf-demo-showcase{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:24px;max-width:1760px;margin:auto;padding:28px 24px 56px;align-items:start}.mf-demo-sidebar{position:sticky;top:24px;border:1px solid #d9e4ef;border-top:3px solid #12aaa3;border-radius:12px;background:#eff9f9;padding:24px;min-width:0}.mf-demo-back{display:block;color:#1666a8;text-decoration:none;font-size:13px;font-weight:650;margin:0 0 20px}.mf-demo-sidebar h1{color:#172b45;font:800 clamp(23px,2vw,32px)/1.15 system-ui;letter-spacing:-.025em;margin:0 0 16px;overflow-wrap:anywhere}.mf-demo-description{color:#5e748c;font-size:14px;margin:0 0 24px;overflow-wrap:anywhere}.mf-demo-sidebar .mf-demo-eyebrow{text-transform:none;letter-spacing:0;color:#64839a;font-size:12px}.mf-demo-sidebar label{margin:0 0 16px}.mf-demo-note{border-top:1px solid #dce9ee;padding-top:18px;color:#73879b;font-size:12px;margin:24px 0 0}.mf-demo-form-pane{min-width:0;position:relative;isolation:isolate}.mf-demo-form-pane>.megaform-root{margin:0;width:100%;min-width:0}.mf-demo-footer{padding:24px;text-align:center;border-top:1px solid #e0e7f0;color:#7b879a;font-size:12px;background:#fff}
@media(max-width:900px){.mf-demo-showcase{grid-template-columns:minmax(0,1fr);padding:20px 16px 40px;gap:20px}.mf-demo-sidebar{position:static;padding:22px}.mf-demo-toolbar{align-items:stretch;flex-direction:column}.mf-demo-filters{flex-wrap:wrap}.mf-demo-filters label{flex:1 1 200px}.mf-demo-filters input{width:100%}.mf-demo-container{padding:24px 16px 40px}.mf-demo-intro{padding:26px;margin-bottom:28px}.mf-demo-header{padding:16px;align-items:flex-start}.mf-demo-header nav{gap:8px 16px;justify-content:flex-end;font-size:12px}.mf-demo-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr))}}