.marketing-live-demo[data-v-8ab0dec2]{background:linear-gradient(to bottom, var(--color-paper) 0, var(--color-paper) 9rem, color-mix(in oklch, var(--color-paper) 80%, var(--marketing-demo-canvas) 20%) 15rem, var(--marketing-demo-canvas) 30rem, var(--marketing-demo-canvas) calc(100% - 16rem), var(--color-paper) 100%);margin-top:-1px}.demo-heading[data-v-8ab0dec2]{text-wrap:balance;font-size:clamp(2.35rem,4vw,4.05rem);line-height:1}.demo-lede[data-v-8ab0dec2]{text-wrap:pretty;font-size:clamp(1rem,1.16vw,1.11rem);line-height:1.58}.marketing-live-demo-grid[data-v-8ab0dec2]{background-image:linear-gradient(var(--marketing-demo-grid) 1px, transparent 1px), linear-gradient(90deg, var(--marketing-demo-grid) 1px, transparent 1px);background-size:4rem 4rem;-webkit-mask-image:linear-gradient(#0000 0 7rem,#000 22rem calc(100% - 14rem),#0000 100%);mask-image:linear-gradient(#0000 0 7rem,#000 22rem calc(100% - 14rem),#0000 100%)}.marketing-live-demo--resizing[data-v-8ab0dec2],.marketing-live-demo--resizing[data-v-8ab0dec2] *{-webkit-user-select:none;user-select:none;cursor:ew-resize!important}.demo-label[data-v-8ab0dec2]{letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb, var(--marketing-demo-muted) 88%, transparent);font-size:11px;font-weight:600}.demo-chip[data-v-8ab0dec2]{border:1px solid color-mix(in srgb, var(--marketing-demo-ink) 12%, transparent);background:color-mix(in srgb, var(--marketing-demo-surface) 55%, transparent);min-height:2.125rem;color:color-mix(in srgb, var(--marketing-demo-ink) 72%, transparent);border-radius:.6rem;align-items:center;padding:0 .75rem;font-size:13px;font-weight:500;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.demo-chip[data-v-8ab0dec2]:hover{background:var(--marketing-demo-surface);color:var(--marketing-demo-ink)}.demo-chip[aria-current=page][data-v-8ab0dec2]{background:color-mix(in srgb, var(--color-iui-form-accent) 8%, var(--marketing-demo-surface));border-color:color-mix(in srgb, var(--color-iui-form-accent) 50%, transparent);color:var(--color-iui-form-accent)}.demo-chip[data-v-8ab0dec2]:focus-visible,.demo-swatch[data-v-8ab0dec2]:focus-visible{outline:2px solid var(--color-iui-form-ring);outline-offset:2px}.demo-swatch[data-v-8ab0dec2]{background:var(--theme-accent);width:1.6rem;height:1.6rem;box-shadow:0 0 0 1px color-mix(in srgb, var(--marketing-demo-ink) 12%, transparent);border-radius:999px;transition:box-shadow .15s,transform .15s}.demo-swatch[data-v-8ab0dec2]:hover{transform:scale(1.08)}.demo-swatch[aria-current=true][data-v-8ab0dec2]{box-shadow:0 0 0 2px var(--marketing-demo-canvas), 0 0 0 4px var(--theme-accent)}.marketing-live-preview-frame[data-v-8ab0dec2]{width:min(calc(var(--marketing-demo-preview-width) + 2.5rem), 100%);min-width:min(100%,24.5rem);max-width:100%;height:var(--marketing-demo-preview-height);align-items:stretch;margin-inline-end:auto;display:flex}.marketing-live-preview-card[data-v-8ab0dec2]{width:100%;max-width:100%;height:100%;container:marketing-live-form/inline-size}.marketing-live-preview-stage[data-v-8ab0dec2]{flex:auto;min-width:0;display:flex}.marketing-live-form-shell[data-v-8ab0dec2]{scrollbar-color:#94a3b8a3 transparent;scrollbar-width:thin;border-radius:.75rem;height:calc(100% - .75rem);margin:.375rem}.marketing-live-form-shell[data-v-8ab0dec2]::-webkit-scrollbar{width:.625rem}.marketing-live-form-shell[data-v-8ab0dec2]::-webkit-scrollbar-track{background:0 0}.marketing-live-form-shell[data-v-8ab0dec2]::-webkit-scrollbar-thumb{background-color:#94a3b8a3;background-clip:content-box;border:.1875rem solid #0000;border-radius:999px}.marketing-live-form-shell[data-v-8ab0dec2]::-webkit-scrollbar-thumb:hover{background-color:#64748bd1}.marketing-live-form-shell[data-v-8ab0dec2] .iui-form-combobox-trigger:has(.iui-form-combobox-selected-options){align-content:flex-start;padding-inline-end:4.25rem}.marketing-live-form-shell[data-v-8ab0dec2] .iui-form-combobox-trigger:has(.iui-form-combobox-selected-options) .iui-form-combobox-selected-options{flex:auto;max-width:100%}.marketing-live-form-shell[data-v-8ab0dec2] .iui-form-combobox-trigger:has(.iui-form-combobox-selected-options) .iui-form-combobox-actions{position:absolute;inset-block-start:.625rem;inset-inline-end:.75rem}.marketing-live-form-shell[data-v-8ab0dec2] .iui-form-toggle-group{flex-wrap:wrap;row-gap:.25rem}.marketing-live-form-shell[data-v-8ab0dec2] .iui-form-rich-text-editor-content.prose-sm .ProseMirror p{margin-block:0}.marketing-live-form-shell[data-v-8ab0dec2] .iui-form-rich-text-editor-content.prose-sm .ProseMirror>:first-child{margin-top:0}.marketing-live-form-shell[data-v-8ab0dec2] .iui-form-rich-text-editor-content.prose-sm .ProseMirror>:last-child{margin-bottom:0}.marketing-live-resize-rail[data-v-8ab0dec2]{cursor:ew-resize;touch-action:none;flex:0 0 1.5rem;place-items:center;width:1.5rem;display:grid}.marketing-live-resize-rail[data-v-8ab0dec2]:focus-visible{outline:none}.marketing-live-resize-handle[data-v-8ab0dec2]{background:#94a3b8d1;border-radius:999px;width:.375rem;height:3rem;transition:background-color .15s,height .15s,width .15s;animation:3.6s cubic-bezier(.22,1,.36,1) .8s infinite marketing-resize-handle-cue-8ab0dec2;box-shadow:0 0 0 1px #ffffffad,0 10px 24px #0f172a1f}.marketing-live-resize-rail:hover .marketing-live-resize-handle[data-v-8ab0dec2],.marketing-live-resize-rail:focus-visible .marketing-live-resize-handle[data-v-8ab0dec2]{width:.45rem;height:3.5rem;box-shadow:0 0 0 1px #fffc, 0 0 0 4px color-mix(in srgb, var(--color-iui-form-ring) 18%, transparent), 0 10px 24px #0f172a24;background:#64748beb}@keyframes marketing-resize-handle-cue-8ab0dec2{0%,56%,to{opacity:.82;transform:translate(0)scaleY(1)}64%{opacity:1;transform:translate(.1875rem)scaleY(1.18)}76%{opacity:.94;transform:translate(-.0625rem)scaleY(1.04)}88%{opacity:.86;transform:translate(0)scaleY(1)}}@container marketing-live-form (width<=38rem){.marketing-live-form-shell[data-v-8ab0dec2] .iui-form-fieldset-grid,.marketing-live-form-shell[data-v-8ab0dec2] .iui-form-radio-group{grid-template-columns:minmax(0,1fr)!important}}@media (width<=63.999rem){.marketing-live-form-shell[data-v-8ab0dec2]{min-height:28rem}}@media (width<=39.999rem){.marketing-live-form-shell[data-v-8ab0dec2]{min-height:25.25rem}}@media (prefers-reduced-motion:reduce){.marketing-live-resize-handle[data-v-8ab0dec2]{animation:none}}