/* Book a Demo — composes approved site.css system. No new colours or typefaces. */
.dm{padding:calc(var(--hdr-h) + clamp(32px,6vh,72px)) 0 clamp(40px,6vh,64px)}
.dm__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(48px,6vw,112px);align-items:start}
.dm__intro{display:flex;flex-direction:column;gap:clamp(16px,2.6vh,24px);padding-top:var(--space-8)}
.dm__h{font-size:min(var(--mk-head-size),6.4vh);line-height:1.1;max-width:14ch}
.dm__intro .mk-lead{max-width:52ch}
.dm__sub{font:var(--type-body);color:var(--text-muted);max-width:52ch}

.dmf{display:flex;flex-direction:column;gap:clamp(16px,2.4vh,20px);background:var(--fid-white);border:var(--border-w) solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-xs);padding:clamp(24px,3.6vh,32px)}
.dmf .fid-field__label{font:var(--weight-medium) var(--text-small)/var(--leading-small) var(--font-ui);color:var(--text-heading)}
.dmf .fid-input,.dmf .fid-select{height:48px;font-size:var(--text-body);padding-inline-start:var(--space-16)}
.dmf .fid-select{background-position:calc(100% - 20px) 21px,calc(100% - 15px) 21px}
.dmf__act{display:flex;flex-direction:column;gap:var(--space-12);margin-top:var(--space-4)}
.dmf__submit.fid-btn--lg{height:52px;font-size:var(--text-body)}
.dmf__note{font:var(--type-meta);color:var(--text-muted);text-wrap:pretty}
.dmf--done{gap:var(--space-12);align-items:flex-start;padding:clamp(32px,5vh,48px) clamp(24px,3.6vh,32px)}
.dmf__ok{color:var(--sem-success);display:flex}
.dmf__dh{font:var(--type-h3);color:var(--text-heading)}

.dmn{padding:0 0 clamp(56px,8vh,88px)}
.dmn__in{display:flex;flex-direction:column;gap:var(--space-24);padding-top:clamp(32px,5vh,48px);border-top:var(--border-w) solid var(--border-subtle)}
.dmn__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-32)}
.dmn__step{display:flex;flex-direction:column;gap:var(--space-8)}
.dmn__n{font:var(--weight-medium) var(--text-small)/var(--leading-small) var(--font-ui);color:var(--fid-violet);font-variant-numeric:tabular-nums}
.dmn__t{font:var(--type-h4);color:var(--text-heading)}
.dmn__d{font:var(--type-body);color:var(--text-default);max-width:40ch;text-wrap:pretty}
.dmn__gen{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8);font:var(--type-body);color:var(--text-muted);padding-top:var(--space-8)}
.dmn__link{display:inline-flex;align-items:center;gap:var(--space-4);font-weight:var(--weight-medium);color:var(--text-link)}
.dmn__link:hover{color:var(--text-link-hover)}
.dmn__link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}

/* Header on /demo only: current-page treatment instead of a competing orange CTA */
.hdr__cur.fid-btn{text-decoration:none;color:var(--text-heading);border-color:var(--fid-plum);font-weight:var(--weight-medium)}
.hdr__cur.fid-btn:hover{color:var(--text-heading)}

@media (max-width:1099px){
.dm__grid{grid-template-columns:1fr;gap:var(--space-40)}
.dm__h{font-size:var(--mk-head-size);line-height:var(--mk-head-lead);max-width:16ch}
.dm__form{max-width:640px}
.dmn__steps{grid-template-columns:1fr;gap:var(--space-24)}
}
@media (max-width:900px){
.dm{padding-top:calc(var(--hdr-h) + var(--space-32))}
.dmf{padding:var(--space-20)}
}