.cg-demo{--cg-black:#000;--cg-red:#9b1111;--cg-cream:#f7f3ea;--cg-soft:#fbfaf6;--cg-border:#d9d2c4;--cg-text:#171717;--cg-muted:#555;font-family:inherit;color:var(--cg-text);background:var(--cg-soft);border-top:6px solid var(--cg-black);padding:24px}.cg-demo *{box-sizing:border-box}.cg-demo__header{max-width:920px;margin-bottom:22px}.cg-demo__eyebrow{margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--cg-red)}.cg-demo h3{margin:0 0 10px;font-size:clamp(26px,4vw,42px);line-height:1.03;letter-spacing:-.03em}.cg-demo p{color:var(--cg-muted);line-height:1.65}.cg-demo__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:20px}.cg-demo__form,.cg-demo__output{background:#fff;border:1px solid var(--cg-border);padding:18px;box-shadow:0 10px 26px rgba(0,0,0,.045)}.cg-demo label{display:block;margin-bottom:14px}.cg-demo label span{display:block;margin-bottom:6px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--cg-black)}.cg-demo textarea,.cg-demo input,.cg-demo select{width:100%;border:1px solid var(--cg-border);background:#fff;padding:11px 12px;color:var(--cg-text);font:inherit}.cg-demo input[type=range]{padding:0}.cg-demo__two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cg-demo__sliders{background:var(--cg-cream);border:1px solid var(--cg-border);padding:14px;margin-bottom:14px}.cg-demo__actions{display:flex;gap:10px;flex-wrap:wrap}.cg-demo button{border:1px solid var(--cg-black);background:var(--cg-black);color:#fff;padding:11px 14px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;cursor:pointer}.cg-demo button+button{background:#fff;color:var(--cg-black)}.cg-demo button:hover{background:var(--cg-red);color:#fff;border-color:var(--cg-red)}.cg-demo__score{display:flex;justify-content:space-between;align-items:baseline;gap:12px;border-bottom:1px solid var(--cg-border);padding-bottom:14px;margin-bottom:14px}.cg-demo__score span{font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.cg-demo__score strong{font-size:44px;line-height:1;color:var(--cg-red)}.cg-demo__panel{border:1px solid var(--cg-border);padding:14px;margin-bottom:12px;background:var(--cg-soft)}.cg-demo__panel h4{margin:0 0 8px;font-size:15px}.cg-demo__panel p,.cg-demo__panel ul{margin:0}.cg-demo__panel li{margin-bottom:6px}.cg-demo__json{border:1px solid var(--cg-border);background:#fff;padding:12px}.cg-demo__json pre{white-space:pre-wrap;font-size:12px;overflow:auto}.cg-demo__disclaimer{margin:16px 0 0;font-size:13px}@media(max-width:900px){.cg-demo__grid,.cg-demo__two{grid-template-columns:1fr}}