.demo-section{position:relative;z-index:6;background:#f2efe9;color:var(--ink);padding:110px var(--gutter);--line:#0a0a0a26;--muted:#535650}.demo-section .eyebrow:before{background:var(--ink)}.demo-section h2{font-size:clamp(47px,5.3vw,82px);margin:0 0 30px}.demo-header{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:55px}.demo-header p{font-size:12px;max-width:430px;margin:0}.demo-shell{display:grid;grid-template-columns:250px 1fr;gap:55px;border-top:1px solid var(--line);padding-top:32px}.demo-sidebar{border-right:1px solid var(--line);padding-right:26px}.demo-step-list{list-style:none;margin:25px 0 0;padding:0;counter-reset:steps}.demo-step-list li{margin:0}.demo-step-list a{display:block;font-size:11px;color:#5f625b;padding:8px 0}.demo-step-list a[aria-current=step]{color:var(--ink);font-weight:bold}.demo-step-list a:before{counter-increment:steps;content:counter(steps,decimal-leading-zero);font:9px ui-monospace,monospace;display:inline-block;width:25px}.case-token{font:13px ui-monospace,monospace}.scenario-label{display:block;margin-top:30px;font-size:10px}.demo-section select,.demo-section input[type=text]{display:block;width:100%;border:0;border-bottom:1px solid #0a0a0a55;border-radius:0;background:transparent;min-height:47px;padding:12px 3px;color:var(--ink);font-size:12px}.demo-section select option{background:var(--paper);color:var(--ink)}.demo-step{padding:0 0 50px;border-bottom:1px solid var(--line);margin-bottom:50px;scroll-margin-top:120px}.demo-enhanced .demo-step{display:none;border:0;margin:0;padding:0}.demo-enhanced .demo-step.active{display:block}.demo-step h3{margin:15px 0 23px;max-width:740px}.demo-step p{font-size:13px;max-width:680px}.step-top{display:flex;justify-content:space-between;align-items:center}.step-top .mini{color:#535650}.step-count{font:11px ui-monospace,monospace}.step-body{min-height:280px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0}.field{display:block;font-size:10px;color:#454841}.field.single{margin:22px 0}.choice{display:flex;align-items:flex-start;gap:12px;margin:19px 0;font-size:12px;line-height:1.65}.choice input{flex:none;margin-top:3px;accent-color:var(--ink);width:16px;height:16px}.demo-button{border:1px solid var(--ink);border-radius:2px;background:var(--ink);color:var(--paper);padding:14px 19px;font-size:11px;min-height:46px;display:inline-flex;align-items:center;gap:28px}.demo-button.ghost{background:transparent;color:var(--ink)}.demo-button[aria-disabled=true]{opacity:.55}.demo-controls{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:33px}.demo-note{border-left:2px solid #737a17;padding-left:17px;margin:25px 0;font-size:11px!important;color:#454841}.demo-error{color:#942e24;font-size:12px!important;min-height:24px;margin-top:15px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.photo-slot{min-height:90px;border:1px solid var(--line);padding:16px;display:flex;flex-direction:column;justify-content:space-between;gap:15px;font:10px ui-monospace,monospace}.photo-slot .photo-state{color:#5d6255;font-size:9px}.photo-preview{width:100%;height:100px;object-fit:contain}.file-label{display:block;font-size:11px;margin:23px 0}.file-label input{display:block;max-width:100%;margin-top:10px;font-size:11px}.summary-table{width:100%;border-collapse:collapse;margin:25px 0;font-size:12px}.summary-table th,.summary-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:13px 0}.summary-table th{font-weight:400;color:#535650;width:40%}.state-chip{display:inline-block;border:1px solid currentColor;font:9px ui-monospace,monospace;padding:7px 9px;text-transform:uppercase;letter-spacing:.04em}.case-timeline{list-style:none;padding:0;margin:20px 0}.case-timeline li{padding:12px 0 12px 20px;border-left:1px solid var(--line);position:relative;font-size:11px}.case-timeline li:before{content:'';position:absolute;left:-3px;top:19px;width:5px;height:5px;background:var(--ink)}.static-disclosure{margin-bottom:30px;font-size:11px}.panel-note{padding:15px;border:1px solid var(--line);margin:20px 0;font-size:11px}.example-number{font:clamp(36px,4vw,60px)/1 Space,sans-serif;letter-spacing:-.04em;margin:25px 0}.example-number span{font:10px ui-monospace,monospace;letter-spacing:0;color:#535650}.formula{font:clamp(18px,2.2vw,28px)/1.6 Space,sans-serif;letter-spacing:-.03em;max-width:610px;margin:25px 0}.next-composition{border:1px solid var(--line);padding:23px;margin:24px 0}.next-composition .mini{display:block;margin-bottom:12px}.demo-section :focus-visible{outline-color:var(--ink)}