.pt-20:where(.astro-elavzuuj){padding-top:5rem}.demo-section:where(.astro-elavzuuj){overflow:hidden;position:relative}.demo-decorations:where(.astro-elavzuuj){position:absolute;inset:0;pointer-events:none;z-index:0}.demo-layout:where(.astro-elavzuuj){display:grid;grid-template-columns:1fr;gap:var(--space-10);align-items:start;position:relative;z-index:1}@media(width>=1024px){.demo-layout:where(.astro-elavzuuj){grid-template-columns:1fr 400px}}.demo-form:where(.astro-elavzuuj){display:flex;flex-direction:column;gap:var(--space-5)}.form-row-2:where(.astro-elavzuuj){display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media(width>=640px){.form-row-2:where(.astro-elavzuuj){grid-template-columns:repeat(2,1fr)}}.demo-illustration:where(.astro-elavzuuj){display:none;align-items:center;justify-content:center;padding-top:var(--space-4)}@media(width>=1024px){.demo-illustration:where(.astro-elavzuuj){display:flex}}.illustration-wrapper:where(.astro-elavzuuj){position:relative;width:100%;max-width:400px}.illustration-wrapper:where(.astro-elavzuuj) svg:where(.astro-elavzuuj){width:100%;height:auto;position:relative;z-index:1}.illustration-glow:where(.astro-elavzuuj){position:absolute;top:50%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--color-primary-200),transparent 70%);opacity:.15;z-index:0}.illustration-badge:where(.astro-elavzuuj){position:absolute;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);box-shadow:var(--shadow-md);white-space:nowrap;z-index:2}.illustration-badge:where(.astro-elavzuuj) svg:where(.astro-elavzuuj){width:16px;height:16px;flex-shrink:0}.badge-top:where(.astro-elavzuuj){top:8%;right:-5%}.badge-bottom:where(.astro-elavzuuj){bottom:18%;left:-8%}.illustration-sparkle:where(.astro-elavzuuj){position:absolute;font-size:var(--font-size-lg);color:var(--color-accent-400);opacity:.5;z-index:2;animation:2s ease-in-out infinite sparkle}.sparkle-1:where(.astro-elavzuuj){top:5%;right:10%;animation-delay:0s}.sparkle-2:where(.astro-elavzuuj){top:30%;left:-12%;animation-delay:.6s}.sparkle-3:where(.astro-elavzuuj){bottom:8%;right:0%;animation-delay:1.2s}@keyframes sparkle{0%,to{opacity:.3;transform:scale(.8) rotate(0)}50%{opacity:.8;transform:scale(1.2) rotate(20deg)}}.checkbox-field:where(.astro-elavzuuj){display:flex;align-items:flex-start;gap:var(--space-2-5);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.checkbox-field:where(.astro-elavzuuj) input:where(.astro-elavzuuj)[type=checkbox]{margin-top:.15em;width:1rem;height:1rem;accent-color:var(--color-primary-600);flex-shrink:0}.checkbox-field:where(.astro-elavzuuj) a:where(.astro-elavzuuj){color:var(--color-primary-600);text-decoration:underline}.checkbox-field:where(.astro-elavzuuj) a:where(.astro-elavzuuj):hover{color:var(--color-primary-700)}.trust-text:where(.astro-elavzuuj){font-size:var(--font-size-sm);color:var(--color-text-tertiary);text-align:center;margin-top:calc(-1 * var(--space-2))}.demo-benefits:where(.astro-elavzuuj){max-width:40rem;margin:0 auto}.demo-benefits-title:where(.astro-elavzuuj){font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);text-align:center;margin-bottom:var(--space-8);color:var(--color-text)}.demo-benefits-grid:where(.astro-elavzuuj){display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(width>=640px){.demo-benefits-grid:where(.astro-elavzuuj){grid-template-columns:repeat(2,1fr)}}.demo-benefit-item:where(.astro-elavzuuj){display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-base);color:var(--color-text-secondary)}.demo-benefit-check:where(.astro-elavzuuj){flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--color-secondary-50)}.demo-benefit-check:where(.astro-elavzuuj) svg:where(.astro-elavzuuj){width:16px;height:16px}.dark .illustration-badge:where(.astro-elavzuuj){background:var(--color-surface-secondary);border-color:var(--color-border)}.dark .demo-benefit-check:where(.astro-elavzuuj){background:#ffffff14}