.site .demo-page .sc-herocard-in{min-height:min(64svh,600px)}.site .demo-page{padding-bottom:clamp(80px,9vw,128px)}.site .demo-grid{column-gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));row-gap:48px;padding-top:clamp(32px,6vw,96px);display:grid}.site .demo-formcol{grid-area:1/7/auto/span 6;align-self:start}.site .demo-support{grid-area:1/1/auto/span 5}.site .demo-h{font-size:var(--t-h3);letter-spacing:-.005em;line-height:1.35}.site .demo-form{background:var(--panel);border:1px solid var(--rule);border-radius:12px;gap:24px;padding:clamp(20px,3vw,32px)}.site .demo-form-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.site .demo-choices{border:0;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:8px;min-width:0;margin:0;padding:0;display:grid}.site .demo-choices legend{margin-bottom:8px;padding:0}.site .demo-choices legend:focus{outline:none}.site .demo-choices .err,.site .demo-choices legend{grid-column:1/-1}.site .demo-choices .choice{padding:10px 12px}.site .demo-choices .err{margin-bottom:4px}.site .demo-form .err{margin:0}.site .demo-submit{flex-wrap:wrap;align-items:center;gap:16px 20px;display:flex}.site .demo-result{color:var(--ink);font-size:var(--t-small);flex:18em;line-height:1.5}.site .demo-result.bad{color:var(--fail)}.site .demo-result:focus{outline:none}.site .demo-steps{border-top:1px solid var(--rule);margin-top:20px}.site .demo-steps li{border-bottom:1px solid var(--rule);grid-template-columns:2.5rem minmax(0,1fr);column-gap:16px;padding-block:18px;display:grid}.site .demo-steps .ink{font-size:var(--t-body)}.site .demo-step-body{color:var(--ink-2);font-size:var(--t-small);margin-top:4px;line-height:1.55}.site .demo-step-n{color:var(--ink-3);padding-top:2px}.site .demo-fits{margin-top:56px}.site .demo-fits-body{color:var(--ink-2);font-size:var(--t-body);max-width:34em;margin-top:16px;line-height:1.6}.site .demo-alt{margin-top:16px}@media (max-width:900px){.site .demo-formcol,.site .demo-support{grid-area:auto/1/auto/-1}.site .demo-grid{row-gap:56px}}@media (max-width:760px){.site .demo-page .sc-herocard-in{min-height:460px}}@media (max-width:560px){.site .demo-form-row{grid-template-columns:1fr}}.site .demo-page .sc-lead i{background:var(--marker)}.site .demo-step-n{color:var(--marker)}.site .demo-steps{border-top-color:var(--marker)}