.cb-doc[data-page=demo]{background:var(--bg);--danger-ink:#b42318;--danger-soft:#fef3f2;--success-ink:#047857;--success-soft:#ecfdf5}.dark .cb-doc[data-page=demo]{--danger-ink:#fda29b;--danger-soft:#3a1512;--success-ink:#6ee7b7;--success-soft:#0b2e24}.cb-demo{padding:clamp(32px,6vw,64px) 0 72px}.cb-demo-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:40px;display:grid}@media (min-width:1000px){.cb-demo-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px}.cb-demo-aside{position:sticky;top:24px}}.cb-demo-aside{flex-direction:column;gap:20px;display:flex}.cb-demo-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);margin:0;font-size:13px;font-weight:600;line-height:18px}.cb-demo-intro{max-width:520px;color:var(--ink-muted);margin:0;font-size:17px;line-height:26px}.cb-demo-photo{aspect-ratio:3/2;object-fit:cover;border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;height:auto;display:block}@media (max-width:640px){picture .cb-demo-photo{aspect-ratio:4/5}}.cb-demo-photo-ph{color:var(--accent-strong);background:radial-gradient(circle at 30% 20%, var(--accent-soft), transparent 60%), repeating-linear-gradient(135deg, var(--border) 0 1px, transparent 1px 22px), var(--surface);justify-content:center;align-items:center;display:flex}.cb-demo-steps{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.cb-demo-steps li{align-items:flex-start;gap:14px;display:flex}.cb-demo-steps li>span:last-child{color:var(--ink-muted);flex-direction:column;gap:2px;font-size:15px;line-height:22px;display:flex}.cb-demo-steps strong{color:var(--ink);font-weight:600}.cb-demo-step-n{background:var(--accent-soft);width:28px;height:28px;color:var(--accent-strong);border-radius:9999px;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:inline-flex}.cb-demo-contact{border-top:1px solid var(--border);flex-direction:column;gap:2px;padding-top:20px;display:flex}.cb-demo-contact p{color:var(--ink);margin:0 0 4px;font-size:14px;font-weight:600}.cb-demo-meta{color:var(--ink-muted);align-items:flex-start;gap:10px;padding:4px 0;font-size:14px;line-height:20px;display:inline-flex}.cb-demo-meta svg{flex:none;margin-top:2px}.cb-demo-card{padding:clamp(20px,3.5vw,36px)}.cb-demo-h2{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800;line-height:30px}.cb-demo-sub{color:var(--ink-muted);margin:6px 0 0;font-size:14px;line-height:20px}.cb-demo-alert{border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger-ink);align-items:flex-start;gap:10px;margin-top:20px;padding:12px 14px;font-size:14px;line-height:20px;display:flex}.cb-demo-alert svg{flex:none;margin-top:1px}.cb-demo-alert a{color:inherit;font-weight:600;text-decoration:underline}.cb-demo fieldset{border:0;min-width:0;margin:0;padding:0}.cb-demo .cb-demo-group{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.cb-demo-fields{clear:both;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (max-width:560px){.cb-demo-fields{grid-template-columns:minmax(0,1fr)}}.cb-demo-legend{float:left;letter-spacing:.06em;text-transform:uppercase;width:100%;color:var(--ink);margin-bottom:14px;padding:0;font-size:13px;font-weight:600;line-height:18px}.cb-demo-legend span{letter-spacing:0;text-transform:none;color:var(--ink-muted);margin-left:8px;font-weight:400}.cb-demo-field{flex-direction:column;gap:6px;min-width:0;display:flex}.cb-demo-field[data-wide]{grid-column:1/-1}form>.cb-demo-field{margin-top:24px}.cb-demo-field label{color:var(--ink);font-size:14px;font-weight:600;line-height:20px}.cb-demo-field label span{color:var(--danger-ink)}.cb-demo-field input,.cb-demo-field select,.cb-demo-field textarea{border:1px solid var(--border-control);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:44px;color:var(--ink);font:inherit;padding:10px 12px;font-size:15px;line-height:22px;transition:border-color .15s,box-shadow .15s}.cb-demo-field textarea{resize:vertical;min-height:104px}.cb-demo-field input::placeholder,.cb-demo-field textarea::placeholder{color:var(--ink-muted);opacity:.8}.cb-demo-field input:focus,.cb-demo-field select:focus,.cb-demo-field textarea:focus{border-color:var(--focus-ring);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.cb-demo-field[data-invalid] input{border-color:var(--danger-ink)}.cb-demo-error{color:var(--danger-ink);align-items:center;gap:6px;font-size:13px;line-height:18px;display:inline-flex}.cb-demo-modules .cb-demo-module-group+.cb-demo-module-group{margin-top:14px}.cb-demo-module-group{flex-direction:column;gap:8px;display:flex}.cb-demo-module-title{color:var(--ink-muted);font-size:13px;line-height:18px}.cb-demo-chips{flex-wrap:wrap;gap:8px;display:flex}.cb-demo-chip{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:9999px;align-items:center;padding:0 14px;font-size:14px;font-weight:500;line-height:20px;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex;position:relative}.cb-demo-chip:hover{background:var(--surface-hover)}.cb-demo-chip[data-on]{border-color:var(--accent-strong);background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.cb-demo-chip input{opacity:0;width:1px;height:1px;position:absolute}.cb-demo-chip:has(input:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}.cb-demo-all{clear:both;font:inherit;color:var(--accent-strong);margin-bottom:16px;font-size:14px;font-weight:600}.cb-demo-all:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.cb-demo-hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.cb-demo-submit{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:28px;display:flex}.cb-demo-submit p{color:var(--ink-muted);flex:220px;margin:0;font-size:13px;line-height:18px}.cb-doc .cb-demo-btn{border:1px solid var(--border-control);border-radius:var(--radius-sm);background:var(--surface);min-height:48px;font:inherit;color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.cb-doc .cb-demo-btn:hover{background:var(--surface-hover);color:var(--ink)}.cb-doc .cb-demo-btn[data-primary]{border-color:var(--accent-strong);background:var(--accent-strong);color:#fff}.cb-doc .cb-demo-btn[data-primary]:hover{border-color:var(--accent-strong-hover);background:var(--accent-strong-hover)}.dark .cb-doc .cb-demo-btn[data-primary]{color:#051736}.cb-doc .cb-demo-btn:disabled{opacity:.6;cursor:progress}.cb-doc .cb-demo-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}@media (max-width:560px){.cb-demo-submit .cb-demo-btn{width:100%}}.cb-demo-done{flex-direction:column;align-items:flex-start;gap:12px;padding:8px 0;display:flex}.cb-demo-done-icon{background:var(--success-soft);width:52px;height:52px;color:var(--success-ink);border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}.cb-demo-done h2{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:800;line-height:30px}.cb-demo-done p{max-width:480px;color:var(--ink-muted);margin:0 0 8px;font-size:15px;line-height:24px}