.page-hero>.wrap{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px}
.hero-visual{width:100%;max-width:490px;margin:0;justify-self:end;min-width:0}
.hero-visual-frame{height:248px;border-radius:8px;overflow:hidden;background:#fff;border:1px solid #d2deec;box-shadow:0 8px 22px #1839580a}
.hero-visual img{display:block;width:100%;height:100%;object-fit:cover}
.hero-visual.diagram img{object-fit:contain}
.hero-visual.photo img{object-position:85% center}
.hero-visual.phones img{width:145%;max-width:none;object-position:right center;transform:translateX(-30%)}
.hero-visual.desk img{width:125%;max-width:none;object-position:right 30%;transform:translateX(-20%)}
.hero-visual.screen .hero-visual-frame{position:relative;border-top:12px solid #d9e4f0}
.hero-visual.screen img{position:absolute;width:180%;max-width:none;height:auto;left:-24%;top:-48px}
.hero-visual figcaption{margin-top:10px;font-size:12px;line-height:1.65;color:#5e738a}
.hero-visual figcaption span{display:block;color:#7a899a;font-size:11px;margin-top:2px}
@media(max-width:1000px){.page-hero>.wrap{gap:30px}.hero-visual-frame{height:220px}.hero-visual.screen img{top:-32px}}
@media(max-width:800px){.page-hero>.wrap{grid-template-columns:1fr;gap:24px}.hero-visual{max-width:490px;justify-self:start}.hero-visual-frame{height:230px}.hero-visual.screen img{top:-45px}}
@media(max-width:520px){.hero-visual-frame{height:185px}.hero-visual.screen img{top:-27px}.hero-visual figcaption{font-size:11px}}