.solution-detail{background:#fff}.solution-detail *{box-sizing:border-box}.solution-detail .detail-grid>*{min-width:0}.solution-detail .detail-cta:hover{background:#1b4fd6!important}.solution-detail .detail-cta:focus-visible{outline-offset:5px;outline:3px solid #7fa6ff}.solution-detail .solution-screenshot{border-radius:10px;width:100%;min-width:0;height:auto;display:block}.solution-detail .mobile-shot-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.solution-detail .mobile-shot{min-width:0}.solution-detail .mobile-shot-frame{aspect-ratio:945/2048;background:#f5f7fb;border:1px solid #ffffff29;border-radius:18px;overflow:hidden;box-shadow:0 24px 55px -24px #000000a6}.solution-detail .mobile-shot-frame .solution-screenshot{object-fit:cover;border-radius:0;width:100%;height:100%}.solution-detail .mobile-shot figcaption{flex-direction:column;gap:6px;padding-top:18px;display:flex}.solution-detail .mobile-shot figcaption strong{color:#fff;font-size:16px}.solution-detail .mobile-shot figcaption span{color:#a9b6c9;font-size:13px;line-height:1.65}@media (max-width:1023px){.solution-detail>section{padding:72px 0!important}.solution-detail>section>div{padding-left:24px!important;padding-right:24px!important}.solution-detail .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}.solution-detail>section>.detail-grid,.solution-detail section[data-screen-label=Problem] .detail-grid,.solution-detail section[data-screen-label=Setup]>div>.detail-grid{grid-template-columns:minmax(0,1fr)!important;gap:40px!important}.solution-detail .mobile-shot-grid{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:18px;margin-right:-24px;padding-bottom:18px;padding-right:24px;display:flex;overflow-x:auto}.solution-detail .mobile-shot{scroll-snap-align:start;flex:0 0 260px}}@media (max-width:639px){.solution-detail>section{padding:56px 0!important}.solution-detail>section>div{padding-left:20px!important;padding-right:20px!important}.solution-detail h1{font-size:38px!important}.solution-detail h2{font-size:28px!important}.solution-detail .detail-grid{grid-template-columns:minmax(0,1fr)!important}.solution-detail section[data-screen-label=Users] .detail-grid>div{border-left:0!important;padding:24px 0!important}.solution-detail .detail-cta{text-align:center;width:100%}.solution-detail .mobile-shot-grid{margin-right:-20px;padding-right:20px}.solution-detail .mobile-shot{flex-basis:min(72vw,270px)}}