.demo{padding:7rem 1.5rem 5rem;background:var(--bg-dark);min-height:100vh}.demo__inner{max-width:640px;margin:0 auto}.demo__title{font-size:clamp(2rem,5vw,2.9rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--text-primary)}.demo__title-accent{color:var(--accent)}.demo__lede{margin:1rem 0 2.25rem;color:var(--text-secondary);line-height:1.65}.demo__form{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1.75rem;display:grid;gap:.85rem}.demo__row{display:grid;grid-template-columns:1fr 1fr;gap:.85rem}@media(max-width:520px){.demo__row{grid-template-columns:1fr}}.demo-field{display:block}.demo-field input,.demo-field select,.demo-field textarea{width:100%;padding:.95rem 1rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffffeb;color:#1c2b3a;font-size:.95rem;font-family:inherit}.demo-field textarea{resize:vertical}.demo-field input:focus,.demo-field select:focus,.demo-field textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.demo-field--error input,.demo-field--error select{border-color:#ef4444}.demo-field__error{display:block;margin-top:.35rem;font-size:.8rem;color:#fca5a5}.demo__banner{background:#ef44441f;border:1px solid rgba(239,68,68,.4);color:#fca5a5;padding:.75rem 1rem;border-radius:10px;font-size:.9rem}.demo__plan{font-size:.85rem;color:var(--accent);margin:0}.demo__submit{justify-self:start;margin-top:.5rem;padding:.95rem 2.75rem;border:none;border-radius:999px;background:var(--accent);color:#1c2b3a;font-weight:700;font-size:.95rem;letter-spacing:.02em;cursor:pointer}.demo__submit:disabled{opacity:.6;cursor:default}.demo__done{background:#22aeb51a;border:1px solid rgba(34,174,181,.35);border-radius:18px;padding:2.25rem;color:var(--text-secondary)}.demo__done h2{color:var(--text-primary);font-size:1.4rem;margin-bottom:.5rem}.demo__hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
