@layer theme,base,components,utilities;@layer components{.cq-demo-form{padding:clamp(20px,3vw,36px);display:flex;flex-direction:column;gap:26px;color:var(--color-ink);background:var(--color-panel-2)}.cq-demo-form h3{margin:0;font-size:28px;line-height:1.15;font-weight:500;letter-spacing:-.02em;color:var(--color-ink)}.cq-demo-form .cq-demo-description{margin-top:8px;font-size:16px;line-height:1.5;color:var(--color-ink-2)}.cq-demo-progress{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--color-ink-3)}.cq-demo-progress>span:first-child{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);text-transform:uppercase}.cq-demo-progress i{width:22px;height:4px;border-radius:2px;background:var(--color-line)}.cq-demo-progress i:first-child,.cq-demo-progress i.active{background:var(--color-forest)}.cq-demo-progress i:last-of-type{margin-right:7px}.cq-demo-fields{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:18px;min-width:0}.cq-demo-field{display:flex;flex-direction:column;gap:8px;min-width:0}.cq-demo-field label,.cq-demo-options legend{font-size:14px;font-weight:500;color:var(--color-ink)}.cq-demo-field input{width:100%;min-width:0;height:52px;border-radius:var(--radius-md);border:1px solid var(--color-line-strong);padding:0 16px;font:inherit;font-size:16px;color:var(--color-ink);background:var(--color-canvas)}.cq-demo-field input:focus{border-color:var(--color-forest);background:var(--color-panel-2)}.cq-demo-field input[aria-invalid=true]{border-color:var(--color-danger-ink)}.cq-demo-form .cq-demo-error{color:var(--color-danger-ink);font-size:13px;line-height:1.4}.cq-demo-name-review{margin-top:-8px;font-size:12px;color:var(--color-ink-2)}.cq-demo-name-review p{overflow-wrap:anywhere}.cq-demo-name-review button{text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding-block:8px}.cq-demo-name-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cq-demo-consents{display:grid;gap:16px;padding-top:4px}.cq-demo-consents label{display:flex;align-items:flex-start;gap:12px;font-size:13px;line-height:1.5;color:var(--color-ink-2);cursor:pointer}.cq-demo-consents input{width:18px;height:18px;flex:0 0 18px;margin-top:2px;accent-color:var(--color-forest)}.cq-demo-consents a{color:var(--color-forest);text-decoration:underline;text-underline-offset:3px}.cq-demo-consents em{font-style:normal}.cq-demo-consents .cq-demo-required{color:#dc2626}.cq-demo-submit{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;min-height:56px;border:0;border-radius:var(--radius-md);background:var(--color-forest);color:var(--color-panel-2);font-size:17px;font-weight:500;cursor:pointer;padding:12px}.cq-demo-submit:hover{background:var(--color-forest-deep)}.cq-demo-form button:disabled{opacity:.55;cursor:not-allowed}.cq-demo-form .cq-demo-footnote{font-size:12px;color:var(--color-ink-3);text-align:center}.cq-demo-options{margin:0;border:0;padding:0;min-width:0}.cq-demo-options>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.cq-demo-options button{min-height:44px;padding:10px 16px;border:1px solid var(--color-line-strong);border-radius:999px;font-size:14px;background:var(--color-canvas);color:var(--color-ink);cursor:pointer}.cq-demo-options button[aria-pressed=true]{background:var(--color-forest);border-color:var(--color-forest);color:var(--color-panel-2)}.cq-demo-link{font-size:14px;color:var(--color-ink-2);text-decoration:underline;text-underline-offset:3px;min-height:36px;cursor:pointer}.cq-demo-form .cq-demo-preview{padding:10px 12px;background:var(--color-amber-bg);color:var(--color-warn-ink);border-radius:var(--radius-sm);font-size:12px;line-height:1.5}.cq-demo-message{padding:14px;border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);font-size:14px;color:var(--color-ink)}.cq-demo-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.cq-demo-antispam{min-height:65px}}
