.explainer-section{padding:var(--home-section-space,88px) var(--home-gutter,7%);background:#fff}.explainer-section__inner{grid-template-columns:minmax(240px,.8fr) minmax(0,1.6fr);align-items:center;gap:64px;max-width:1280px;margin-inline:auto;display:grid}.explainer-section__heading{min-width:0}.explainer-section__heading>span{color:#71839e;letter-spacing:1.5px;margin-bottom:24px;font-size:10px;font-weight:600;display:block}.explainer-section__heading h2>span{display:block}.explainer-video{width:100%;min-width:0}.explainer-video__frame{aspect-ratio:16/9;background:#12284b;border:1px solid #243e66;border-radius:20px;transition:border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 18px 54px #10264e1f}.explainer-video video{object-fit:contain;width:100%;height:100%;transition:transform .5s;display:block}.explainer-video__frame[data-playing=false]:is(:hover,:focus-within){border-color:#638dca;box-shadow:0 18px 54px #10264e2b}.explainer-video__frame[data-playing=false]:is(:hover,:focus-within) video{transform:scale(1.015)}.explainer-video video:focus-visible{outline-offset:-4px;outline:3px solid #6b88ff}.explainer-video__play{color:#fff;font:inherit;cursor:pointer;background:linear-gradient(#0000 70%,#07193224);border:0;justify-content:center;align-items:flex-end;padding:5%;display:flex;position:absolute;inset:0}.explainer-video__play:focus-visible{outline-offset:-5px;border-radius:inherit;outline:3px solid #6b88ff}.explainer-video__play-label{isolation:isolate;white-space:nowrap;color:#142e55;background:#fff;border:1px solid #fff;border-radius:999px;flex-shrink:0;align-items:center;gap:12px;padding:9px 22px 9px 10px;font-size:15px;font-weight:600;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex;position:relative;box-shadow:0 6px 24px #081a3e45}.explainer-video__play-label:before,.explainer-video__play-label:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:0;border:1px solid #c5dcff;animation:3.2s ease-out infinite explainer-play-ripple;position:absolute;inset:-5px}.explainer-video__play-label:after{animation-delay:1.6s}.explainer-video__play-icon{background:var(--alignr-blue);color:#fff;border-radius:50%;flex:0 0 38px;place-items:center;height:38px;display:grid}.explainer-video__play-icon svg{margin-left:2px;animation:3.2s ease-in-out infinite explainer-play-nudge}.explainer-video__duration{font-variant-numeric:tabular-nums;opacity:.85;border-left:1px solid #142e5529;padding-left:12px;font-size:12px}.explainer-video__play:is(:hover,:focus-visible) .explainer-video__play-label{background:#edf3ff;transform:translateY(-3px)scale(1.025);box-shadow:0 10px 30px #081a3e66}.explainer-video__play:active .explainer-video__play-label{transform:scale(.98)}@keyframes explainer-play-ripple{0%{opacity:.35;transform:scale(.98)}80%,to{opacity:0;transform:scale(1.12,1.5)}}@keyframes explainer-play-nudge{0%,65%,to{transform:translate(0)scale(1)}75%{transform:translate(2px)scale(1.12)}85%{transform:translate(0)scale(1)}}.explainer-video__error{color:#65768f;margin-top:12px;font-size:14px;line-height:1.6}.explainer-video__error a{color:var(--alignr-blue);text-underline-offset:3px;text-decoration:underline}@media (max-width:900px){.explainer-section__inner{grid-template-columns:1fr;gap:28px;max-width:720px}.explainer-section__heading h2>span{display:inline}}@media (max-width:720px){.explainer-section__heading>span{margin-bottom:18px;font-size:9px}.explainer-video__frame{border-radius:14px}.explainer-video__play{padding:3.5%}.explainer-video__play-label{gap:9px;padding:7px 14px 7px 8px;font-size:12px}.explainer-video__play-icon{flex-basis:30px;height:30px}.explainer-video__play-label svg{width:16px;height:16px}.explainer-video__duration{padding-left:9px;font-size:11px}}@media (prefers-reduced-motion:reduce){.explainer-video__frame,.explainer-video video,.explainer-video__play-label{transition:none}.explainer-video__play-label:before,.explainer-video__play-label:after,.explainer-video__play-icon svg{animation:none}.explainer-video__frame[data-playing=false]:is(:hover,:focus-within) video,.explainer-video__play:is(:hover,:focus-visible,:active) .explainer-video__play-label{transform:none}}