.demo-page .section{padding:116px 0 64px}.demo-page h1{font-size:clamp(2rem,3.4vw,2.75rem);max-width:22ch;line-height:1.15}.demo-page .lede{font-size:1.0625rem;max-width:64ch;margin-top:16px}.demo-page .eyebrow{margin-bottom:16px}.demo-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:28px;margin-top:28px}.demo-steps{display:flex;flex-direction:column;gap:8px}.demo-steps button{min-height:48px;text-align:left;border:1px solid #dfe7e2;border-radius:10px;padding:14px;background:#fff;font:inherit;font-size:.9375rem;cursor:pointer}.demo-steps [aria-current]{background:#edf6f0;border-color:#13734c;box-shadow:inset 3px 0 #13734c;color:#155738;font-weight:700}.demo-content{padding:28px;border:1px solid #dfe7e2;border-radius:16px;background:#fff;min-width:0}.demo-section-label{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:#526658;margin-bottom:16px;gap:10px}.demo-content h2{font-size:1.625rem;line-height:1.25;margin:0 0 12px}.demo-description{font-size:1rem;line-height:1.6;max-width:62ch}.demo-example{padding:22px;background:#f6f8f7;border:1px solid #e4ebe6;border-radius:10px;margin:22px 0}.demo-example dl{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;font-size:.9375rem}.demo-example dt{color:#53675b}.demo-example dd{margin:0;font-weight:650;overflow-wrap:anywhere}.demo-company,.demo-document{display:flex;align-items:center;gap:14px;margin-bottom:22px}.demo-example h3{font-size:1rem;margin:0 0 5px}.demo-company p,.demo-document p{font-size:.875rem;line-height:1.4}.demo-monogram,.demo-file-type{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border:1px solid #ccddd2;background:#fff;color:#18623f;border-radius:9px;font-weight:750}.demo-file-type{font-size:.75rem}.demo-example label{display:block;font-weight:650;font-size:1rem;margin-bottom:10px}.demo-example label span{font-weight:400;color:#56665c}.demo-example input{display:block;font:inherit;width:100%;max-width:330px;padding:12px;border:1px solid #acbfb2;border-radius:8px;background:white;color:#172c20}.demo-hint{font-size:.875rem;color:#526456;margin:12px 0}.demo-feedback{font-size:.875rem;color:#245b3b;min-height:1.5em;margin-top:14px}.demo-example .btn{margin-top:16px;font-size:.9375rem}.demo-example .btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.demo-navigation{display:flex;justify-content:space-between;gap:12px}.demo-page .hero-actions{align-items:center;gap:20px;flex-wrap:wrap}.demo-page .hero-actions>a:last-child{font-size:.875rem}
@media(max-width:700px){.demo-page .section{padding:108px 0 40px}.demo-page h1{font-size:2rem}.demo-page .lede{font-size:1rem}.demo-layout{grid-template-columns:1fr;gap:18px}.demo-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.demo-steps button{padding:10px 7px;font-size:.8125rem;min-height:46px}.demo-content{padding:18px}.demo-content h2{font-size:1.4rem}.demo-example{padding:16px}.demo-example dl{grid-template-columns:1fr;gap:4px}.demo-example dd{margin-bottom:10px}.demo-page .hero-actions .btn{width:100%;justify-content:center}.demo-navigation .btn{font-size:.875rem;padding:12px 16px}}

.demo-content{scroll-margin-top:96px}