.gallery{display:flex;flex-direction:column;gap:56px;padding:80px calc(var(--edge) - 20px) 120px}.pcard{position:relative;height:560px;container-type:inline-size;border:1px solid var(--border-secondary);border-radius:24px;background:linear-gradient(180deg,#0f172a 0%,var(--grad-card-2) 38%,var(--grad-card-3) 62%,var(--bg-primary) 76%);transition:translate .5s var(--ease-out),box-shadow .5s var(--ease-out),opacity .9s var(--ease-out) var(--d, 0ms),scale .9s var(--ease-out) var(--d, 0ms)}.pcard.is-in:hover{translate:0 -8px;box-shadow:0 30px 60px rgba(var(--shadow-ink),.16);transition-delay:0ms}.pcard.is-in:hover:after{content:"";position:absolute;inset:0 0 -9px;z-index:-1}.pcard .dot{position:absolute;left:24px;top:24px;width:14px;height:14px}.pcard h3{position:absolute;left:27px;top:429px;font-size:min(20px,(100cqi - 40px) / 13.85);white-space:nowrap}.pcard p{position:absolute;left:27px;top:463px;width:calc(100% - 54px);color:var(--text-tertiary);font:var(--weight-regular) 14px/20px var(--font-body);letter-spacing:-.01em}.pcard__stage{position:absolute;left:-1px;top:-1px;width:calc(100% + 2px);height:400px;overflow:hidden;border-radius:24px 24px 0 0}.pstage__mock{position:absolute;left:calc(100% - 302px);top:72px;width:522px;filter:drop-shadow(0 30px 40px rgba(var(--shadow-ink),.28));transition:translate .8s var(--ease-out)}.pstage__mock--browser{width:520px}.pcard:hover .pstage__mock{translate:-10px -8px}.pstage__phone{position:absolute;left:calc(50% - 106px);top:88px;width:212px;filter:drop-shadow(0 30px 40px rgba(var(--shadow-ink),.3));transition:translate .8s var(--ease-out)}.pcard:hover .pstage__phone{translate:0 -14px}.pstage__w{position:absolute;left:calc(50% - 126px);width:252px;filter:drop-shadow(0 24px 34px rgba(var(--shadow-ink),.28));transition:translate .8s var(--ease-out)}.pstage__w--top{top:47.88px}.pstage__w--bottom{top:263.62px}.pcard:hover .pstage__w--top{translate:0 -8px}.pcard:hover .pstage__w--bottom{translate:0 6px}.banner{display:flex;align-items:center;justify-content:space-between;height:112px;padding:0 36px 0 40px;border-radius:24px;background:var(--bg-brand)}.banner__title{color:var(--text-white);font:var(--weight-semibold) 36px/54px var(--font-display);letter-spacing:-.03em}.banner .btn:focus-visible{outline-color:var(--white)}@media(max-width:1279px){.gallery{gap:40px;padding:72px var(--edge)}.gallery h2{align-self:stretch;font-size:48px;line-height:49px}.gallery .cards{grid-template-columns:repeat(2,min(338px + var(--tab) * .4609,(var(--content) - 16px) / 2));justify-content:center}.banner{padding:0 calc(36px + var(--tab) * .043) 0 calc(40px + var(--tab) * .0508)}}@media(max-width:767px){.gallery{padding:56px var(--edge)}.gallery h2{font-size:30px;line-height:31px}.gallery .btn-row{flex-direction:column;align-self:stretch}.gallery .cards{grid-template-columns:min(100% - 5px,456px)}.banner{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;height:auto;padding:24px}.banner__title{font-size:30px;line-height:38px}.banner .btn{align-self:stretch}}