.client-intro .micro{margin-top:22px;max-width:780px}.client-scenarios{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.client-scenarios button{font:600 16px/1.4 Plex,sans-serif;color:var(--ink);background:#fffefb;border:1px solid #b8c5d8;border-radius:8px;padding:13px 20px;min-height:48px;cursor:pointer}.client-scenarios button[aria-pressed=true]{background:#c8ff24;border-color:#0b1d45;box-shadow:inset 0 0 0 1px #0b1d45}.client-scenarios button:hover{border-color:#2254f4}.client-scenarios button:focus-visible{outline:3px solid #2254f4;outline-offset:3px}.client-example{--client-accent:#f9cc62;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:stretch;margin-bottom:22px}.client-preview{min-width:0;background:#fffefb;border:1px solid #b8c5d8;border-radius:12px;overflow:hidden}.client-address{padding:16px 22px;margin:0!important;background:#f0f3f7;border-bottom:1px solid #cbd4e2;font:400 14px/1.6 Mono,monospace;overflow-wrap:anywhere}.client-preview-body{padding:30px;background:linear-gradient(135deg,var(--client-accent),#fffefb 95%);height:calc(100% - 56px)}.client-sample-mark{display:grid;place-items:center;width:52px;height:52px;border:2px solid #0b1d45;border-radius:10px;font:800 21px/1 Bricolage,sans-serif;margin-bottom:24px;background:#fffefb}.client-preview h3,.client-story h3{font:700 clamp(26px,3vw,36px)/1.15 Bricolage,sans-serif;letter-spacing:-.02em;margin:10px 0 18px}.client-preview p,.client-story p,.client-flow{font:400 17px/1.65 Plex,sans-serif}.client-preview .eyebrow,.client-story .eyebrow{font:500 12px/1.6 Mono,monospace}.client-module-list{list-style:none;padding:0;margin:24px 0;display:grid;gap:10px}.client-module-list li{background:#fffefb;border:1px solid #b8c5d8;border-radius:8px;padding:14px 18px;font:600 16px/1.5 Plex,sans-serif}.client-preview .client-preview-caption{font:400 14px/1.6 Plex,sans-serif;margin:24px 0 0}.client-story{min-width:0;padding:10px 0}.client-flow{padding-left:24px;display:grid;gap:12px;margin:24px 0}.client-flow li::marker{color:#2254f4;font-weight:700}.client-rule{border-top:1px solid #b8c5d8;padding-top:20px}.client-story .text-link{display:inline-block;margin-top:10px}.client-intro .steps article{min-width:0}@media(max-width:760px){.client-example{grid-template-columns:1fr;gap:24px}.client-scenarios{gap:8px}.client-scenarios button{flex:1 1 140px;padding:12px}.client-preview-body{padding:24px;height:auto}.client-address{padding:14px 20px;font-size:13px}.client-preview h3,.client-story h3{font-size:29px}.client-story{padding:0}.client-preview p,.client-story p,.client-flow{font-size:16px}}