/* Homepage: three illustrative workflows below the hero. */
.workflow-benefits{position:relative;overflow:hidden;padding-block:clamp(5rem,8vw,7.5rem);background:#fefefe}
.workflow-benefits::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#a7d9f6 28%,#d8e9f4 70%,transparent)}
.workflow-benefits__intro{display:grid;gap:1.3rem;align-items:end;margin-bottom:clamp(2.7rem,5vw,4rem)}
.workflow-benefits__intro h2{max-width:19ch;margin:1.15rem 0 0;color:#042953;font-size:clamp(2.3rem,4.6vw,4.4rem);line-height:1.06;letter-spacing:-.055em}
.workflow-benefits__intro>p{max-width:29rem;margin:0;color:#516c82;font-size:clamp(1rem,1.35vw,1.12rem);line-height:1.7}
.workflow-benefits__label{display:flex;align-items:center;gap:1rem;margin-bottom:1.1rem;color:#0062d6;font:800 .72rem Manrope,sans-serif;letter-spacing:.16em;text-transform:uppercase}
.workflow-benefits__label>span:nth-child(3){flex:1;height:1px;background:#d5e5ef}
.workflow-benefits__label small{color:#73899b;font-size:.7rem;letter-spacing:.08em}
.workflow-benefits__grid{display:grid;gap:1rem}
.workflow-card{display:flex;flex-direction:column;min-width:0;padding:clamp(1.25rem,2vw,1.75rem);border:1px solid #d4e3ee;border-radius:1.1rem;background:#fff;box-shadow:0 .5rem 1.4rem #0429530a,0 1.6rem 3.5rem #04295306}
.workflow-card__top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}
.workflow-card__number{color:#0062d6;font:800 .7rem Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.workflow-card__glyph{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid #c4e0f3;border-radius:.55rem;background:#eaf6ff;color:#0062d6;font:800 1.25rem Manrope,sans-serif}
.workflow-card h3{max-width:16ch;margin:0 0 .7rem;color:#042953;font-size:clamp(1.35rem,2vw,1.7rem);line-height:1.2;letter-spacing:-.04em}
.workflow-card__description{margin:0;color:#526d83;font-size:.94rem;line-height:1.58}
.workflow-demo{display:flex;flex-direction:column;min-width:0;min-height:19.3rem;margin-top:1.5rem;padding:1rem;border:1px solid #d2e2ed;border-radius:.8rem;background:linear-gradient(155deg,#f7fbff 5%,#eef6fc 100%);box-shadow:inset 0 1px #fff}
.workflow-demo__header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:#566f84;font:800 .64rem Manrope,sans-serif;letter-spacing:.11em;text-transform:uppercase}
.workflow-demo__dot{width:.42rem;height:.42rem;flex:none;border-radius:50%;background:#44adfe;box-shadow:0 0 0 .22rem #44adfe1f}
.workflow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.2rem;margin:0;padding:0;list-style:none;position:relative}
.workflow-steps::before{content:"";position:absolute;top:.86rem;left:15%;right:15%;height:2px;background:#bed7e9}
.workflow-steps::after{content:"";position:absolute;top:.86rem;left:15%;width:70%;height:2px;background:#0062d6;transform:scaleX(0);transform-origin:left center}
.workflow-steps li{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:#254a69;font-size:.75rem;font-weight:700;line-height:1.3;text-align:center}
.workflow-steps__mark{display:grid;place-items:center;width:1.8rem;height:1.8rem;border:1px solid #a7c7de;border-radius:50%;background:#fff;color:#0062d6;font:800 .7rem Manrope,sans-serif;box-shadow:0 .2rem .5rem #04295312}
.workflow-mini-summary{display:flex;align-items:flex-start;gap:.65rem;margin-top:auto;padding:.8rem;border:1px solid #a9d1ec;border-radius:.6rem;background:#fff;box-shadow:0 .3rem .9rem #0429530c}
.workflow-mini-summary__icon{display:grid;place-items:center;width:1.45rem;height:1.45rem;flex:none;border-radius:.4rem;background:#0062d6;color:#fff;font-size:.8rem;font-weight:800}
.workflow-mini-summary strong,.workflow-mini-summary small{display:block;line-height:1.35}
.workflow-mini-summary strong{color:#042953;font-size:.78rem}
.workflow-mini-summary small{margin-top:.25rem;color:#58738b;font-size:.66rem}
.workflow-handoff{display:grid;align-content:start;gap:0}
.workflow-handoff__row{display:grid;grid-template-columns:1.45rem minmax(0,1fr);gap:.6rem;align-items:start;padding:.52rem .6rem;border:1px solid #c8ddeb;border-radius:.55rem;background:#fff;box-shadow:0 .15rem .45rem #04295308}
.workflow-handoff__step{color:#0062d6;font:800 .64rem Manrope,sans-serif}
.workflow-handoff__row strong{display:block;margin-bottom:.25rem;color:#042953;font:800 .8rem Manrope,sans-serif;line-height:1.25}
.workflow-handoff__fields{display:flex;flex-wrap:wrap;gap:.2rem .7rem;color:#58738a;font-size:.72rem;line-height:1.3}
.workflow-handoff__fields>span{white-space:nowrap}
.workflow-handoff__fields b{margin-left:.13rem;color:#0d538f;font-weight:800}
.workflow-handoff__connector{width:1px;height:.62rem;margin-left:1.31rem;background:#64afe3}
.workflow-question{display:grid;grid-template-columns:1.5rem minmax(0,1fr);gap:.55rem;align-items:start;padding:.7rem;border:1px solid #bdd7e8;border-radius:.55rem;background:#fff}
.workflow-question>span{display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:.38rem;background:#e4f3ff;color:#0062d6;font-weight:800}
.workflow-question strong{color:#183f61;font-size:.81rem;font-weight:700;line-height:1.38}
.workflow-answer{margin-top:.6rem;padding:.7rem .75rem;border:1px solid #93c7ea;border-radius:.55rem;background:#e7f4fd}
.workflow-answer__label{color:#0062d6;font:800 .62rem Manrope,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.workflow-answer ul{display:grid;gap:.27rem;margin:.4rem 0 .55rem;padding-left:1.05rem;color:#133d5f;font-size:.78rem;line-height:1.38}
.workflow-answer li::marker{color:#0062d6}
.workflow-answer small{display:block;padding-top:.4rem;border-top:1px solid #bcdcf1;color:#4b6982;font-size:.7rem;line-height:1.35}
.workflow-card__benefit{display:flex;align-items:flex-start;gap:.55rem;margin:1.3rem 0 0;padding-top:1rem;border-top:1px solid #dce8f1;color:#0b4f91;font-size:.86rem;font-weight:800;line-height:1.4}
.workflow-card__benefit-icon{display:grid;place-items:center;width:1.2rem;height:1.2rem;flex:none;border-radius:50%;background:#dff1ff;color:#0062d6;font-size:.8rem}
.workflow-benefits__close{display:grid;gap:1.5rem;align-items:center;margin-top:clamp(2.5rem,5vw,4rem);padding:clamp(1.5rem,3vw,2.5rem);border:1px solid #cbdfee;border-radius:1rem;background:linear-gradient(100deg,#f1f8fe,#fff);box-shadow:0 .6rem 2rem #04295308}
.workflow-benefits__close h3{max-width:31rem;margin:0 0 .45rem;color:#042953;font-size:clamp(1.4rem,2.2vw,1.85rem)}
.workflow-benefits__close p{max-width:35rem;margin:0;color:#526d83;font-size:.94rem;line-height:1.55}
.workflow-benefits__close .btn{justify-self:start;text-align:center}
@media (min-width:48rem){.workflow-benefits__intro{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:3rem}.workflow-benefits__close{grid-template-columns:minmax(0,1fr) auto}}
@media (min-width:64rem){.workflow-benefits__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}.workflow-card h3{min-height:4.1rem}.workflow-card__description{min-height:6rem}.workflow-demo{min-height:20.25rem}}
@media (max-width:39.99rem){.workflow-benefits__intro h2{font-size:clamp(2.25rem,9vw,3rem)}.workflow-card{padding:1.2rem}.workflow-demo{min-height:18rem}.workflow-benefits__close .btn{width:100%}}
@keyframes workflow-line{to{transform:scaleX(1)}}
@keyframes workflow-pop{0%{background:#fff;box-shadow:0 0 0 0 #44adfe00}55%{background:#d7efff;box-shadow:0 0 0 .32rem #44adfe2b}100%{background:#fff;box-shadow:0 .2rem .5rem #04295312}}
@keyframes workflow-settle{0%{opacity:.55;transform:translateY(.45rem)}100%{opacity:1;transform:translateY(0)}}
.workflow-card.is-played .workflow-steps::after{animation:workflow-line 1.8s ease .15s both}
.workflow-card.is-played .workflow-steps li:nth-child(1) .workflow-steps__mark{animation:workflow-pop .65s ease .1s}
.workflow-card.is-played .workflow-steps li:nth-child(2) .workflow-steps__mark{animation:workflow-pop .65s ease .7s}
.workflow-card.is-played .workflow-steps li:nth-child(3) .workflow-steps__mark{animation:workflow-pop .65s ease 1.3s}
.workflow-card.is-played .workflow-mini-summary{animation:workflow-settle .7s ease 1.5s both}
.workflow-card.is-played .workflow-handoff__row:nth-of-type(1){animation:workflow-settle .55s ease .1s both}
.workflow-card.is-played .workflow-handoff__row:nth-of-type(3){animation:workflow-settle .55s ease .6s both}
.workflow-card.is-played .workflow-handoff__row:nth-of-type(5){animation:workflow-settle .55s ease 1.1s both}
.workflow-card.is-played .workflow-answer{animation:workflow-settle .75s ease .35s both}
@media (prefers-reduced-motion:reduce){.workflow-benefits *, .workflow-benefits *::before, .workflow-benefits *::after{animation:none!important;transition:none!important}.workflow-steps::after{transform:scaleX(1)}}

/* Three common service-business bottlenecks beneath the homepage hero. */
.workflow-preview{position:relative;padding-block:clamp(3rem,5vw,4.5rem);scroll-margin-top:5.5rem;background:#f6faff}
.workflow-preview::before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#a7d9f6 28%,#d8e9f4 70%,transparent)}
.workflow-preview__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}
.workflow-preview__grid{display:grid;gap:1rem}
.workflow-preview__item{min-width:0;padding:clamp(1.4rem,2.2vw,2rem);background:#fff;border:1px solid #d6e5ef;border-radius:1rem;box-shadow:0 12px 32px rgba(4,41,83,.045)}
.workflow-preview__icon{display:inline-flex;align-items:center;justify-content:center;width:2.9rem;height:2.9rem;margin-bottom:1.25rem;border:1px solid #cfe7fa;border-radius:.75rem;background:#eaf5ff;color:#0062d6;box-shadow:inset 0 1px 0 #fff}
.workflow-preview__icon svg{width:1.55rem;height:1.55rem;overflow:visible}
.workflow-preview__item:nth-child(2) .workflow-preview__icon{background:#eaf2ff}
.workflow-preview__item:nth-child(3) .workflow-preview__icon{background:#eef7fc}
html.scroll-motion-ready .workflow-preview__item:nth-child(2).scroll-reveal{transition-delay:.1s}
html.scroll-motion-ready .workflow-preview__item:nth-child(3).scroll-reveal{transition-delay:.2s}
html.scroll-motion-ready .workflow-preview__item.is-visible .workflow-preview__icon svg{animation:workflow-preview-icon-enter .55s cubic-bezier(.2,.8,.2,1) both}
html.scroll-motion-ready .workflow-preview__item:nth-child(2).is-visible .workflow-preview__icon svg{animation-delay:.1s}
html.scroll-motion-ready .workflow-preview__item:nth-child(3).is-visible .workflow-preview__icon svg{animation-delay:.2s}
@keyframes workflow-preview-icon-enter{from{opacity:.2;transform:translateY(.35rem) scale(.86)}to{opacity:1;transform:none}}
.workflow-preview__item h3{margin:0 0 .65rem;color:#042953;font-size:clamp(1.18rem,1.55vw,1.4rem);line-height:1.25;letter-spacing:-.035em}
.workflow-preview__item p{margin:0;color:#48657b;font-size:.97rem;line-height:1.6}
.workflow-preview__cta{display:flex;align-items:center;justify-content:space-between;gap:1rem 2rem;margin-top:clamp(1.75rem,3vw,2.5rem)}
.workflow-preview__cta p{margin:0;color:#042953;font-size:clamp(1.2rem,2vw,1.65rem);font-weight:800;line-height:1.25;letter-spacing:-.035em}
.workflow-preview__cta .btn{flex-shrink:0}
.workflow-preview__cta .btn:focus-visible{outline:3px solid #44adfe;outline-offset:4px}
@media (max-width:39.99rem){.workflow-preview__cta{align-items:stretch;flex-direction:column}.workflow-preview__cta .btn{width:100%}}
@media (min-width:48rem){.workflow-preview__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (prefers-reduced-motion:reduce){html.scroll-motion-ready .workflow-preview__item.scroll-reveal{transition-delay:0s}html.scroll-motion-ready .workflow-preview__item.is-visible .workflow-preview__icon svg{animation:none}}
