.demo-shell{background:var(--mist)}.demo-shell main{background:var(--warm-white)}.demo-shell~.demo-launcher{display:none}.demo-main{padding:56px 0 80px}.demo-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:88px;display:grid}.demo-intro{min-width:0}.demo-intro h1{text-wrap:balance;max-width:480px;margin:0;font-size:3rem;font-weight:600;line-height:1.12}.demo-intro h1 span{color:var(--kallin-blue)}.demo-lead{max-width:440px;color:var(--text-secondary);margin:24px 0 0;font-size:1.125rem;line-height:1.6}.demo-how{gap:24px;margin:36px 0 0;padding:0;list-style:none;display:grid}.demo-how li{align-items:start;gap:14px;display:flex}.demo-how li>svg{color:var(--blue-text);flex:0 0 20px;margin-top:3px}.demo-how strong{font-size:1rem;font-weight:500}.demo-how p{color:var(--text-secondary);margin:4px 0 0;font-size:.9375rem;line-height:1.5}.demo-help{color:var(--text-secondary);margin:32px 0 0;font-size:.9375rem;line-height:1.6}.demo-help a,.demo-privacy a,.demo-contact-warning a{color:inherit;text-underline-offset:3px}.demo-form-panel{min-width:0}.demo-stepper{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 24px;padding:0 0 24px;list-style:none;display:grid}.demo-stepper li{color:var(--text-secondary);align-items:center;gap:8px;font-size:.875rem;display:flex}.demo-stepper li>span{border:1px solid var(--border);border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:.75rem;display:grid}.demo-stepper [aria-current=step]{color:var(--blue-text);font-weight:500}.demo-stepper [aria-current=step]>span{color:#fff;background:var(--blue-text);border-color:var(--blue-text)}.demo-stepper [data-complete=true]>span{color:var(--blue-text);background:var(--soft-blue);border-color:var(--soft-blue)}.demo-form h2{outline:none;margin:0;font-size:1.5rem;font-weight:600;line-height:1.3}.demo-form-copy{color:var(--text-secondary);overflow-wrap:anywhere;margin:8px 0 24px;font-size:.9375rem;line-height:1.6}.demo-form-copy strong{font-weight:500}.demo-form fieldset{border:0;min-width:0;margin:0;padding:0}.demo-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;display:grid}.demo-field{flex-direction:column;gap:8px;min-width:0;display:flex}.demo-field:last-child{grid-column:1/-1}.demo-field label{font-size:.875rem;font-weight:500}.demo-field input{width:100%;min-width:0;min-height:48px;font:inherit;color:var(--charcoal);background:#fff;border:1px solid #bfc0c8;border-radius:4px;padding:12px}.demo-field input:focus-visible{outline:2px solid var(--blue-text);outline-offset:2px;border-color:var(--blue-text)}.demo-field input[aria-invalid=true]{border-color:#b32323}.demo-field-note,.demo-field-error{margin:0;font-size:.8125rem;line-height:1.5}.demo-field-note:empty{display:none}.demo-field-note{color:var(--text-secondary)}.demo-data-note{margin-bottom:16px}.demo-data-note a{color:inherit;text-underline-offset:3px}.demo-field-error{color:#a32222}.demo-honeypot{display:none}.demo-consents{gap:14px;margin:22px 0;display:grid}.demo-consents label{color:var(--text-secondary);cursor:pointer;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:10px;font-size:.8125rem;line-height:1.6;display:grid}.demo-consents input{width:18px;height:18px;accent-color:var(--blue-text);margin:2px 0 0}.demo-consents .demo-field-error{margin:6px 0 0 28px}.demo-submit{width:100%;min-height:48px;font:inherit;cursor:pointer;border-radius:4px;gap:10px;font-weight:500}.demo-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.demo-privacy{color:var(--text-secondary);margin-top:20px;font-size:.8125rem}.demo-privacy summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:40px;list-style:none;display:flex}.demo-privacy summary::-webkit-details-marker{display:none}.demo-privacy summary svg{flex-shrink:0}.demo-privacy[open] summary svg{transform:rotate(180deg)}.demo-privacy p{margin:12px 0 0;line-height:1.6}.demo-direct{border-top:1px solid var(--border);color:var(--text-secondary);flex-wrap:wrap;gap:4px 6px;margin:20px 0 0;padding:20px 0 0;font-size:.8125rem;line-height:1.6;display:flex}.demo-direct a{color:var(--blue-text);text-underline-offset:3px;white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.demo-stage-icon{width:56px;height:56px;color:var(--blue-text);background:var(--soft-blue);border-radius:50%;place-items:center;margin-bottom:20px;display:grid}.demo-stage-icon[data-status=failed]{color:#942727;background:#fff0f0}.demo-stage-icon[data-status=completed]{color:#167044;background:#edf7f1}.demo-code-field{margin-bottom:20px}.demo-code-field input{font-variant-numeric:tabular-nums;font-size:1.5rem}.demo-call-now-note{margin-top:10px}.demo-secondary-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:20px;display:flex}.demo-secondary-actions button,.demo-secondary-actions a{min-height:44px;color:var(--blue-text);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:.875rem;text-decoration:underline;display:inline-flex}.demo-secondary-actions button:disabled{color:var(--text-secondary);opacity:.7;cursor:not-allowed;text-decoration:none}.demo-masked-phone{color:var(--text-secondary);margin:0 0 24px;font-size:.875rem}.demo-alert,.demo-contact-warning{color:#942727;background:#fff6f6;border-radius:4px;margin:20px 0 0;padding:12px;font-size:.875rem;line-height:1.6}.demo-contact-warning{background:var(--mist);color:var(--text-secondary)}.demo-shell button:focus-visible,.demo-shell summary:focus-visible,.demo-shell a:focus-visible,.demo-consents input:focus-visible{outline:2px solid var(--blue-text);outline-offset:3px}.demo-spinner{animation:1s linear infinite demo-spin}@keyframes demo-spin{to{transform:rotate(360deg)}}@media (max-width:1100px){.demo-grid{gap:40px}.demo-intro h1{font-size:2.5rem}.demo-fields{grid-template-columns:1fr}}@media (max-width:800px){.demo-main{padding:32px 0 48px}.demo-grid{grid-template-columns:1fr;gap:28px;max-width:600px}.demo-how{display:none}.demo-help{margin-top:16px}.demo-lead{max-width:none;margin-top:12px;font-size:1rem}}@media (max-width:640px){.demo-field:not(.demo-code-field) input{font-size:16px}.demo-privacy summary{min-height:44px}.demo-main .container{width:calc(100% - 40px)}.demo-intro h1{max-width:none;font-size:var(--mobile-page-title);line-height:1.15}.demo-form h2{font-size:1.25rem}.demo-stepper{gap:6px}.demo-stepper li{gap:6px;font-size:.8125rem}}@media (prefers-reduced-motion:reduce){.demo-spinner{animation:none}}