.solution-practice-overview{color:var(--navy);background:#eeebf8;padding:38px 0 48px}.applications-page .solution-practice-overview{scroll-margin-top:154px}.practice-heading{justify-content:space-between;align-items:end;gap:28px;margin-bottom:25px;display:flex}.practice-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#7956b4;margin:0 0 12px;font-size:10px;font-weight:700}.practice-heading h2{letter-spacing:-.045em;text-wrap:balance;max-width:1060px;margin:0;font-size:clamp(28px,2.5vw,38px);line-height:1.15}.practice-example-label{color:#7a6d8e;flex-shrink:0;font-size:11px}.solution-demo{--demo-ink:#091a37;--demo-purple:#7045c5;--demo-muted:#718096;--demo-cyan:#71e1ef;--demo-border:#e4e0ee;--demo-lilac:#eee8fa;color:#091a37;background:#faf9fe;border:1px solid #d3c9e6;border-radius:18px;overflow:hidden;box-shadow:0 18px 55px #30215d0a}.solution-demo *{box-sizing:border-box}.solution-demo button{font-family:inherit}.demo-appbar{border-bottom:1px solid var(--demo-border);background:#fff;justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:12px 24px;display:flex}.demo-brand{align-items:center;gap:11px;min-width:0;display:flex}.demo-brand>strong{letter-spacing:-.045em;white-space:nowrap;font-size:17px}.demo-brand>span:last-child:not(.demo-ai-mark){color:#7b708e;border-left:1px solid #e0dbe9;margin-left:5px;padding-left:16px;font-size:12px}.demo-ai-mark{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:3px;width:30px;height:30px;display:inline-flex}.demo-ai-mark i{background:linear-gradient(100deg,#9571e4,#6032bd);border-radius:4px;width:20px;height:4px;display:block}.demo-ai-mark i:nth-child(2){transform:translate(-3px)}.demo-icon{stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;stroke-linecap:round;flex-shrink:0;width:20px;height:20px;display:inline-block}.demo-controls{align-items:center;gap:18px;display:flex}.demo-example-indicator{letter-spacing:.02em;color:#8b8099;font-size:10px}.demo-replay{color:#69459f;cursor:pointer;background:#f7f3fc;border:1px solid #e2d9f0;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:120px;min-height:40px;padding:9px 12px;font-size:11px;font-weight:600;display:inline-flex}.demo-replay>span{font-size:18px;line-height:1}.demo-replay:hover{background:#ece3f9;border-color:#cbb5ec}.solution-demo button:focus-visible{outline-offset:3px;outline:2px solid #7045c5}.demo-progress{border-bottom:1px solid var(--demo-border);background:#fbfaff;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0 24px;list-style:none;display:grid}.demo-progress li{color:#9b92a9;align-items:center;gap:9px;padding:14px 9px;font-size:11px;font-weight:500;transition:color .25s,background .25s;display:flex;position:relative}.demo-progress li>span{color:#ac9bc5;font-variant-numeric:tabular-nums;font-size:9px}.demo-progress li[data-complete=true]{color:#6f6087}.demo-progress li[aria-current=step]{color:#663eab;background:#efe8fa}.demo-progress li:after{content:"";transform-origin:0;background:#bca2e6;height:2px;transition:transform .35s;position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.demo-progress li[data-complete=true]:after,.demo-progress li[aria-current=step]:after{transform:scaleX(1)}.demo-stage{background:radial-gradient(at 60% 0,#f2ecff55,#0000 65%),#faf9fe;min-height:400px;padding:24px}.demo-stage h3,.demo-stage h4,.demo-stage p{margin-top:0}.demo-panel{border:1px solid var(--demo-border);background:#fff;border-radius:12px;min-width:0}.demo-panel-title{letter-spacing:-.025em;font-size:14px;font-weight:650}.demo-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#8a779f;font-size:10px;font-weight:600}.demo-muted{color:#788198;font-size:12px;line-height:1.55}.demo-tag{color:#7444ad;background:#efe8fa;border-radius:5px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:600;display:inline-flex}.practice-demo-benefit{align-items:baseline;gap:22px;margin:20px 0 0;padding-inline:2px;display:flex}.practice-demo-benefit>span{color:#8a73a7;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;font-size:10px}.practice-demo-benefit p{color:#58406f;margin:0;font-size:15px;line-height:1.5}@media (max-width:1000px){.demo-stage{padding:18px}.demo-progress{padding-inline:18px}.demo-progress li{gap:6px;font-size:10px}}@media (max-width:700px){.applications-page .solution-practice-overview{scroll-margin-top:125px}.solution-practice-overview{padding:30px 0 38px}.practice-heading{flex-direction:column;align-items:start;gap:10px}.practice-heading h2{font-size:30px}.demo-appbar{gap:10px;min-height:64px;padding:12px 14px}.demo-brand{gap:7px}.demo-brand>strong{font-size:15px}.demo-brand>span:last-child:not(.demo-ai-mark),.demo-example-indicator{display:none}.demo-replay{min-width:103px;min-height:44px;padding:8px;font-size:10px}.demo-progress{padding-inline:8px}.demo-progress li{overflow-wrap:anywhere;flex-direction:column;align-items:start;gap:5px;padding:10px 5px;font-size:9px;line-height:1.3}.demo-progress li>span{font-size:9px}.demo-stage{padding:14px}.practice-demo-benefit{flex-direction:column;gap:7px;margin-top:17px}}@media (prefers-reduced-motion:reduce){.solution-demo *,.solution-demo :before,.solution-demo :after{transition:none!important;animation:none!important}}
