.mk-demo{padding:48px 0 72px;background:linear-gradient(180deg,var(--mk-tint),#fff 60%)}.mk-demo-grid{display:grid;gap:32px;align-items:start}@media (min-width:1024px){.mk-demo-grid{grid-template-columns:minmax(0,1fr) 480px}}.mk-demo-card{background:var(--mk-card);border:1px solid var(--mk-line);border-radius:16px;padding:24px;box-shadow:var(--mk-shadow);display:grid;gap:16px}.mk-field{display:grid;gap:6px}.mk-field label{font-weight:600;color:var(--mk-ink)}.mk-field input,.mk-field select,.mk-field textarea{min-height:36px;padding:6px 12px;border:1px solid var(--brand-control-border);border-radius:8px;font:inherit;color:var(--mk-ink);background:#fff}.mk-field input:focus-visible,.mk-field select:focus-visible,.mk-field textarea:focus-visible{outline:2px solid var(--mk-brand-700);outline-offset:1px}.mk-field [aria-invalid=true]{border-color:var(--mk-danger-fg)}.mk-demo-error,.mk-field-error{margin:0;color:var(--mk-danger-fg);font-size:14px}.mk-demo-error{padding:12px;border-radius:8px;background:var(--mk-danger-bg)}.mk-field-check{grid-template-columns:24px 1fr;align-items:center;column-gap:12px}.mk-field input:not([type=checkbox]),.mk-field select{height:36px;padding-block:0}.mk-field-check input{width:24px;height:24px;min-height:24px;margin:0}.mk-field-check label{display:flex;align-items:center;min-height:44px;font-weight:400;cursor:pointer}.mk-field-check .mk-field-error{grid-column:1/-1}.mk-hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.mk-demo-fallback{display:inline-flex;gap:12px;margin-left:8px}.mk-demo-fallback a{color:var(--mk-brand-700);font-weight:600}.mk-demo-done h2:focus{outline:none}.mk-demo-card button[disabled]{cursor:progress}.mk-turnstile{min-height:65px}