.demo-page{background:linear-gradient(140deg, var(--brand-50), var(--white) 58%);padding-block:clamp(2.5rem,6vw,5.5rem);container-type:inline-size}.demo-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.demo-page .container{width:min(var(--container), calc(100% - 40px))}.demo-intro{min-width:0;padding-top:1rem}.demo-intro h1{font-size:clamp(2rem,3.5vw,3.5rem);font-weight:var(--weight-semibold);letter-spacing:-.045em;margin-block:1.25rem 1.5rem;line-height:1.16}.demo-lead{color:var(--text-muted);font-size:var(--text-lg)}.demo-expectations{gap:1.25rem;margin:2rem 0 1.5rem;padding:0;list-style:none;display:grid}.demo-expectations li{align-items:baseline;gap:1rem;display:flex}.demo-expectations li>span{color:var(--brand-800);font-size:var(--text-sm);font-weight:700}.demo-reassurance{font-size:var(--text-sm);color:var(--brand-800);font-weight:600}.demo-visual{border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:linear-gradient(140deg, var(--white), var(--preview-blue-tint));box-shadow:var(--shadow-floating);margin-top:2.5rem;padding:1.25rem}.demo-visual-top{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:.5rem;display:flex}.demo-visual-top>span:last-child{margin-left:auto}.demo-visual-dot{background:var(--brand-700);border-radius:50%;flex-shrink:0;width:.5rem;height:.5rem}.demo-practice-node{border-radius:var(--radius-md);border:1px solid var(--border-strong);background:var(--white);max-width:19rem;box-shadow:var(--shadow-panel);justify-items:center;margin:1.5rem auto;padding:1.25rem .5rem;display:grid}.demo-practice-node>span{background:var(--brand-800);color:#fff;border-radius:.65rem;margin-bottom:.5rem;padding:.15rem .6rem;font-size:1.5rem}.demo-practice-node small{color:var(--text-muted);text-align:center}.demo-visual-path{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.demo-visual-path span{background:var(--brand-50);border:1px solid var(--border-strong);border-radius:var(--radius-full);font-size:var(--text-xs);padding:.4rem .8rem}.demo-visual figcaption{font-size:var(--text-xs);color:var(--text-muted);text-align:center;margin-top:1.25rem}.demo-form-panel{background:var(--white);border:1px solid var(--border-strong);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-product);padding:clamp(1rem,2.7vw,2.5rem);container-type:inline-size}.demo-form-heading{align-items:start;gap:.8rem;margin-bottom:1.75rem;display:flex}.demo-form-heading h2{letter-spacing:-.025em;font-size:1.35rem;line-height:1.4}.demo-form-heading p{color:var(--text-muted);font-size:var(--text-sm);margin-top:.4rem}.demo-form-marker{border-radius:var(--radius-md);background:var(--brand-50);color:var(--brand-800);padding:.3rem .7rem}.demo-controls,.demo-choice-group{border:0;min-width:0;margin:0;padding:0}.demo-controls{gap:1.5rem;display:grid}.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem 1rem;display:grid}.demo-field{flex-direction:column;gap:.45rem;min-width:0;display:flex}.demo-field label,.demo-choice-group legend{font-size:var(--text-sm);font-weight:600}.demo-field-note{color:var(--text-muted);font-weight:400;font-size:var(--text-xs)}.demo-field input,.demo-field select,.demo-field textarea{font:inherit;width:100%;min-width:0;min-height:3rem;color:var(--text);background:var(--white);border:1px solid var(--neutral-500);border-radius:var(--radius-sm);padding:.65rem .7rem;font-size:1rem}.demo-field textarea{resize:vertical}.demo-field [aria-invalid=true]{border-color:var(--status-danger)}.demo-hint,.demo-selected-help{font-size:var(--text-xs);color:var(--text-muted);line-height:1.6}.demo-selected-help:empty{display:none}.demo-error{color:var(--status-danger);font-size:var(--text-sm)}.demo-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.6rem;display:grid}.demo-choice{border:1px solid var(--border-strong);border-radius:var(--radius-sm);min-height:44px;font-size:var(--text-sm);cursor:pointer;align-items:start;gap:.6rem;padding:.65rem;display:flex}.demo-choice:has(input:checked){background:var(--brand-50);border-color:var(--brand-700)}.demo-choice input{width:1.1rem;height:1.1rem;accent-color:var(--brand-800);flex-shrink:0;margin:.2em 0 0}.demo-contact-options{flex-wrap:wrap;gap:.6rem;margin:.6rem 0;display:flex}.demo-contact-options .demo-choice{flex:1}.demo-consent{border:none;padding:.3rem 0}.demo-submit{white-space:normal;text-align:left;justify-content:space-between;width:100%}.demo-submit:disabled{cursor:wait;opacity:.7}.demo-privacy-note{text-align:center;margin-top:-.7rem}.demo-feedback{background:var(--brand-50);border:1px solid var(--brand-800);border-radius:var(--radius-md);margin-bottom:1.5rem;padding:1rem}.demo-feedback h3{margin:0 0 .5rem;font-size:1rem}.demo-feedback ul{margin:0;padding-left:1.25rem}.demo-feedback li+li{margin-top:.5rem}.demo-feedback a{padding-block:.25rem;display:inline-block}.demo-confirmation{gap:1.5rem;padding-block:2rem;display:grid}.demo-confirmation h2{font-size:2rem;line-height:1.25}.demo-success-mark{background:var(--brand-50);width:3rem;height:3rem;color:var(--status-success);border-radius:50%;place-items:center;font-size:1.5rem;display:grid}.demo-page :is(p,h1,h2,h3,label,legend,a,figcaption,small,strong,span){overflow-wrap:anywhere}.demo-page [id],.demo-feedback,.demo-confirmation{scroll-margin-top:calc(var(--header-mobile) + 2rem)}.demo-honeypot{display:none}.demo-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@container (width<=62em){.demo-layout{grid-template-columns:minmax(0,1fr);max-width:46rem}.demo-visual{max-width:32rem}}@container (width<=27em){.demo-grid,.demo-choice-grid{grid-template-columns:minmax(0,1fr)}.demo-form-marker{display:none}}.demo-controls{grid-template-columns:minmax(0,1fr)}.demo-controls>*,.demo-choice>span{min-width:0}.demo-page .demo-submit{padding-inline:min(1.5rem,16px)}@container (width<=15em){.demo-contact-options{flex-direction:column}}.demo-expectations li>span{white-space:nowrap;flex-shrink:0}