/* Product experience stories: public facts, separate from the retained technical record. */
.customer-marketing .showcase-story{padding:66px 0 72px;background:#e8ece3;color:#11201b;border-block:1px solid #cdd6cc}
.showcase-heading{max-width:890px;margin-bottom:39px}
.showcase-eyebrow{font:600 11px/1.6 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#47634e;margin:0 0 18px}
.customer-marketing .showcase-heading h2{font:400 clamp(34px,4vw,55px)/1.12 Arial,Helvetica,sans-serif;letter-spacing:-.045em;margin:0 0 22px;max-width:24ch}
.showcase-intro{font:18px/1.7 Arial,Helvetica,sans-serif;color:#44594a;max-width:790px;margin:0}
.showcase-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:60px;align-items:start}
.showcase-steps{display:grid;gap:0;min-width:0}
.showcase-steps article{position:relative;border-top:1px solid #b9c8b7;padding:25px 0 25px 42px}
.showcase-step-number{position:absolute;left:0;top:28px;font:11px/1.4 ui-monospace,'Courier New',monospace;color:#47634e}
.customer-marketing .showcase-steps h3{font:400 26px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.035em;margin:0 0 15px}
.showcase-steps p{font:16px/1.7 Arial,Helvetica,sans-serif;color:#44594a;margin:0;max-width:540px}
.showcase-panel{background:#183227;color:#f5f5ef;padding:34px;min-width:0;border:1px solid #365440}
.showcase-panel .showcase-eyebrow{color:#c3e8ce;margin-bottom:23px}
.customer-marketing .showcase-panel h3{font:italic 35px/1.14 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:0 0 29px;color:#f5f5ef}
.showcase-panel dl{margin:0 0 27px}.showcase-panel dl>div{border-top:1px solid #5a7564;padding:15px 0}
.showcase-panel dt{font:11px/1.6 Arial,Helvetica,sans-serif;color:#bfd1c3;margin:0 0 7px}
.showcase-panel dd{font:17px/1.5 Arial,Helvetica,sans-serif;color:#f5f5ef;margin:0;overflow-wrap:anywhere}
.showcase-panel .showcase-action{display:inline-flex;gap:22px;align-items:center;justify-content:space-between;padding:13px 18px;min-height:48px;max-width:100%;background:#c3e8ce;color:#11201b;font:13px/1.5 Arial,Helvetica,sans-serif;text-decoration:none}
.showcase-panel .showcase-action:hover{background:#e2f4e7;color:#11201b}
.showcase-panel .showcase-note{font:12px/1.65 Arial,Helvetica,sans-serif;color:#bfd1c3;margin:18px 0 0;max-width:520px}
.showcase-action:focus-visible,.showcase-question>summary:focus-visible{outline:3px solid #e99b64;outline-offset:5px}
.customer-marketing .showcase-faq{padding-block:58px 65px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:60px;align-items:start}
.customer-marketing .showcase-faq h2{font:400 35px/1.18 Arial,Helvetica,sans-serif;letter-spacing:-.04em;margin:0;max-width:20ch}
.showcase-question{border:0;border-top:1px solid #cdd6cc;padding:0;margin:0;background:transparent;color:#11201b}
.showcase-question:last-child{border-bottom:1px solid #cdd6cc}
.showcase-question>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:22px;padding:22px 0;cursor:pointer;font:18px/1.5 Arial,Helvetica,sans-serif}
.showcase-question>summary::-webkit-details-marker{display:none}.showcase-question>summary>span{font-size:25px;flex:none}.showcase-question[open]>summary>span{transform:rotate(45deg)}
.showcase-question>p{font:16px/1.7 Arial,Helvetica,sans-serif;color:#44594a;padding:0 0 23px;margin:0}
@media(max-width:1000px){.showcase-layout,.customer-marketing .showcase-faq{gap:32px}.showcase-panel{padding:27px}.customer-marketing .showcase-panel h3{font-size:31px}}
@media(max-width:760px){.showcase-layout,.customer-marketing .showcase-faq{grid-template-columns:minmax(0,1fr);gap:30px}.customer-marketing .showcase-story{padding-block:45px}.customer-marketing .showcase-faq{padding-block:42px}.showcase-heading{margin-bottom:30px}.showcase-panel{max-width:700px}.customer-marketing .showcase-faq h2{max-width:none}}
@media(max-width:560px){.customer-marketing .showcase-heading h2{font-size:33px}.showcase-intro{font-size:16px}.showcase-steps article{padding-left:32px}.customer-marketing .showcase-steps h3{font-size:24px}.showcase-panel{padding:24px 22px}.customer-marketing .showcase-panel h3{font-size:31px}.customer-marketing .showcase-faq h2{font-size:30px}.showcase-question>summary{font-size:17px;gap:15px}.showcase-question>p{font-size:16px}.showcase-panel .showcase-action{white-space:normal;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){.showcase-story *,.showcase-faq *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}