.spa-demo{display:grid;grid-template-columns:minmax(0,40fr) minmax(0,60fr);gap:44px;align-items:stretch;font-family:Onest,Arial,sans-serif}
.spa-questions{min-width:0;display:flex;flex-direction:column;justify-content:center}
.spa-eyebrow{font-size:16px;color:#656565;margin:0 0 20px}
.spa-question{appearance:none;display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #ddd;background:transparent;padding:22px 18px 22px 0;color:#171717;font-family:inherit;cursor:pointer;transition:padding .28s,color .28s}
.spa-question>span{display:block;font-size:clamp(22px,2vw,30px);line-height:1.18;letter-spacing:-.03em}
.spa-question>small{display:block;font-size:16px;line-height:1.5;color:#656565;margin-top:10px;max-width:460px}
.spa-question[aria-pressed=true]{padding-left:20px;border-left:3px solid #ff5a2b}
.spa-question[aria-pressed=true]>span{font-weight:500}
.spa-question:hover>span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.spa-insight{margin:24px 0 0;font-size:17px;line-height:1.5;color:#32131d;min-height:52px;max-width:460px}
.spa-stage{min-width:0;background:#32131d;border-radius:16px;padding:30px;display:flex;flex-direction:column;justify-content:center}
.spa-example{margin:0 0 22px;color:#c6b9bd;font-size:14px}
.spa-page{background:#fff;border-radius:10px;padding:10px 22px;color:#171717}
.spa-zone{display:grid;grid-template-columns:32px minmax(0,1fr);gap:16px;padding:26px 8px;border-bottom:1px solid #ddd;position:relative;transition:background .3s}
.spa-zone:last-child{border-bottom:0}
.spa-zone:before{content:"";position:absolute;left:-22px;top:18px;bottom:18px;width:3px;background:#ff5a2b;opacity:0;transform:scaleY(.4);transition:transform .3s,opacity .3s}
.spa-zone.is-active:before{opacity:1;transform:scaleY(1)}
.spa-mark{color:#777;transition:color .3s}.spa-zone.is-active .spa-mark{color:#ff5a2b}
.spa-zone h3{font-size:24px;font-weight:400;line-height:1.2;letter-spacing:-.03em;margin:0 0 16px}
.spa-work-parts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.spa-work-parts span{background:#f3f3f3;border-radius:6px;padding:14px 12px;font-size:15px;line-height:1.3}
.spa-case{display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.3;flex-wrap:wrap}.spa-case i{font-style:normal;color:#ff5a2b}
.spa-action{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;background:#ff5a2b;border-radius:6px;color:#171717;font-size:17px;text-decoration:none;min-height:48px}.spa-action svg{flex:none}
.spa-zone p{font-size:14px;line-height:1.4;color:#656565;margin:12px 0 0}
.spa-zone{scroll-margin-top:calc(var(--rr-top,140px) + 24px)}.spa-action .ui-arrow{display:flex;flex:none}.spa-action svg{width:20px;height:20px}
.spa-question:focus-visible,.spa-action:focus-visible{outline:2px solid #171717;outline-offset:4px}
@media(max-width:1000px){.spa-demo{gap:26px;grid-template-columns:minmax(0,42fr) minmax(0,58fr)}.spa-stage{padding:22px}.spa-page{padding-inline:16px}.spa-zone:before{left:-16px}.spa-zone{padding-inline:0;gap:10px}.spa-zone h3{font-size:22px}.spa-work-parts{grid-template-columns:1fr}.spa-work-parts span{padding:10px}.spa-question>span{font-size:24px}}
@media(max-width:700px){.spa-demo{grid-template-columns:1fr;gap:22px}.spa-eyebrow{margin-bottom:6px}.spa-question{padding-block:18px}.spa-question>span{font-size:24px}.spa-question>small{font-size:16px}.spa-insight{min-height:0;font-size:16px;margin-top:20px}.spa-stage{padding:20px 14px;border-radius:12px}.spa-page{padding:4px 14px}.spa-zone{grid-template-columns:24px minmax(0,1fr);gap:10px;padding-block:22px}.spa-mark svg{width:24px;height:24px}.spa-zone h3{font-size:22px;margin-bottom:12px}.spa-zone:before{left:-14px}.spa-example{font-size:12px;margin-bottom:16px}.spa-case{font-size:14px;gap:6px}.spa-action{font-size:16px;padding:13px 12px}.spa-work-parts{grid-template-columns:1fr 1fr}.spa-work-parts span{font-size:14px}}
@media(max-width:360px){.spa-question>span{font-size:22px}.spa-work-parts{grid-template-columns:1fr}.spa-case{gap:5px;font-size:12px}.spa-zone h3{font-size:20px}.spa-action{font-size:15px}}
@media(prefers-reduced-motion:reduce){.spa-question,.spa-zone,.spa-zone:before,.spa-mark{transition:none}}