.vision-hero{min-height:850px;padding-bottom:0;background:#f5f6fa}
.vision-hero .hero-grid{min-height:715px;grid-template-columns:1fr 1fr}
.vision-hero .hero-copy{grid-column:2;width:130%;margin-left:-50px;padding:0 0 70px clamp(45px,3.2vw,70px)}
.vision-hero .hero-copy p{max-width:702px}
.vision-hero-image{position:absolute;left:calc(50% - 50vw + 100px);top:0;bottom:0;width:50vw;z-index:1}
.vision-hero-image img{position:absolute;left:0;bottom:0;display:block;width:120%;height:120%;object-fit:contain;object-position:left bottom}
.vision-process-section{background:#fff}
.vision-process-section h2,.vision-use-section h2{max-width:850px;margin:20px 0 55px}
.vision-process-list{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none}
.vision-process-list li{min-height:250px;padding:0 28px 30px}
.vision-process-list li:nth-child(n+4){padding-top:38px}
.vision-process-list>li>span{display:grid;width:46px;height:46px;margin-bottom:28px;place-items:center;border-radius:15px;background:#ebe9ff;color:var(--purple);font-size:13px;font-weight:700}
.vision-process-list h3{margin:0 0 23px;font-family:Georgia,'Times New Roman',serif;font-size:29px;font-weight:400;line-height:1.15}
.vision-process-list p{margin:0;color:var(--muted);font-size:16px;line-height:1.55}
.cases-section{background:#f0eff5;color:#222139}
.vision-case-card{grid-column:1/-1;width:721px;max-width:100%;padding:22px}
.vision-case-card:after{content:"4,5 тыс. ₽/мес. за 1 «точку»"}
.vision-case-card .case-logos img{height:38px}
.vision-case-image{width:675px;max-width:100%;margin:30px auto 0}
.vision-case-image img{display:block;width:675px;max-width:100%;height:auto;border-radius:20px;box-shadow:0 18px 45px #25204318}
.vision-case-image figcaption{margin-top:12px;color:var(--muted);font-size:13px;text-align:center}
.vision-use-section{background:#f0eff5}
.vision-use-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0;padding:0;list-style:none}
.vision-use-list li{min-height:180px;padding:28px;border:1px solid #e3e0ed;border-radius:17px;background:#fff}
.vision-use-list strong{display:block;margin-bottom:15px;font-family:Georgia,'Times New Roman',serif;font-size:25px;font-weight:400}
.vision-use-list span{color:var(--muted);font-size:16px;line-height:1.55}
@media(max-width:900px){.vision-hero .hero-grid{display:flex;min-height:0;flex-direction:column;gap:28px}.vision-hero .hero-copy{order:1;width:100%;max-width:none;margin-left:0;padding:15px 0 0}.vision-hero .hero-copy p{max-width:702px}.vision-hero-image{position:relative;order:2;left:auto;top:auto;bottom:auto;width:min(680px,100%);margin:0 auto}.vision-hero-image img{position:static;width:100%;height:auto}.vision-process-list,.vision-use-list{grid-template-columns:repeat(2,1fr)}.vision-process-list li:nth-child(n+3){padding-top:38px}}
@media(max-width:750px){.vision-hero{padding-bottom:0}.vision-hero .hero-copy{padding:0 0 20px}.vision-hero-image{width:130%;margin-left:-15%}.vision-process-list,.vision-use-list{grid-template-columns:1fr}.vision-process-list li{min-height:0;padding:28px 0}.vision-process-list li:nth-child(n+3){padding-top:28px}.vision-process-list>li>span{margin-bottom:20px}.vision-process-list h3{margin-bottom:14px}.vision-use-list li{min-height:0}.vision-case-card{width:100%;max-width:100%}}