.c-demo{isolation:isolate;background:linear-gradient(#fff 0%,#f5f8fe 100%);align-items:center;min-height:calc(100dvh - 66px);padding:clamp(40px,7vw,96px) 0;display:flex;position:relative;overflow:hidden}.c-demo-aurora{z-index:-1;pointer-events:none;filter:blur(46px);background:radial-gradient(48% 80% at 28% 0,#4f46e529,#0000 60%),radial-gradient(46% 80% at 76% 6%,#7c3aed1f,#0000 60%);height:70%;position:absolute;inset:-30% -10% auto}.c-demo-inner{grid-template-columns:minmax(0,1fr) minmax(0,.96fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.c-demo-eyebrow{align-items:center;gap:var(--space-2);color:var(--color-brand);font-size:var(--text-xs,12px);font-weight:var(--fw-bold,800);letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px;display:inline-flex}.c-demo-dot{border-radius:var(--radius-full);background:var(--color-success);width:7px;height:7px;animation:2s ease-in-out infinite jvLivePulse}.c-demo-title{font-family:var(--font-inter), system-ui, sans-serif;letter-spacing:-.02em;color:var(--color-ink);margin:0;font-size:clamp(30px,3.8vw,46px);font-weight:600;line-height:1.08}.c-demo-title em{color:var(--color-brand);font-style:normal}.c-demo-lead{max-width:46ch;font-size:var(--text-lg,17px);color:var(--color-muted);margin:16px 0 22px;line-height:1.6}.c-demo-see{gap:11px;margin:0 0 24px;padding:0;list-style:none;display:grid}.c-demo-see li{font-size:var(--text-base,15px);font-weight:var(--fw-medium,500);color:var(--color-body);align-items:flex-start;gap:10px;line-height:1.4;display:flex}.c-demo-see svg{color:var(--color-brand);flex-shrink:0;margin-top:1px}.c-demo-trust{flex-wrap:wrap;gap:8px 18px;display:flex}.c-demo-trust span{font-size:var(--text-xs,12.5px);font-weight:var(--fw-medium,500);color:var(--color-muted);align-items:center;gap:6px;display:inline-flex}.c-demo-trust svg{color:var(--color-brand)}.c-demo-card{background:var(--color-surface,#fff);border:1px solid #0f172a12;border-radius:22px;padding:clamp(24px,3vw,36px);box-shadow:0 1px 2px #0f172a0a,0 30px 64px -34px #0f172a47}.c-demo-card-title{font-family:var(--font-inter), system-ui, sans-serif;letter-spacing:-.02em;color:var(--color-ink);margin:0 0 4px;font-size:clamp(19px,2vw,22px);font-weight:800}.c-demo-card-sub{font-size:var(--text-sm,14px);color:var(--color-muted);margin:0 0 20px}.c-demo-form{flex-direction:column;gap:14px;display:flex}.c-demo-field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.c-demo-field{flex-direction:column;gap:6px;display:flex}.c-demo-field>span{color:var(--color-ink);font-size:13px;font-weight:600}.c-demo-field>span i{color:var(--color-brand);font-style:normal}.c-demo-field input{border:1px solid var(--color-border,#0f172a24);background:var(--color-surface,#fff);width:100%;color:var(--color-ink);transition:border-color .16s var(--ease-premium,ease), box-shadow .16s var(--ease-premium,ease);border-radius:11px;padding:12px 14px;font-family:inherit;font-size:14px}.c-demo-field input::placeholder{color:var(--color-subtle)}.c-demo-field input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-subtle,#4f46e526);outline:none}.c-demo-field input.is-invalid{border-color:var(--color-danger);box-shadow:0 0 0 3px #dc26261f}.c-demo-field-error{color:var(--color-danger);font-size:12px}.c-demo-field-hint{color:var(--color-muted);font-size:12px;line-height:1.45}.c-demo-suggest{font:inherit;color:var(--color-accent);cursor:pointer;background:0 0;border:none;padding:0;font-weight:700;text-decoration:underline}.c-demo-form-error{color:var(--color-danger,#b91c1c);background:#dc262612;border-radius:10px;margin:0;padding:10px 12px;font-size:13px}.c-demo-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;margin-top:var(--space-1);border-radius:var(--radius-md);background:linear-gradient(180deg, var(--color-brand), var(--color-brand-dark,#1d4ed8));color:#fff;cursor:pointer;transition:transform .16s var(--ease-premium,ease), box-shadow .16s var(--ease-premium,ease), opacity .16s ease;border:none;padding:14px 22px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 14px 30px -10px #4f46e580}.c-demo-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 38px -10px #4f46e599}.c-demo-btn:disabled{opacity:.65;cursor:default}.c-demo-fine{color:var(--color-subtle);text-align:center;margin:14px 0 0;font-size:12px;line-height:1.5}.c-demo-sent{text-align:center;padding:12px 4px}.c-demo-sent-icon{background:var(--color-success-bg,#16a34a1f);width:56px;height:56px;color:var(--color-success);border-radius:50%;place-items:center;margin:0 auto 16px;display:grid}.c-demo-sent-icon--spin{background:var(--color-accent-bg,#2563eb1f);color:var(--color-accent);animation:.9s linear infinite c-demo-spin}@keyframes c-demo-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.c-demo-sent-icon--spin{animation:none}}.c-demo-sent h2{font-family:var(--font-inter), system-ui, sans-serif;letter-spacing:-.02em;color:var(--color-ink);margin:0 0 8px;font-size:24px;font-weight:800}.c-demo-sent p{color:var(--color-muted);margin:0;font-size:15px;line-height:1.6}@media (max-width:900px){.c-demo{align-items:flex-start;min-height:0;padding:42px 0 56px}.c-demo-inner{grid-template-columns:1fr;gap:26px}.c-demo-see{grid-template-columns:1fr}}@media (max-width:480px){.c-demo-card{border-radius:18px;padding:22px}.c-demo-field-row{grid-template-columns:1fr}}