.cobalt-chrome .editorial-nav-actions {gap:20px}
.demo-section{padding:80px 0 100px;display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start;border-top:1px solid var(--line);scroll-margin-top:32px}
.demo-intro h2{margin:16px 0 24px;font-size:clamp(34px,3.4vw,48px);line-height:1.18}
.demo-intro>p:not(.cobalt-eyebrow){color:var(--ivory-faint);max-width:40ch;line-height:1.8}
.demo-expect{margin:30px 0 0;padding:0;list-style:none;color:var(--ivory-dim);font-size:14px}
.demo-expect li{margin:16px 0;display:flex;align-items:center;gap:12px}.demo-expect li::before{content:'✓';color:var(--lime)}
.demo-email{display:block;margin-top:32px;font-size:14px;color:var(--ivory-faint)}
.demo-form{padding:32px;background:var(--ink-2);border:1px solid var(--line-strong);border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.demo-field{display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--ivory-dim)}
.demo-field small{color:var(--ivory-faint);font-size:11px}
.demo-field input,.demo-field textarea{width:100%;border:1px solid var(--line-strong);border-radius:6px;padding:12px 14px;background:var(--ink);color:var(--ivory);font:inherit;font-size:16px;min-height:48px;box-sizing:border-box}
.demo-field textarea{min-height:112px;resize:vertical}
.demo-field input::placeholder,.demo-field textarea::placeholder{color:var(--ivory-faint);opacity:.65}
.demo-wide{grid-column:1/-1}.demo-form .cobalt-button{width:100%;justify-content:center}
.demo-privacy{font-size:11px!important;color:var(--ivory-faint);margin:0!important;line-height:1.8!important}
.demo-status{font-size:13px;padding:16px;background:var(--ink);border:1px solid var(--line-strong);border-radius:6px;color:var(--ivory)}
.preview-footer{display:flex;justify-content:space-between;align-items:center;padding-bottom:28px;gap:28px}.preview-footer .x-wordmark{font-size:26px}.preview-footer p{font-size:12px;color:var(--ivory-faint);margin:12px 0}.preview-footer a{font-size:13px;color:var(--ivory-dim)}
.cobalt-mobile-links{display:none}.cobalt-mobile-links[data-open]{display:flex;position:absolute;inset:80px 0 auto;flex-direction:column;padding:20px 6%;gap:14px;background:var(--ink-2);border-bottom:1px solid var(--line-strong)}
.cobalt-mobile-links a{padding:8px 0;min-height:44px}.cobalt-section-heading{scroll-margin-top:32px}
[dir='rtl'] .demo-intro h2{line-height:1.5}
@media(max-width:767px){.demo-section{grid-template-columns:1fr;gap:32px;padding:52px 0 64px}.demo-form{padding:24px}.preview-footer{align-items:start;flex-direction:column}.demo-intro h2{font-size:34px}}
@media(max-width:479px){.demo-form{grid-template-columns:1fr;padding:20px;gap:20px}.demo-field{grid-column:1/-1}}