.webapp-promo-video{padding:clamp(32px,5vw,64px) 0;background:#eef3f9}.webapp-promo-video-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,56px);align-items:center}.webapp-promo-video-copy h2{margin:.35em 0}.webapp-promo-video-copy p{max-width:42ch}.webapp-promo-video-language{font-size:.9rem;color:#536879}.webapp-promo-video-link{font-weight:700;color:#173b68}.webapp-promo-video video{display:block;width:100%;aspect-ratio:16/9;background:#071e3d;border-radius:14px;box-shadow:0 14px 35px rgba(4,27,55,.15)}@media(max-width:700px){.webapp-promo-video-grid{grid-template-columns:1fr;gap:20px}.webapp-promo-video{padding:32px 0}}
@media(max-width:700px){.webapp-promo-video video{grid-row:1}.home-page main{display:flex;flex-direction:column}.home-page main> *{order:2}.home-page main>.webapp-promo-video{order:0}.home-page main>.home-intro{order:1}}
@media(max-width:700px){.webapp-promo-video-grid{row-gap:14px}.webapp-promo-video-copy{display:contents}.webapp-promo-video-copy .eyebrow{order:0}.webapp-promo-video-copy h2{order:1;margin:0}.webapp-promo-video video{grid-row:auto;order:3}.webapp-promo-video-copy p:not(.eyebrow){order:2;margin:0}.webapp-promo-video-copy .webapp-promo-video-language{order:4}.webapp-promo-video-link{order:5;justify-self:start}}

.webapp-promo-video-grid .webapp-video-preview{position:relative;display:block;overflow:hidden;width:100%;aspect-ratio:16/9;border-radius:14px;background:#071e3d;box-shadow:0 14px 35px rgba(4,27,55,.15);isolation:isolate}.webapp-video-preview img{display:block;width:100%;height:100%;object-fit:cover;animation:webapp-video-drift 8s ease-in-out infinite alternate}.webapp-video-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 42%,rgba(4,18,38,.75))}.webapp-video-preview .webapp-video-play{position:absolute;z-index:1;left:50%;top:50%;display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#ff712c;box-shadow:0 0 0 9px rgba(255,113,44,.25);transform:translate(-50%,-50%);animation:webapp-video-pulse 2.6s ease-in-out infinite}.webapp-video-play svg{width:32px;height:32px;fill:white;margin-left:4px}.webapp-video-preview-label{position:absolute;z-index:1;left:20px;bottom:15px;color:#fff;font-weight:700}.webapp-video-preview:focus-visible{outline:3px solid #ff712c;outline-offset:4px}.webapp-video-dialog{width:min(960px,calc(100% - 32px));max-width:none;max-height:calc(100% - 32px);padding:16px;border:0;border-radius:14px;background:#102744;color:white;box-shadow:0 20px 70px rgba(0,0,0,.4)}.webapp-video-dialog::backdrop{background:rgba(3,16,34,.8)}.webapp-video-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.webapp-video-dialog-header h2{margin:0;font-size:clamp(1rem,2vw,1.3rem);color:white}.webapp-video-dialog-header .webapp-video-close{flex:none;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #91a4b9;border-radius:8px;background:transparent;color:white;font-size:30px;line-height:1;cursor:pointer}.webapp-video-dialog video{display:block;width:100%;max-height:calc(100vh - 130px);aspect-ratio:16/9;background:#000;border-radius:8px}@keyframes webapp-video-drift{to{transform:scale(1.045)}}@keyframes webapp-video-pulse{50%{box-shadow:0 0 0 15px rgba(255,113,44,.1)}}@media(max-width:700px){.webapp-promo-video-grid .webapp-video-preview{order:3;grid-row:auto}}@media(prefers-reduced-motion:reduce){.webapp-video-preview img,.webapp-video-preview .webapp-video-play{animation:none}}

.webapp-promo-video .webapp-video-preview .webapp-video-loop{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;border-radius:0;box-shadow:none}.webapp-video-preview .webapp-video-loop.preview-loop-active{opacity:1}@media(prefers-reduced-motion:reduce){.webapp-promo-video .webapp-video-preview .webapp-video-loop{display:none}}

@media(max-width:700px){.home-page .webapp-promo-video-copy h2{width:100%;max-width:none;font-size:clamp(30px,8.72vw,34px);line-height:1.14;letter-spacing:-.6px;text-wrap:balance}}

body .webapp-promo-video-grid a.webapp-video-preview[href],body .webapp-promo-video-grid a.webapp-video-preview[href]:hover{display:block;padding:0;margin:0;border:0;background:#071e3d}