.demo-hero:where(.astro-n3d6z47p){background:var(--white);padding:5rem 1.5rem 4.5rem;position:relative;overflow:visible}.demo-hero:where(.astro-n3d6z47p):after{content:"";position:absolute;inset:0 0 -100px;background:radial-gradient(circle at 50% 0%,rgba(30,64,175,.05) 0%,var(--white) 60%);pointer-events:none;mask-image:linear-gradient(to bottom,black 0%,black 50%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 50%,transparent 100%)}.demo-hero:where(.astro-n3d6z47p):before{content:"";position:absolute;inset:0 0 -100px;background-image:radial-gradient(circle,#C5C0B1 1px,transparent 1px);background-size:14px 14px;opacity:.4;pointer-events:none;mask-image:linear-gradient(to bottom,black 0%,black 50%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 50%,transparent 100%);z-index:1}.hero-content:where(.astro-n3d6z47p){max-width:760px;margin:0 auto;text-align:center;position:relative;z-index:2}.hero-content:where(.astro-n3d6z47p) h1:where(.astro-n3d6z47p){margin-bottom:1.25rem}.hero-subtitle:where(.astro-n3d6z47p){font-size:1.25rem;color:var(--text-secondary);line-height:1.5;margin:0}.demo-section:where(.astro-n3d6z47p){background:var(--white);padding:5rem 1.5rem 6rem}.demo-grid:where(.astro-n3d6z47p){display:grid;grid-template-columns:1.5fr 1fr;gap:4rem;max-width:1200px;margin:0 auto}.form-header:where(.astro-n3d6z47p){margin-bottom:2.5rem;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.form-header:where(.astro-n3d6z47p) svg:where(.astro-n3d6z47p){color:var(--primary)}.form-header:where(.astro-n3d6z47p) h2:where(.astro-n3d6z47p){font-size:2rem;margin:0;color:var(--text-primary)}.form-header:where(.astro-n3d6z47p) p:where(.astro-n3d6z47p){font-size:1rem;color:var(--text-secondary);margin:0}.demo-form:where(.astro-n3d6z47p){display:flex;flex-direction:column;gap:1.5rem}.form-row:where(.astro-n3d6z47p){display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group:where(.astro-n3d6z47p){display:flex;flex-direction:column;gap:.5rem}.form-group:where(.astro-n3d6z47p) label:where(.astro-n3d6z47p){font-size:.9375rem;font-weight:600;color:var(--text-primary)}.form-group:where(.astro-n3d6z47p) input:where(.astro-n3d6z47p),.form-group:where(.astro-n3d6z47p) select:where(.astro-n3d6z47p),.form-group:where(.astro-n3d6z47p) textarea:where(.astro-n3d6z47p){padding:.875rem 1rem;font-size:1rem;font-family:inherit;border:1px solid rgba(0,0,0,.15);border-radius:6px;background:var(--white);color:var(--text-primary);transition:all .2s ease}.form-group:where(.astro-n3d6z47p) input:where(.astro-n3d6z47p):focus,.form-group:where(.astro-n3d6z47p) select:where(.astro-n3d6z47p):focus,.form-group:where(.astro-n3d6z47p) textarea:where(.astro-n3d6z47p):focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1e40af1a}.form-group:where(.astro-n3d6z47p) textarea:where(.astro-n3d6z47p){resize:vertical;min-height:100px}.demo-form:where(.astro-n3d6z47p) .btn:where(.astro-n3d6z47p){display:inline-flex;align-items:center;gap:.5rem;justify-content:center;margin-top:.5rem}.form-note:where(.astro-n3d6z47p){display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-muted);margin-top:-.5rem}.form-note:where(.astro-n3d6z47p) svg:where(.astro-n3d6z47p){flex-shrink:0;opacity:.7}.demo-sidebar:where(.astro-n3d6z47p){background:var(--beige-light);padding:2.5rem;border-radius:12px;border:1px solid rgba(0,0,0,.06);height:-moz-fit-content;height:fit-content;position:sticky;top:6rem}.demo-sidebar:where(.astro-n3d6z47p) h3:where(.astro-n3d6z47p){font-size:1.5rem;margin-bottom:1.75rem;color:var(--text-primary);font-weight:700}.benefits-list:where(.astro-n3d6z47p){display:flex;flex-direction:column;gap:2rem;margin-bottom:2.5rem}.benefit-item:where(.astro-n3d6z47p){display:flex;gap:1rem}.benefit-icon:where(.astro-n3d6z47p){color:var(--primary);flex-shrink:0;background:#1e40af14;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:8px}.benefit-content:where(.astro-n3d6z47p) h4:where(.astro-n3d6z47p){font-size:1.0625rem;margin-bottom:.375rem;color:var(--text-primary);font-weight:600}.benefit-content:where(.astro-n3d6z47p) p:where(.astro-n3d6z47p){font-size:.9375rem;color:var(--text-secondary);margin:0;line-height:1.5}.demo-stats:where(.astro-n3d6z47p){display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-top:2.5rem;border-top:1px solid rgba(0,0,0,.1)}.stat-box:where(.astro-n3d6z47p){text-align:center;padding:1.25rem 1rem;background:var(--white);border-radius:8px;border:1px solid rgba(0,0,0,.06)}.stat-number:where(.astro-n3d6z47p){font-size:1.75rem;font-weight:700;color:var(--primary);line-height:1;margin-bottom:.5rem}.stat-label:where(.astro-n3d6z47p){font-size:.8125rem;color:var(--text-secondary);line-height:1.3}@media (max-width: 1024px){.demo-grid:where(.astro-n3d6z47p){grid-template-columns:1fr;gap:3rem}.demo-sidebar:where(.astro-n3d6z47p){position:static}.demo-stats:where(.astro-n3d6z47p){grid-template-columns:1fr 1fr}}@media (max-width: 768px){.demo-hero:where(.astro-n3d6z47p){padding:4rem 1.5rem 2.5rem}.demo-section:where(.astro-n3d6z47p){padding:3rem 1.5rem 4rem}.form-row:where(.astro-n3d6z47p){grid-template-columns:1fr;gap:1.5rem}.demo-sidebar:where(.astro-n3d6z47p){padding:2rem 1.5rem}.benefits-list:where(.astro-n3d6z47p){gap:1.5rem;margin-bottom:2rem}.benefit-icon:where(.astro-n3d6z47p){width:40px;height:40px}.demo-stats:where(.astro-n3d6z47p){gap:.75rem}.stat-box:where(.astro-n3d6z47p){padding:1rem .75rem}.stat-number:where(.astro-n3d6z47p){font-size:1.5rem}.stat-label:where(.astro-n3d6z47p){font-size:.75rem}}