.demo-september{background:#fff}.demo-september__hero{color:#f0eee9;background:#3c121e}.demo-september__hero-inner{text-align:center;flex-direction:column;align-items:center;gap:22px;max-width:1240px;margin-inline:auto;padding:72px 32px 64px;display:flex}.demo-september__kicker{color:#d9a452;font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.demo-september__hero h1{color:#f0eee9;max-width:22ch;font-family:var(--font-display);margin:0;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:400;line-height:1.08}.demo-september__hero h1 em{color:#d9a452;font-style:normal}.demo-september__hero-lead{color:#f0eee9;max-width:36ch;font-family:var(--font-display);margin:0;font-size:clamp(1.2rem,2.2vw,1.6rem);line-height:1.35}.demo-september__hero-lead span{color:#d9a452}.demo-september__hero-copy{color:#f0eee99e;max-width:58ch;margin:0;font-size:16.5px;line-height:1.65}.demo-september__body{grid-template-columns:1fr 1.15fr;align-items:start;gap:64px;max-width:1240px;margin-inline:auto;padding:64px 32px 96px;display:grid}.demo-september__steps{flex-direction:column;display:flex}.demo-september__step{border-top:1px solid var(--border-subtle);gap:18px;padding:20px 0;display:flex}.demo-september__step--last{border-bottom:1px solid var(--border-subtle)}.demo-september__step>span{color:#d9a452;font-family:var(--font-display);font-size:34px;font-weight:700;line-height:1}.demo-september__step h3{margin:0 0 4px;font-size:16.5px;font-weight:600}.demo-september__step p{color:var(--fg-3);margin:0;font-size:14px;line-height:1.6}.demo-september__commitment{border-radius:var(--radius-lg);color:#f0eee9;background:#3c121e;flex-direction:column;gap:14px;margin-top:28px;padding:26px 30px;display:flex}.demo-september__commitment-kicker{color:#d9a452;font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;margin:0;font-size:10px;font-weight:600}.demo-september__commitment-copy{color:#f0eee9bf;margin:0;font-size:14.5px;line-height:1.65}.demo-september__metrics{color:#f0eee98c;font-family:var(--font-mono);letter-spacing:.08em;border-top:1px solid #f0eee924;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:12px;font-size:11px;display:flex}.demo-september__form{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--bg-elevated);box-shadow:var(--shadow-md);padding:44px}.demo-september__form h2{font-family:var(--font-display);margin:0 0 6px;font-size:26px;font-weight:400}.demo-september__form-intro{color:var(--fg-3);margin:0 0 28px;font-size:14px}.demo-september__fields{grid-template-columns:1fr 1fr;gap:18px;display:grid}.demo-september__fields label{flex-direction:column;gap:6px;font-size:13.5px;font-weight:600;display:flex}.demo-september__fields input,.demo-september__fields select,.demo-september__fields textarea{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--fg-1);background:var(--bg);font:inherit;padding:12px 14px;font-size:15px}.demo-september__fields textarea{resize:vertical}.demo-september__fields input:focus,.demo-september__fields select:focus,.demo-september__fields textarea:focus{border-color:var(--accent);box-shadow:var(--shadow-focus);outline:0}.demo-september__problem{grid-column:1/-1}.demo-september__submit{flex-wrap:wrap;align-items:center;gap:18px;margin-top:24px;display:flex}.demo-september__submit button{border-radius:var(--radius-md);color:#1a1108;font-family:var(--font-sans);cursor:pointer;background:#d9a452;border:0;padding:14px 28px;font-size:15.5px;font-weight:600}.demo-september__submit button:hover,.demo-september__submit button:focus-visible{background:#c08f3e}.demo-september__submit span{color:var(--fg-4);font-size:13px}@media (width<=860px){.demo-september__body{grid-template-columns:1fr;gap:48px;padding:56px 22px 72px}}@media (width<=620px){.demo-september__hero-inner{padding:56px 18px 52px}.demo-september__body{padding-inline:18px}.demo-september__form{padding:30px 24px}.demo-september__fields{grid-template-columns:1fr}.demo-september__problem{grid-column:auto}.demo-september__submit{flex-direction:column;align-items:flex-start}}
