.forms-hero[data-v-b1b2df3c]{background:linear-gradient(118deg, transparent 0%, transparent 46%, color-mix(in oklch, var(--color-paper-deep) 38%, transparent) 78%, color-mix(in oklch, var(--color-paper-soft) 55%, transparent) 100%), linear-gradient(to bottom, var(--color-paper) 0%, color-mix(in oklch, var(--color-paper-soft) 60%, var(--color-paper) 40%) 60%, var(--color-paper) 100%)}.forms-hero[data-v-b1b2df3c]:before{content:"";pointer-events:none;background-image:linear-gradient(to right, color-mix(in oklch, var(--color-rule) 54%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in oklch, var(--color-rule) 48%, transparent) 1px, transparent 1px);opacity:.34;z-index:0;background-size:5.5rem 5.5rem;height:min(56rem,100% - 4.5rem);position:absolute;inset:4.5rem 0 auto;-webkit-mask-image:linear-gradient(#0000 0%,#000 14% 74%,#0000 100%),linear-gradient(90deg,#000 0% 64%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 14% 74%,#0000 100%),linear-gradient(90deg,#000 0% 64%,#0000 100%)}.forms-hero[data-v-b1b2df3c]:after{content:"";pointer-events:none;background:radial-gradient(60% 60% at 62% 34%, color-mix(in oklch, var(--f-accent-soft) 62%, transparent) 0%, transparent 70%);opacity:.7;filter:blur(8px);z-index:0;border-radius:999px;width:min(46rem,52vw);height:min(50rem,92%);position:absolute;top:5rem;right:-6%}.hero-cta[data-v-b1b2df3c]{background:var(--f-accent-deep);outline-color:var(--f-accent-deep);box-shadow:0 14px 30px -24px oklch(36% .15 280/.7)}.hero-cta[data-v-b1b2df3c]:hover{background:var(--color-ink)}@media (width>=1024px){.hero-grid[data-v-b1b2df3c]{grid-template-columns:1.04fr .96fr;align-items:center}}.panel-stage[data-v-b1b2df3c]{perspective:1600px;width:100%;max-width:34rem;position:relative}.form-window[data-v-b1b2df3c]{border:1px solid color-mix(in oklch, var(--color-rule-strong) 58%, transparent);background:var(--surface-raised);border-radius:1.15rem;position:relative;overflow:hidden;box-shadow:0 48px 100px -60px oklch(17% .018 285/.45),0 18px 44px -34px oklch(17% .018 285/.22),inset 0 1px oklch(100% 5.96046e-8 none/.7)}.window-bar[data-v-b1b2df3c]{border-bottom:1px solid var(--color-rule);background:color-mix(in oklch, var(--color-paper-soft) 78%, var(--color-paper) 22%);justify-content:space-between;align-items:center;gap:1rem;min-height:3rem;padding:0 1rem;display:flex}.window-body[data-v-b1b2df3c]{background:color-mix(in oklch, var(--color-paper-soft) 70%, var(--color-paper) 30%);--color-iui-form-accent:var(--f-accent);--color-iui-form-accent-hover:var(--f-accent-deep);--color-iui-form-accent-subtle:var(--f-accent-soft);--color-iui-form-accent-subtle-foreground:var(--f-accent-deep);--color-iui-form-ring:var(--f-accent);height:clamp(29rem,52vh,37rem);padding:.75rem;position:relative;overflow:hidden}.view-stack[data-v-b1b2df3c]{height:100%;display:grid}.view-stack[data-v-b1b2df3c]>*{grid-area:1/1;min-width:0}.flip-enter-active[data-v-b1b2df3c]{transition:opacity .24s .1s}.flip-leave-active[data-v-b1b2df3c]{transition:opacity .16s}.flip-enter-from[data-v-b1b2df3c],.flip-leave-to[data-v-b1b2df3c]{opacity:0}.hero-form-shell[data-v-b1b2df3c]{scrollbar-color:#94a3b8a3 transparent;scrollbar-width:thin;background:#fff;border-radius:.6rem;height:100%;padding:1.25rem 1.25rem 1.5rem;overflow-y:auto;box-shadow:0 0 0 1px oklch(17% .018 285/.06);container:hero-live-form/inline-size}.hero-form-shell[data-v-b1b2df3c]::-webkit-scrollbar{width:.5rem}.hero-form-shell[data-v-b1b2df3c]::-webkit-scrollbar-track{background:0 0}.hero-form-shell[data-v-b1b2df3c]::-webkit-scrollbar-thumb{background-color:#94a3b8a3;border-radius:999px}@container hero-live-form (width<=26rem){.hero-form-shell[data-v-b1b2df3c] .iui-form-fieldset-grid,.hero-form-shell[data-v-b1b2df3c] .iui-form-radio-group{grid-template-columns:minmax(0,1fr)!important}}.hero-code-shell[data-v-b1b2df3c]{scrollbar-color:#94a3b866 transparent;scrollbar-width:thin;background:#1a1b26;border-radius:.6rem;height:100%;overflow:auto;box-shadow:0 0 0 1px oklch(17% .018 285/.06)}.hero-code-shell[data-v-b1b2df3c] pre,.hero-code-shell[data-v-b1b2df3c] .shiki{margin:0;padding:1.1rem 1.25rem 1.4rem;font-size:12px;line-height:1.65;background:0 0!important}.view-toggle[data-v-b1b2df3c]{border:1px solid var(--color-rule);background:var(--color-paper);border-radius:999px;flex-shrink:0;align-items:center;gap:.15rem;padding:.18rem;display:inline-flex}.view-btn[data-v-b1b2df3c]{border-radius:999px;align-items:center;min-height:26px;padding:0 .65rem;font-size:11.5px;font-weight:600;transition:color .15s,background-color .15s;display:inline-flex}.view-on[data-v-b1b2df3c]{background:var(--f-accent-deep);color:var(--color-paper)}.view-off[data-v-b1b2df3c]{color:var(--color-ink-mute)}.view-off[data-v-b1b2df3c]:hover{color:var(--color-ink)}.view-btn[data-v-b1b2df3c]:focus-visible{outline:2px solid var(--f-accent);outline-offset:2px}.window-caption[data-v-b1b2df3c]{border-top:1px solid var(--color-rule);background:color-mix(in oklch, var(--color-paper-soft) 78%, var(--color-paper) 22%);color:var(--color-ink-mute);padding:.65rem 1rem .7rem;font-size:11.5px;line-height:1.5}.rise[data-v-b1b2df3c]{opacity:0;animation:.7s cubic-bezier(.22,1,.36,1) forwards rise-b1b2df3c;transform:translateY(14px)}.reveal-1[data-v-b1b2df3c]{animation-delay:50ms}.reveal-2[data-v-b1b2df3c]{animation-delay:.13s}.reveal-3[data-v-b1b2df3c]{animation-delay:.26s}.reveal-4[data-v-b1b2df3c]{animation-delay:.36s}.reveal-5[data-v-b1b2df3c]{animation-delay:.46s}@keyframes rise-b1b2df3c{to{opacity:1;transform:translateY(0)}}.reveal-panel[data-v-b1b2df3c]{opacity:0;transform-origin:70% 40%;animation:1s cubic-bezier(.22,1,.36,1) .28s forwards panel-settle-b1b2df3c;transform:translate(40px)rotateY(-7deg)scale(.965)}@keyframes panel-settle-b1b2df3c{to{opacity:1;transform:translate(0)rotateY(0)scale(1)}}@media (width<=1023px){.panel-stage[data-v-b1b2df3c]{max-width:30rem;margin-inline:auto}.forms-hero[data-v-b1b2df3c]:before{opacity:.28;background-size:5rem 5rem;height:42rem;-webkit-mask-image:linear-gradient(#0000 0%,#000 12% 76%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 12% 76%,#0000 100%)}.forms-hero[data-v-b1b2df3c]:after{opacity:.5;top:auto;bottom:0;right:-20%}}@media (prefers-reduced-motion:reduce){.rise[data-v-b1b2df3c],.reveal-panel[data-v-b1b2df3c]{opacity:1;animation:none;transform:none}.flip-enter-active[data-v-b1b2df3c],.flip-leave-active[data-v-b1b2df3c]{transition:none}}