.customer-value{background:#612c66;color:#fff7f3;padding:38px;border-radius:28px;box-shadow:10px 15px 0 #e9dfdb}.studio-document .customer-value h2{font-size:clamp(30px,3.6vw,48px);line-height:1.15}.studio-document .customer-value p{color:#f0e7e2}.studio-document .customer-value .eyebrow{color:#fccaa6}.studio-document .customer-value a{color:#faf0eb}
.customer-demo-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:36px;align-items:center}.customer-theatre{background:radial-gradient(ellipse at 28% 20%,#f3eae5,#e3dad5);border:1px solid #cfc6c2;border-radius:28px;overflow:hidden;min-width:0}
[data-customer-canvas]{height:410px;touch-action:pan-y;cursor:grab;outline-offset:-5px}[data-customer-canvas]:focus-visible{outline:3px solid #844f22}[data-customer-canvas][data-interacting=true]{cursor:grabbing}[data-customer-canvas] canvas{display:block;width:100%;height:100%}[data-customer-canvas]:empty{display:none}
.customer-fallback{padding:32px;min-height:220px;display:grid;align-content:center}.customer-theatre.has-3d .customer-fallback{display:none}.customer-theatre>.customer-caption{font-weight:800;color:#582c5c;padding:0 24px 12px;margin:0}.customer-theatre>.fine{padding:0 24px 16px;margin:0}.studio-document .customer-theatre>[data-customer-pause]{margin:0 14px 18px;border:0;background:transparent;text-decoration:underline;text-underline-offset:5px}
.customer-controls{margin-bottom:26px}.customer-paths,.customer-stages{display:flex;flex-wrap:wrap;gap:10px}.customer-paths{margin-bottom:14px}.studio-document .customer-controls .btn{font-size:.875rem;padding:12px 15px;min-height:46px;white-space:normal}.studio-document [data-customer-path][aria-pressed=true]{background:#612c66;color:#ffffff;border-color:#612c66}.studio-document [data-customer-stage][aria-pressed=true]{background:#f6dac6;border-color:#9d704d;color:#2f2e35}
.customer-explanations{padding-left:22px}.customer-explanations li{margin-bottom:24px}[data-customer-demo].is-interactive .customer-explanations{list-style:none;padding:0;min-height:255px}.customer-controls[hidden],.customer-explanations [hidden]{display:none!important}.customer-costs{border-radius:28px;background:linear-gradient(135deg,#efe5e1,#f4ebe6);padding:40px!important;margin:35px 0}
@media(max-width:900px){.customer-demo-layout{grid-template-columns:1fr;gap:22px}[data-customer-demo].is-interactive .customer-explanations{min-height:0}.customer-value{box-shadow:5px 8px 0 #e9dfdb}}
@media(max-width:500px){.customer-value{padding:26px}.customer-costs{padding:24px!important}.customer-paths,.customer-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.studio-document .customer-controls .btn{padding:10px 8px}[data-customer-canvas]{height:310px}}