.demo-booking h2{max-width:800px}.demo-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start;padding-block:64px 80px}.demo-context{min-width:0}.agency-demo-page .demo-intro h1{font-size:clamp(34px,3.6vw,48px);line-height:1.12}.agency-demo-page .demo-intro .agency-lead{font-size:14px;margin-top:24px}.demo-agenda{margin-top:32px;padding-top:24px;border-top:1px solid var(--agency-line)}.agency-demo-page .demo-agenda h2{font-size:18px;letter-spacing:-.025em}.demo-agenda ul{list-style:none;margin:20px 0 24px;padding:0;display:grid;gap:20px}.demo-agenda li{display:flex;gap:12px;align-items:flex-start}.demo-agenda li>svg{flex-shrink:0;margin-top:3px}.agency-demo-page .demo-agenda h3{font-size:13px}.agency-demo-page .demo-agenda p{font-size:12px;margin-top:4px}.demo-layout>.demo-booking{min-width:0;padding:32px;border:1px solid var(--agency-line);background:var(--agency-fog)}.agency-demo-page .demo-booking h2{font-size:clamp(24px,2.2vw,30px);letter-spacing:-.04em}.demo-booking .agency-eyebrow{margin-bottom:16px}.agency-demo-page .demo-booking-intro{font-size:12px}.demo-booking .agency-actions{margin-top:8px}.demo-layout:has([data-stage=calendar]){grid-template-columns:minmax(0,1fr);gap:32px}.demo-layout:has([data-stage=calendar]) .demo-context{display:grid;grid-template-columns:1fr 1fr;gap:56px}.demo-layout:has([data-stage=calendar]) .demo-agenda{margin-top:0;padding-top:0;border-top:0}@media (max-width: 900px){.demo-layout{grid-template-columns:minmax(0,1fr);gap:32px;padding-block:40px 56px}.demo-context{display:contents}.demo-agenda{grid-row:3;margin-top:0}.demo-layout:has([data-stage=calendar]) .demo-context{display:contents}.demo-layout>.demo-booking{padding:24px}}@media (max-width: 480px){.demo-layout>.demo-booking{padding:20px}.demo-booking .agency-button{width:100%}}.demo-booking{scroll-margin-top:100px}.demo-booking-progress{display:flex;gap:8px;max-width:800px;margin-top:24px}.demo-booking-progress span{height:4px;flex:1;background:var(--agency-line)}.demo-booking-progress span[data-complete=true]{background:#f4df55}.demo-booking-question[hidden]{display:none}.agency-page .demo-booking-intro{margin-top:16px}.demo-booking-form{max-width:800px;margin-top:32px}.demo-booking-question{padding:24px 0;margin:0;border:0;border-top:1px solid var(--agency-line);min-width:0}.demo-booking-question>label,.demo-booking-question legend{display:block;font-size:14px;line-height:1.7;font-weight:500}.demo-booking-question legend{float:left;width:100%;margin-bottom:8px}.demo-booking-question legend+p{clear:both}.demo-booking-question>label>span,.demo-booking-question legend>span{color:var(--agency-muted);margin-right:10px;font-size:11px}.agency-page .demo-booking-question>p{font-size:12px;margin-block:8px 16px}.demo-booking textarea{width:100%;padding:12px;border:1px solid var(--agency-line);background:var(--background, #fff);color:var(--agency-ink);font:inherit;font-size:13px;line-height:1.7;resize:vertical;border-radius:0}.demo-booking textarea:focus-visible,.demo-booking input:focus-visible{outline:3px solid #8e7600;outline-offset:3px}.demo-booking-choices{display:grid;gap:10px}.demo-booking-choices label{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid var(--agency-line);font-size:12px;line-height:1.7;cursor:pointer}.demo-booking-choices label:has(input:checked){background:var(--agency-fog);border-color:var(--agency-ink)}.demo-booking-choices input{width:16px;height:16px;margin-top:2px;flex-shrink:0;accent-color:#8e7600}.demo-booking-question .demo-booking-detail-label{margin:20px 0 8px;font-size:12px}.demo-booking-detail-label small{color:var(--agency-muted);font-weight:400}.demo-booking-calendar-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-block:20px}.agency-page .demo-booking-error{border-left:3px solid #b54738;padding-left:14px;color:var(--agency-ink)}.demo-booking #demo-booking-title{scroll-margin-top:100px}
