.feature-showcase{padding-block:20px 100px;display:grid;grid-template-columns:300px 1fr;gap:36px;scroll-margin-top:24px}.feature-showcase-nav{display:grid;gap:10px;padding-bottom:480px}.feature-showcase-nav button{display:flex;align-items:center;gap:13px;padding:14px 16px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;text-align:left;cursor:pointer;scroll-margin-top:24px;transition:border-color .2s ease,background .2s ease,transform .2s ease}.feature-showcase-nav button:hover{border-color:#bfdbfe;transform:translateX(2px)}.feature-showcase-nav button.active{border-color:#2563eb;background:#eff6ff;box-shadow:0 8px 24px rgba(37,99,235,.12)}.feature-showcase-nav button>span{flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:#eff6ff;color:#2563eb;display:grid;place-items:center}.feature-showcase-nav button.active>span{background:#2563eb;color:#fff}.feature-showcase-nav button>div{display:grid;gap:2px}.feature-showcase-nav button small{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#5b6472}.feature-showcase-nav button strong{font-size:13px;color:#14213d;font-weight:750}.feature-showcase-panel{scroll-margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:38px;border:1px solid #e2e8f0;border-radius:22px;background:#fff;box-shadow:0 22px 60px rgba(20,33,61,.06);min-height:460px;animation:featurePanelIn .35s ease}.feature-showcase-panel.parked{position:absolute;left:0;right:0;bottom:0}.feature-showcase-panel-slot{position:relative;min-width:0}@keyframes featurePanelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.feature-showcase-copy h2{margin:10px 0 14px;font-size:30px;line-height:1.12;letter-spacing:-.035em;color:#14213d}.feature-showcase-copy>p:not(.eyebrow){margin:0 0 22px;color:#667085;font-size:14px;line-height:1.7}.feature-showcase-copy ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}.feature-showcase-copy li{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;font-weight:700;color:#334155;line-height:1.5}.feature-showcase-copy li svg{flex:0 0 auto;margin-top:2px;color:#2563eb}.feature-flow-window{position:relative;border:1px solid #e2e8f0;border-radius:18px;background:#f8fbff;padding:0 20px 20px;box-shadow:0 24px 60px rgba(20,33,61,.09)}.feature-flow-bar{height:44px;display:flex;align-items:center;gap:5px;margin:0 -20px 18px;padding:0 16px;border-bottom:1px solid #e2e8f0;color:#5b6472;font-size:9px;font-weight:800}.feature-flow-bar i{width:7px;height:7px;border-radius:50%;background:#dbe3ef}.feature-flow-bar span{margin-left:8px}.feature-flow-bar b{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;padding:5px 9px;border-radius:999px;background:#eff6ff;color:#2563eb}.feature-flow-bar b span{width:6px;height:6px;border-radius:50%;background:#2563eb}.feature-flow-tabs{display:flex;gap:6px;margin-bottom:16px}.feature-flow-tabs button{width:26px;height:26px;border-radius:50%;border:1px solid #e2e8f0;background:#fff;color:#5b6472;font-size:10px;font-weight:800;cursor:pointer;display:grid;place-items:center;transition:.2s ease}.feature-flow-tabs button:hover{border-color:#bfdbfe}.feature-flow-tabs button.active{background:#2563eb;border-color:#2563eb;color:#fff}.feature-flow-stage{min-height:180px;display:grid;gap:16px;animation:featureStageIn .4s ease}@keyframes featureStageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.flow-rows{display:grid;gap:10px}.flow-badge{justify-self:start;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;padding:5px 9px;border-radius:999px;background:#dcfce7;color:#15803d}.flow-row{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:11px 12px;border:1px solid #e2e8f0;border-radius:11px;background:#fff}.flow-row>span{width:34px;height:34px;border-radius:9px;background:#eff6ff;color:#2563eb;display:grid;place-items:center}.flow-row div{display:grid;gap:2px}.flow-row small{font-size:9px;font-weight:750;text-transform:uppercase;letter-spacing:.04em;color:#5b6472}.flow-row strong{font-size:13px;color:#14213d}.flow-pipeline-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.flow-pipeline-col{min-height:130px;padding:12px 10px;border:1px dashed #dbe3ef;border-radius:12px;background:#fff;display:grid;gap:8px;align-content:start;transition:border-color .3s ease,background .3s ease}.flow-pipeline-col small{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#5b6472}.flow-pipeline-col.active{border-style:solid;border-color:#93c5fd;background:#eff6ff}.flow-pipeline-card{padding:10px;border-radius:9px;background:#2563eb;color:#fff;display:grid;gap:2px;animation:pipelineCardIn .4s ease}.flow-pipeline-card strong{font-size:11px}.flow-pipeline-card span{font-size:9px;color:#dbeafe}@keyframes pipelineCardIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}.feature-flow-caption{display:grid;gap:3px;padding-top:14px;border-top:1px solid #e2e8f0}.feature-flow-caption small{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#2563eb}.feature-flow-caption strong{font-size:13px;color:#14213d;font-weight:750}@media(prefers-reduced-motion:reduce){.feature-flow-stage,.feature-showcase-panel,.flow-pipeline-card{animation:none}}@media(max-width:960px){.feature-showcase{grid-template-columns:1fr;gap:20px}.feature-showcase-nav{padding-bottom:0}.feature-showcase-panel{grid-template-columns:1fr;gap:30px;padding:26px}}@media(max-width:620px){.feature-showcase-panel{padding:20px;border-radius:16px}.feature-showcase-copy h2{font-size:25px}.flow-pipeline-columns{gap:6px}.flow-pipeline-col{min-height:110px;padding:9px 7px}}