.client-demo {font-size:18px;line-height:1.6}
.client-demo h1,.client-demo h2,.client-demo h3 {font-family:var(--font-display);line-height:1.12;letter-spacing:-.045em}
.client-hero-grid {display:grid;grid-template-columns:1.12fr 1fr;gap:56px;align-items:stretch}
.client-demo h1 {font-size:clamp(40px,4.4vw,66px);text-transform:none;max-width:650px}
.client-intro {font-size:20px;color:#525b67;margin-top:26px;max-width:580px}
.client-actions {display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:30px;font-size:16px;font-weight:650}
.client-text-link {text-decoration:underline;text-underline-offset:5px}
.client-disclaimer {font-size:14px;color:var(--muted);margin-top:22px}
.client-handoff {background:#121512;color:white;padding:28px;border-radius:16px;display:flex;flex-direction:column;gap:22px}
.client-panel-header {display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--lime)}
.client-live {font-size:10px;color:#b4bcb0;font-family:var(--font-display)}
.client-enquiry {background:var(--card);color:var(--ink);padding:24px;border-radius:10px}
.client-enquiry h2 {font-size:27px;margin:14px 0}
.client-enquiry p,.client-check p,.client-review p,.client-panel-note {font-size:15px}
.client-enquiry p {color:var(--muted)}
.client-check {display:flex;gap:16px;align-items:flex-start}
.client-check>span {color:var(--lime);font-size:26px}
.client-check p {color:#bdc5ba;margin-top:3px}
.client-review {margin-top:auto;padding:22px;background:var(--lime);color:var(--ink);border-radius:10px}
.client-review h3 {font-size:24px;margin:10px 0}
.client-panel-note {color:#bdc5ba}
.client-value {padding:80px 0;border-bottom:1px solid var(--line);scroll-margin-top:110px}
.client-section-heading {display:grid;grid-template-columns:1fr 1fr;column-gap:48px;align-items:end}
.client-section-heading .label {grid-column:1/-1;margin-bottom:18px}
.client-demo .client-section-heading h2,.client-workspace-heading h2,.client-closing h2 {font-size:clamp(32px,3.3vw,46px)}
.client-section-heading>p:last-child,.client-workspace-heading>p:not(.label),.client-closing>p:not(.label) {color:#525b67;max-width:700px}
.client-value-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:32px}
.client-value-card {background:white;border:1px solid var(--line);border-radius:12px;padding:28px}
.client-value-card h3 {font-size:23px}
.client-value-card p {margin-top:12px;color:#525b67;min-height:58px}
.client-mini-flow {display:flex;flex-wrap:wrap;align-items:center;gap:14px;border-top:1px solid var(--line);margin-top:22px;padding-top:20px;font-size:14px}
.client-mini-flow strong {background:var(--lime-soft);color:var(--signal);padding:6px 10px;border-radius:5px}
.client-workspace-heading {padding-top:72px;scroll-margin-top:110px}
.client-workspace-heading h2 {margin:18px 0}
.client-mode {display:inline-block;font-size:13px;padding:8px 12px;background:var(--lime-soft);color:var(--signal);margin-top:18px;border-radius:6px}
.client-demo .demo-process-rail {grid-template-columns:repeat(4,minmax(0,1fr))}
.client-demo .demo-process-rail li {min-height:132px;padding:26px 24px;gap:14px;font-size:19px;line-height:1.4;border-bottom:0}
.client-demo .demo-process-rail span {font-size:15px;color:var(--muted)}
@media(max-width:800px){.client-demo .demo-process-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.client-demo .demo-process-rail li{min-height:120px;padding:22px;font-size:18px}.client-demo .demo-process-rail li:nth-child(2n){border-right:0}.client-demo .demo-process-rail li:nth-child(-n+2){border-bottom:1px solid var(--line)}}
.client-demo #scenario-buttons {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px}
.client-demo .scenario-btn {padding:28px!important;border-radius:12px;cursor:pointer}
.client-demo .scenario-btn .label {font-size:21px;letter-spacing:-.025em;text-transform:none;padding-right:30px}
.client-demo .scenario-btn .text-sm {font-size:17px;margin-top:12px}
.client-demo .scenario-lesson {font-size:15px;color:var(--signal);margin-top:18px}
.client-demo .scenario-btn:focus-visible,.client-demo a:focus-visible,.client-demo summary:focus-visible {outline:3px solid var(--signal);outline-offset:4px}
.client-demo .scenario-btn:hover {border-color:var(--signal)!important}
.client-demo .scenario-btn {transition:border-color .18s,background-color .18s;transform:none!important}
.client-demo .scenario-btn.is-selected {border-color:var(--signal)!important;background:#f5fbeD!important;box-shadow:inset 0 0 0 1px var(--signal)}
.scenario-action {display:flex;align-items:center;gap:12px;margin-top:22px;font-size:16px;font-weight:700;color:var(--ink)}
.scenario-run.btn-dark-icon {width:100%;min-height:56px;justify-content:flex-start;font-size:18px;padding:8px 18px 8px 8px}
.scenario-run .icon-square {margin-right:6px;font-size:24px}
.scenario-btn:hover .scenario-run,.scenario-btn:focus-visible .scenario-run {opacity:.88}
.scenario-action {flex-direction:column;align-items:stretch}
.scenario-status {min-height:22px}
.scenario-status {margin-left:auto;font-size:14px;color:var(--signal)}
.scenario-btn:disabled {cursor:progress}
.scenario-feedback {display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:76px;margin-top:18px;padding:18px 22px;background:white;border:1px solid var(--line);border-radius:10px;font-size:16px}
.scenario-feedback a {flex-shrink:0;color:var(--signal);font-weight:700;text-decoration:underline;text-underline-offset:4px}
.scenario-feedback a[hidden] {display:none}
@media(max-width:600px){.scenario-feedback{align-items:flex-start;flex-direction:column}.scenario-action{flex-wrap:wrap}}
.client-demo #result-box .text-xs {font-size:14px}
.client-demo #result-box .text-sm {font-size:17px}
.client-demo #result-box .label {font-size:13px}
.client-demo .client-details {border:1px solid var(--line);border-radius:12px;background:white;padding:24px;margin-top:24px}
.client-details summary {cursor:pointer;font-family:var(--font-display);font-weight:600}
.client-next-step {margin-top:20px;padding:20px;background:var(--lime-soft);border-radius:8px}
.client-next-step strong {display:block;color:var(--signal);margin-bottom:6px}
.client-closing {padding-top:45px;padding-bottom:80px}
.client-closing h2 {max-width:660px;margin:18px 0}
@media(max-width:900px){.client-hero-grid{grid-template-columns:1fr;gap:32px}.client-handoff{max-width:none}.client-section-heading{grid-template-columns:1fr;gap:18px}.client-value{padding-top:48px}.client-demo h1{max-width:740px}}
@media(max-width:600px){.client-value-grid,.client-demo #scenario-buttons{grid-template-columns:1fr!important}.client-demo .demo-process-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.client-value-card,.client-demo .scenario-btn{padding:22px!important}.client-handoff{padding:20px}.client-actions{gap:18px}.client-workspace-heading{padding-top:44px}.client-value-card p{min-height:0}}