/* Lightweight, illustrative product stories. No application screenshots. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.product-card .card-top{margin-bottom:22px}
.product-card>.text-link{padding-top:24px}
.product-animation{--phase-duration:3800ms;position:relative;margin:0 -15px 27px;isolation:isolate}
.animation-stage{position:relative;overflow:hidden;border:1px solid #cbded4;border-radius:8px;background:radial-gradient(ellipse at 52% 35%,#fff 0%,#edf6f0 70%)}
.animation-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#80ab942e .7px,transparent .7px);background-size:14px 14px;mask-image:linear-gradient(transparent,#000 60%,transparent)}
.sampling-animation-stage{border-color:#e8d8c9;background:radial-gradient(ellipse at 52% 35%,#fffdfb 0%,#fbeee0 75%)}
.animation-stage>svg{position:relative;display:block;width:100%;height:auto;overflow:visible;font-family:Source Sans Pro,Verdana,sans-serif}
.animation-captions{display:grid;position:relative;min-height:36px;margin:-1px 8px 0;text-align:center;font-size:14px;font-weight:600;line-height:1.3;color:#365e51}
.animation-caption{grid-area:1/1;opacity:0;transform:translateY(5px);transition:opacity .35s,transform .5s}
.product-animation[data-phase="0"] [data-phase-caption="0"],.product-animation[data-phase="1"] [data-phase-caption="1"],.product-animation[data-phase="2"] [data-phase-caption="2"]{opacity:1;transform:translateY(0)}
.animation-steps{display:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:13px}
.has-animation-controller .animation-steps{display:grid}
.animation-steps button{position:relative;display:flex;align-items:center;justify-content:center;gap:7px;min-height:43px;padding:9px 3px 12px;border:0;border-radius:3px 3px 0 0;background:transparent;color:#65776b;font-size:14px;font-weight:600;line-height:1.2;cursor:pointer;transition:color .25s,background .25s}
.animation-steps button:before,.animation-steps button:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:#d8e5dc}
.animation-steps button:after{width:0;background:#106668}
.animation-steps button:hover{background:#dbece355;color:#106668}
.animation-steps button[aria-current="step"]{color:#106668;background:#dfede555}
.animation-steps button[aria-current="step"]:after{width:100%;animation:product-phase-progress var(--phase-duration) linear both;animation-play-state:paused;transform-origin:left}
.product-animation.is-running .animation-steps button[aria-current="step"]:after{animation-play-state:running}
.animation-step-number{font-size:10px;font-weight:400;opacity:.75;font-variant-numeric:tabular-nums}
.animation-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:35px;padding-top:5px;color:#67766d;font-size:11px;line-height:1.3}
.animation-toggle{display:none;align-items:center;justify-content:flex-end;gap:5px;min-width:78px;min-height:32px;border:0;padding:4px 0 4px 8px;background:transparent;font-size:11px;line-height:1.3;color:#496459;cursor:pointer}
.has-animation-controller .animation-toggle{display:inline-flex}
.animation-toggle:hover{color:#106668;text-decoration:underline;text-underline-offset:3px}
.animation-toggle svg{width:12px;height:12px}.animation-pause-icon{display:none}.is-running .animation-pause-icon{display:block}.is-running .animation-play-icon{display:none}
.product-animation *, .product-animation *:before,.product-animation *:after{animation-play-state:paused}
.product-animation.is-running *,.product-animation.is-running *:before,.product-animation.is-running *:after{animation-play-state:running}
.document-animation-scene .dd-document{transform-origin:117px 145px;transition:transform .8s cubic-bezier(.22,.7,.3,1),opacity .6s}
.document-animation-scene .dd-output{transform-origin:365px 150px;transition:opacity .75s,transform .8s cubic-bezier(.22,.7,.3,1)}
.document-animation-scene .dd-field{opacity:0;transition:opacity .6s}
.document-animation-scene .dd-scanner{opacity:0;transform:translateY(58px)}
.document-animation-scene .dd-engine{opacity:.35;transition:opacity .6s}
.document-animation-scene .dd-engine-ring{opacity:0;transform-origin:0 0}
.document-animation-scene .dd-data-travel{opacity:0}
.document-animation-scene .dd-result-row{opacity:.15;transform:translateY(8px);transition:opacity .65s,transform .7s cubic-bezier(.22,.7,.3,1)}
.document-animation-scene .dd-result-2{transition-delay:.14s}.document-animation-scene .dd-result-3{transition-delay:.28s}
.document-animation-scene .dd-ready{opacity:0;transform:translateY(10px);transition:opacity .5s .35s,transform .7s .35s cubic-bezier(.22,.7,.3,1)}
.document-animation-scene .dd-check{stroke-dasharray:16;stroke-dashoffset:16;transition:stroke-dashoffset .5s .6s}
.product-animation[data-product-animation="documents"][data-phase="0"] .dd-document{transform:translate(5px,-2px) rotate(-2deg)}
.product-animation[data-product-animation="documents"][data-phase="0"] .dd-output{opacity:.4;transform:translateX(7px) scale(.98)}
.product-animation[data-product-animation="documents"][data-phase="1"] .dd-output{opacity:.75}
.product-animation[data-product-animation="documents"][data-phase="1"] .dd-engine{opacity:1}
.product-animation[data-product-animation="documents"][data-phase="1"] .dd-engine-ring{animation:dd-engine-breathe 1.8s ease-in-out infinite}
.product-animation[data-product-animation="documents"][data-phase="1"] .dd-scanner{opacity:1;animation:dd-scan-sweep 3.8s cubic-bezier(.3,.1,.2,1) both}
.product-animation[data-product-animation="documents"][data-phase="1"] .dd-data-travel{opacity:1;animation:dd-stream 1.25s linear infinite}
.product-animation[data-product-animation="documents"][data-phase="1"] .dd-field{opacity:1}
.product-animation[data-product-animation="documents"][data-phase="1"] .dd-field-2{transition-delay:1s}
.product-animation[data-product-animation="documents"][data-phase="2"] .dd-document{transform:translate(-3px,3px) scale(.98);opacity:.75}
.product-animation[data-product-animation="documents"][data-phase="2"] .dd-output{opacity:1;transform:translateY(-3px)}
.product-animation[data-product-animation="documents"][data-phase="2"] .dd-engine{opacity:.7}
.product-animation[data-product-animation="documents"][data-phase="2"] .dd-result-row,.product-animation[data-product-animation="documents"][data-phase="2"] .dd-ready{opacity:1;transform:translateY(0)}
.product-animation[data-product-animation="documents"][data-phase="2"] .dd-check{stroke-dashoffset:0}
@keyframes product-phase-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes dd-scan-sweep{0%{transform:translateY(58px);opacity:0}12%{opacity:1}80%{transform:translateY(183px);opacity:1}100%{transform:translateY(183px);opacity:0}}
@keyframes dd-engine-breathe{0%,100%{transform:scale(.86);opacity:.15}50%{transform:scale(1.2);opacity:.8}}
@keyframes dd-stream{to{stroke-dashoffset:-82}}
.product-animation:not(.is-running) *,.product-animation:not(.is-running) *:before,.product-animation:not(.is-running) *:after{animation-play-state:paused!important}
@media(max-width:1000px) and (min-width:721px){.product-animation{margin-inline:-14px}.animation-steps button{font-size:12px;gap:4px}.animation-step-number{font-size:9px}.animation-captions{font-size:12px;min-height:32px}.animation-footer{font-size:10px}.animation-toggle{font-size:10px}}
@media(max-width:720px){.product-animation{margin-inline:-12px;margin-bottom:23px}.animation-captions{font-size:13px;min-height:34px}.animation-steps{gap:7px;margin-top:10px}.animation-steps button{font-size:13px;min-height:44px;gap:5px}.animation-toggle{min-height:36px}.product-card .card-top{margin-bottom:20px}}
@media(max-width:360px){.animation-captions{font-size:11px;min-height:31px}.animation-steps button{font-size:12px;gap:4px}.animation-footer{font-size:10px}.animation-toggle{font-size:10px}}
@media(prefers-reduced-motion:reduce){.product-animation *,.product-animation *:before,.product-animation *:after{animation:none!important;transition:none!important}.document-animation-scene .dd-scanner{display:none}.product-animation[data-product-animation="documents"][data-phase="1"] .dd-engine-ring{opacity:.5}.animation-steps button[aria-current="step"]:after{transform:scaleX(1)}}