.hero{display:block;padding-top:18px;background:#f4f9fb}.hero-intro{position:relative;isolation:isolate;display:grid;grid-template-columns:.88fr 1.12fr;min-height:540px;align-items:center;margin-inline:-2%;padding-inline:2%}.hero:before{display:none}.hero-background{position:absolute;inset:0;z-index:-1;overflow:hidden;border-radius:22px;pointer-events:none}.hero-background video{width:100%;height:100%;object-fit:cover;object-position:center}.hero-copy{position:relative;max-width:480px;padding-block:45px}.hero-copy>p{max-width:440px}.hero-video-space{height:510px;pointer-events:none}.hero .workflow-showcase{max-width:980px;margin:22px auto 0}.workflow-tabs{grid-template-columns:1.3fr .75fr 1fr .65fr 1fr .75fr}
.provider-grid article.custom-app-card{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:linear-gradient(135deg,#ffffffeb,#eaf5fae0);border-color:#b9d6dc}.custom-app-card .card-number{float:none;display:block}.custom-app-card h3{line-height:1.2}.app-examples{display:grid;grid-template-columns:1fr 1fr;gap:14px}.app-examples>div{border:1px solid #c7dfe4;border-radius:12px;background:#ffffffb8;padding:21px 18px}.app-examples h4{font-size:17px;line-height:1.35;color:#24586b;font-weight:600;margin:0 0 10px}.app-examples p{font-size:14px;line-height:1.6;margin:0}.custom-app-card .text-link{margin-top:22px;display:inline-flex;gap:20px}
@media(max-width:1100px) and (min-width:851px){.hero-intro{min-height:510px}.hero-background video{object-position:62% center}.hero-copy{max-width:370px}.hero h1{font-size:46px}.hero-copy>p{font-size:16px}.hero-video-space{height:480px}}
@media(max-width:850px){.hero-intro{display:flex;flex-direction:column;align-items:stretch;padding:0;margin:0}.hero-copy{max-width:none;padding:24px 0 0}.hero-copy>p{max-width:640px}.hero-background{inset:auto 0 0;height:310px}.hero-background video{object-position:right center}.hero-video-space{height:310px}.hero .workflow-showcase{margin-top:12px}.provider-grid article.custom-app-card{gap:25px;grid-template-columns:1fr}.custom-app-card h3{font-size:29px}}
@media(max-width:500px){.hero-background,.hero-video-space{height:255px}.hero-background{margin-inline:-5px}.hero .workflow-showcase{margin-top:12px}.hero .workflow-tabs{grid-template-columns:repeat(3,1fr)}.hero .workflow-tabs button,.hero .workflow-tabs button:nth-last-child(-n+2){grid-column:auto}.app-examples{grid-template-columns:1fr}.app-examples>div{padding:18px}.hero-copy .hero-note{gap:12px;font-size:9px}}
@media(max-width:500px){.hero-background video{transform:scale(1.4);transform-origin:right center}}