.demo-page{padding:48px 0 88px}.demo-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"head form""more form";align-items:start;gap:8px 56px;display:grid}.demo-head{grid-area:head}.demo-form-slot{grid-area:form}.demo-more{grid-area:more}.demo-head h1{margin:16px 0 18px;font-size:clamp(34px,4.6vw,54px);line-height:1.05;display:block}.demo-head h1 .blog-grad{padding-bottom:.08em;display:block}.demo-points{gap:18px;margin:30px 0 0;padding:0;list-style:none;display:grid}.demo-points li{grid-template-columns:28px 1fr;gap:12px;display:grid}.demo-points b{color:var(--ink);font-weight:600}.demo-points p{color:var(--ink-soft);margin:3px 0 0;font-size:15px;line-height:1.55}.demo-tick{color:#fff;background:linear-gradient(135deg, var(--teal), var(--blue));border-radius:50%;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.demo-note{color:var(--ink-faint);max-width:46ch;margin:30px 0 0;font-size:12.5px;line-height:1.6}.demo-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md);border-radius:20px}.demo-short{gap:18px;padding:30px 32px 28px;display:grid}.demo-card-title{font-family:var(--font-display), Georgia, serif;color:var(--ink);margin:0 0 2px;font-size:26px}.demo-field{flex-direction:column;gap:7px;min-width:0;display:flex}.demo-label{color:var(--ink);font-size:13.5px;font-weight:600}.demo-req{color:#c2410c}.demo-optional{color:var(--ink-faint);font-weight:400}.demo-hint{color:var(--ink-faint);margin:0;font-size:12.5px}.demo-error{color:#c2410c;margin:0;font-size:12.5px;font-weight:500}.demo-input{border:1px solid var(--line-strong);width:100%;min-height:48px;color:var(--ink);font:inherit;background:#fff;border-radius:12px;padding:11px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.demo-input:hover{border-color:var(--ink-faint)}.demo-input:focus{border-color:var(--teal);box-shadow:0 0 0 4px color-mix(in srgb, var(--teal) 16%, transparent);outline:none}.demo-field.has-error .demo-input{border-color:#c2410c}.demo-submit{justify-content:center;width:100%;margin-top:4px;padding:15px 28px;font-size:16px}.demo-submit:disabled{opacity:.6;cursor:wait;transform:none}.demo-consent-note{color:var(--ink-faint);margin:0;font-size:12.5px;line-height:1.55}.demo-consent-note a,.demo-muted a{color:var(--blue)}.demo-banner{color:#b3401c;background:#fdf0eb;border-radius:12px;margin:0;padding:12px 16px;font-size:14px}.demo-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.demo-done{padding:40px 36px}.demo-done h2{margin:14px 0 10px;font-size:30px}.demo-done p{color:var(--ink-soft);font-size:16px;line-height:1.6}.demo-done-mark{color:#fff;background:linear-gradient(135deg, var(--teal), var(--blue));border-radius:50%;place-items:center;width:52px;height:52px;font-size:24px;display:grid}.demo-muted{color:var(--ink-faint);margin:0;font-size:13px}.demo-done .blog-btn{margin-top:18px}@media (min-width:981px){.demo-card{position:sticky;top:104px}}@media (max-width:980px){.demo-layout{grid-template-columns:1fr;grid-template-areas:"head""form""more";row-gap:24px}.demo-points{grid-template-columns:1fr 1fr}}@media (max-width:620px){.demo-page{padding:28px 0 56px}.demo-short{padding:22px 18px 20px}.demo-card{border-radius:16px}.demo-points{grid-template-columns:1fr}.demo-done{padding:28px 20px}}