.modern-about{padding:76px 0;background:transparent}
.modern-about__grid{display:grid;grid-template-columns:1fr 1.12fr;gap:44px;align-items:center}
.modern-about__eyebrow{display:block;color:var(--tg-theme-primary);font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;margin-bottom:16px}
.modern-about h2{font-family:var(--tg-heading-font-family);font-size:clamp(40px,4.5vw,64px);line-height:1.12;color:var(--tg-heading-color);margin:0 0 20px}
.modern-about h2 span{background:none!important;color:inherit!important}
.modern-about__description{font-size:17px;line-height:1.75;color:var(--tg-body-color);max-width:500px}
.modern-about__button{display:inline-flex;align-items:center;gap:20px;margin-top:18px;padding:15px 26px;border-radius:30px;border:1px solid var(--tg-theme-primary);background:transparent;color:var(--tg-theme-primary);font-weight:600;font-size:15px}
.modern-about__button:hover{background:transparent;color:var(--tg-heading-color)}
.modern-about__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}
.modern-about__stats strong{display:block;color:var(--tg-heading-color);font-size:24px}.modern-about__stats span{font-size:12px;color:var(--tg-body-color)}
.modern-about__visual{position:relative;min-width:0;background:transparent;border-radius:32px}.modern-about__visual>img{width:100%;height:580px;object-fit:contain;object-position:center bottom;border-radius:0}
.modern-about__benefits{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin:18px 0 0;padding:0 20px;list-style:none;background:transparent;border:0;border-radius:0;box-shadow:none;max-width:none}
.modern-about__benefits li{display:flex;gap:10px;align-items:center;margin-bottom:0;font-size:15px;font-weight:600;color:var(--tg-heading-color)}.modern-about__benefits li:last-child{margin-bottom:0}.modern-about__benefits li span{background:transparent;color:var(--tg-theme-primary);border-radius:0;width:22px;height:22px;text-align:center;font-size:20px;flex-shrink:0}
@media(max-width:991px){.modern-about__grid{gap:30px}.modern-about__visual>img{height:500px}.modern-about__stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.modern-about{padding:44px 0}.modern-about__grid{grid-template-columns:1fr}.modern-about__visual>img{height:auto;max-height:540px}.modern-about__benefits{padding:0;gap:14px}.modern-about__benefits li{font-size:14px}}

.modern-about__button:hover{background:transparent;border-color:var(--tg-heading-color)}