.demo-page{padding-bottom:88px}.demo-layout{display:grid;grid-template-columns:minmax(0,.9fr)minmax(0,1.1fr);gap:76px;align-items:start;padding-top:54px}.demo-intro{padding-top:20px}.demo-intro .section-kicker{font-size:14px}.demo-intro h1{font-size:clamp(34px,3.55vw,50px);line-height:1.75;letter-spacing:-1.5px}.demo-lead{font-size:16px;line-height:2.2;margin-top:22px;max-width:470px}.demo-steps{display:grid;gap:29px;padding:0;margin:38px 0 0;list-style:none}.demo-steps li{display:flex;gap:15px;align-items:flex-start}.demo-step-number{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;background:var(--brand-soft);color:var(--brand);border-radius:10px;font-size:15px;font-weight:700}.demo-steps h2{font-family:var(--font-body);font-size:16px;line-height:2;letter-spacing:0;font-weight:650}.demo-steps p{font-size:14px;line-height:2;margin-top:4px;max-width:375px}.demo-intro-note{display:flex;align-items:flex-start;gap:14px;margin-top:36px;border-top:1px solid var(--line);padding-top:24px}.demo-intro-note>.icon{margin-top:5px;color:var(--brand)}.demo-intro-note p{font-size:14px;line-height:2.1}.demo-intro-note a{display:inline-flex;align-items:center;gap:8px;color:var(--brand);font-weight:600;margin-top:6px}.demo-intro-note a:hover{text-decoration:underline;text-underline-offset:4px}.demo-intro-note a .icon{width:16px;height:16px}.demo-card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-soft)}.demo-card-heading{display:flex;align-items:center;gap:14px;padding-bottom:25px;margin-bottom:27px;border-bottom:1px solid var(--line)}.demo-card-icon{width:47px;height:47px;display:grid;place-items:center;background:var(--brand-soft);border-radius:13px;color:var(--brand);flex-shrink:0}.demo-card-heading h2{font-size:22px;letter-spacing:-.5px;line-height:1.8}.demo-card-heading p{font-size:14px;margin-top:3px}.demo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.demo-field{min-width:0}.demo-field-wide{grid-column:1/-1}.demo-field label{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:5px;margin-bottom:8px;font-size:14px;line-height:1.9;color:var(--ink);font-weight:600}.demo-field label>span:not(.demo-optional),.demo-consent label>span{color:var(--brand)}.demo-field .demo-optional{font-size:12px;font-weight:400;color:var(--muted)}.demo-field input,.demo-field select,.demo-field textarea{display:block;width:100%;min-width:0;min-height:49px;padding:11px 13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--canvas);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.8;box-shadow:none}.demo-field input::placeholder,.demo-field textarea::placeholder{color:var(--muted);opacity:.85;font-size:14px}.demo-field input[dir=ltr]{text-align:left}.demo-field textarea{min-height:123px;resize:vertical}.demo-field select{cursor:pointer;padding-inline-end:28px}.demo-field input:focus-visible,.demo-field select:focus-visible,.demo-field textarea:focus-visible{border-color:var(--brand);outline:3px solid var(--focus);outline-offset:2px}.demo-consent{display:flex;align-items:flex-start;gap:11px;margin-top:24px}.demo-consent input{appearance:auto;width:18px;height:18px;min-width:18px;padding:0;margin:5px 0 0;accent-color:var(--brand);cursor:pointer}.demo-consent label{font-size:14px;line-height:2;color:var(--muted);cursor:pointer}.demo-consent a{color:var(--brand);text-decoration:underline;text-underline-offset:4px}.demo-status{font-size:14px;line-height:2;color:var(--text)}.demo-status:not(:empty){border:1px solid var(--line);border-radius:var(--radius-sm);padding:13px 15px;margin-top:23px;background:var(--brand-soft)}.demo-status strong,.demo-status span{display:block}.demo-status strong{color:var(--ink);font-weight:650}.demo-status span{margin-top:3px}.demo-status[data-state=error]{border-color:var(--focus);background:var(--canvas)}.demo-status[data-state=success]{border-color:var(--brand)}.demo-submit{width:100%;min-height:52px;margin-top:23px;font-size:15px}.demo-submit:disabled{opacity:.7;transform:none;box-shadow:none}.demo-privacy-note,.demo-noscript{font-size:12px;line-height:2;margin-top:12px;text-align:center}.demo-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:1080px){.demo-layout{gap:35px;grid-template-columns:minmax(0,.85fr)minmax(0,1.15fr)}.demo-card{padding:25px}.demo-intro h1{font-size:36px}.demo-fields{grid-template-columns:1fr;gap:19px}}@media(max-width:760px){.demo-page{padding-bottom:55px}.demo-layout{grid-template-columns:1fr;gap:32px;padding-top:29px}.demo-intro{padding-top:0}.demo-intro h1{font-size:clamp(30px,6.4vw,43px);letter-spacing:-1px}.demo-lead{margin-top:14px;max-width:none;font-size:15px}.demo-steps{gap:20px;margin-top:26px}.demo-steps p{max-width:none}.demo-intro-note{margin-top:25px;padding-top:20px}.demo-card{padding:24px}.demo-card-heading{margin-bottom:23px;padding-bottom:22px}.demo-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-field input,.demo-field select,.demo-field textarea{font-size:16px}}@media(max-width:540px){.demo-card{padding:22px 19px;border-radius:20px}.demo-fields{grid-template-columns:1fr;gap:18px}.demo-card-heading h2{font-size:21px}.demo-card-heading{gap:12px}.demo-consent{gap:10px}}