
.itop-about{max-width:1080px;margin:0 auto;color:#20262d;font-family:inherit;font-size:16px;line-height:1.7;text-align:left;overflow-wrap:break-word}
.itop-about,.itop-about *{box-sizing:border-box}
.itop-about .itop-about__section{margin:0 0 40px}
.itop-about h2{margin:0 0 16px;color:#182027;font-size:clamp(23px,2.5vw,30px);font-weight:700;line-height:1.3}
.itop-about h3{margin:0 0 9px;color:#182027;font-size:19px;font-weight:700;line-height:1.35}
.itop-about p{margin:0 0 14px}
.itop-about .itop-about__intro{max-width:78ch;font-size:17px}
.itop-about .itop-about__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.itop-about .itop-about__grid--equipment{grid-template-columns:repeat(2,minmax(0,1fr))}
.itop-about .itop-about__card{min-width:0;padding:22px;border:1px solid #dce1e5;border-radius:8px;background:#f7f8fa}
.itop-about .itop-about__card p:last-child{margin-bottom:0}
.itop-about a{color:#745200;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.itop-about a:hover{color:#302200;text-decoration-thickness:2px}
.itop-about a:focus-visible{outline:3px solid #9b7100;outline-offset:4px;border-radius:3px}
.itop-about .itop-about__link-card{display:block;min-width:0;padding:22px;border:1px solid #dce1e5;border-radius:8px;background:#fff;color:#20262d;text-decoration:none}
.itop-about .itop-about__link-card h3{text-decoration:underline;text-decoration-color:#9b7100;text-underline-offset:4px;text-decoration-thickness:1px}
.itop-about .itop-about__link-card:hover{border-color:#9b7100;background:#fffcf2;color:#20262d}
.itop-about .itop-about__link-card:hover h3{text-decoration-thickness:2px}
.itop-about .itop-about__link-card p{margin-bottom:0}
.itop-about .itop-about__steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0;padding:0;list-style:none;counter-reset:itop-about-step}
.itop-about .itop-about__steps li{min-width:0;margin:0;padding:22px;border:1px solid #dce1e5;border-radius:8px;counter-increment:itop-about-step}
.itop-about .itop-about__steps h3:before{content:counter(itop-about-step) ". ";color:#745200}
.itop-about .itop-about__steps p{margin-bottom:0}
.itop-about .itop-about__scope{padding:18px 20px;border-left:4px solid #e8bc13;background:#fff9e5}
.itop-about .itop-about__contact{margin-top:16px}
.itop-about a.itop-about__button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:3px;padding:11px 20px;border:1px solid #e8bc13;border-radius:5px;background:#e8bc13;color:#182027;font-weight:700;line-height:1.4;text-align:center;text-decoration:none}
.itop-about a.itop-about__button:hover{border-color:#cfa80d;background:#f2cd35;color:#182027}
.itop-about .itop-about__anchor{height:1px;margin:0;padding:0;font-size:0;line-height:0;overflow:hidden;scroll-margin-top:110px}
.itop-about .itop-about__intro-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:26px;align-items:start}.itop-about .itop-about__photo img{display:block;width:100%;height:auto;border-radius:8px}.itop-about .itop-about__caption{margin-top:10px;color:#59616b;font-size:13px;line-height:1.5}@media(max-width:680px){.itop-about .itop-about__intro-layout{grid-template-columns:minmax(0,1fr);gap:18px}.itop-about{font-size:16px}.itop-about .itop-about__section{margin-bottom:30px}.itop-about .itop-about__grid,.itop-about .itop-about__grid--equipment,.itop-about .itop-about__steps{grid-template-columns:minmax(0,1fr);gap:12px}.itop-about .itop-about__card,.itop-about .itop-about__link-card,.itop-about .itop-about__steps li{padding:19px}.itop-about a.itop-about__button{width:100%}}
