.app-screen{margin:0;width:210px;max-width:100%;min-width:0;flex:none;text-align:center}.app-screen>a{display:block;background:#484573;border:5px solid #282544;border-radius:22px;overflow:hidden;line-height:0;box-shadow:0 14px 32px #25233f20;transition:transform .2s}.app-screen>a:hover{transform:translateY(-4px)}.app-screen img{width:100%;height:auto;display:block}.app-screen figcaption{font-size:14px;font-weight:700;line-height:1.7;margin-top:14px}.app-screen figcaption span{display:block;font-size:12px;font-weight:400;opacity:.7}.screen-pair{display:flex;align-items:center;justify-content:center;gap:22px;padding:35px 22px;border-radius:18px;min-width:0}.screen-pair .app-screen{width:calc(50% - 11px)}.screen-pair .app-screen:nth-child(2){padding-top:55px}.hero-visual{min-height:630px;align-items:center;gap:0;isolation:isolate}.hero-home{width:230px;position:absolute;left:22px;top:76px;transform:rotate(-7deg);z-index:1}.hero-home figcaption{display:none}.hero-card{width:265px;margin-left:auto;margin-right:13px;transform:rotate(7deg) translateY(32px);z-index:2}.hero-visual .visual-note{left:18px;bottom:36px;z-index:3}.hero-visual .image-caption{font-size:12px;bottom:8px}.card-screen-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:70px;align-items:center}.card-screen-layout>.app-screen{width:250px}.card-screen-copy>p:not(.eyebrow){color:#e0d8f5;line-height:2;margin-top:20px}.card-screen-layout .card-facts{grid-template-columns:1fr;gap:16px;margin-block:25px;padding-block:20px}.card-screen-layout .card-facts>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:0 20px}.card-screen-layout .card-facts>div+div{border:0;padding:0}.card-screen-layout .card-facts span{grid-row:span 2;padding-top:8px}.card-screen-layout .card-facts strong{margin:0}.card-screen-layout .card-facts p{margin-top:5px}.operations-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:0 0 40px}.operations-gallery .app-screen{width:100%;max-width:220px;justify-self:center}.real-cover{padding:0;overflow:hidden;height:260px;background:#e3dff0;position:relative;align-items:center}.real-cover img{width:180px;max-width:85%;height:auto;display:block;margin:20px auto 0;box-shadow:0 5px 20px #28254425;border:3px solid #484573;border-radius:12px}.compare-strip{gap:40px}.compare-strip>.app-screen{width:170px}.compare-strip>div{flex:1}.compare-strip>.button{max-width:240px}.demo-with-screen{display:grid;grid-template-columns:205px minmax(0,1fr);gap:65px;align-items:center;text-align:left;padding:44px 65px}.demo-with-screen>.app-screen{width:205px}.demo-copy>.button{margin-top:25px}.demo-copy>.fine{color:#bbb3d0;margin-top:20px}.demo-copy>p:not(.eyebrow):not(.fine){color:#d7d0ea;margin-top:18px}.demo-with-screen .app-screen figcaption{font-size:12px;color:#d7d0ea}.demo-with-screen .app-screen figcaption span{display:none}
@media(max-width:1000px){.hero-home{width:195px;left:10px}.hero-card{width:225px;margin-right:2px}.hero-visual{min-height:585px}.screen-pair{padding:24px 16px;gap:14px}.screen-pair .app-screen{width:calc(50% - 7px)}.card-screen-layout{gap:35px}.operations-gallery{gap:18px}.compare-strip{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:25px}.compare-strip>.app-screen{width:150px;grid-row:span 2}.compare-strip>.button{margin:0;justify-self:start}.demo-with-screen{gap:35px;padding:35px}}
@media(max-width:640px){.hero-visual{min-height:510px}.hero-home{width:185px;left:calc(50% - 145px);top:45px}.hero-card{width:200px;margin-right:calc(50% - 145px);transform:rotate(7deg) translateY(35px)}.hero-visual .visual-note{left:12px;bottom:28px}.hero-visual .image-caption{font-size:10px;right:12px;bottom:7px}.screen-pair{padding:25px 18px;gap:16px}.screen-pair .app-screen{width:calc(50% - 8px)}.screen-pair .app-screen:nth-child(2){padding-top:28px}.app-screen>a{border-width:4px;border-radius:17px}.app-screen figcaption{font-size:13px;margin-top:10px}.second-feature .screen-pair{order:0}.card-screen-layout{grid-template-columns:1fr;gap:35px}.card-screen-layout>.app-screen{width:245px;justify-self:center}.card-screen-layout .card-facts>div{grid-template-columns:92px 1fr;gap:0 12px}.card-screen-layout .card-facts strong{font-size:17px}.operations-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 18px}.real-cover{height:160px}.real-cover img{width:90px;max-width:90%;margin-top:10px;border-width:2px}.compare-strip{grid-template-columns:110px minmax(0,1fr);gap:24px 20px}.compare-strip>.app-screen{width:110px;grid-row:auto}.compare-strip h2{font-size:25px}.compare-strip>.button{grid-column:1/-1;justify-self:center;max-width:none}.compare-strip .eyebrow{font-size:11px}.compare-strip>.app-screen figcaption span{display:none}.demo-with-screen{grid-template-columns:1fr;gap:25px;padding:30px 23px;text-align:center}.demo-with-screen>.app-screen{width:175px;justify-self:center;order:2}.demo-copy>p:not(.eyebrow):not(.fine){font-size:14px}.hero-home .app-screen{width:100%}}
@media(prefers-reduced-motion:reduce){.app-screen>a{transition:none}}