/* About: desktop editorial layout. Shared brand and contact controls stay in the site shell. */
.page.about-page{--about-ink:#142541;--about-muted:#65748a;--about-blue:#164bb5;max-width:1440px;min-height:0;padding:26px 34px 60px;color:var(--about-ink)}
.about-hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:54px;padding:0 0 44px}
.about-introduction{min-width:0;padding:12px 0}
.about-page .about-name{color:var(--about-blue);font-size:19px;font-weight:700;margin:0 0 20px;overflow-wrap:anywhere}
.about-page h1{font-size:clamp(40px,3.55vw,52px);line-height:1.3;letter-spacing:-1.4px;max-width:12em;margin:0 0 24px;text-wrap:balance;overflow-wrap:anywhere}
.about-heading-continuation{display:block}
.about-description{max-width:580px}
.about-page .about-description p{font-size:17px;line-height:1.9;margin:0 0 14px;color:var(--about-muted);overflow-wrap:anywhere}
.about-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
.about-page .about-actions .button{min-height:48px;padding:12px 24px;gap:16px;font-size:15px;font-weight:600;border-radius:6px;transition:background .18s,border-color .18s,color .18s}
.about-page .about-actions .button:not(.primary){color:var(--about-blue);border-color:#aabbdc}
.about-page .about-actions .button:not(.primary):hover{background:#f0f5ff;border-color:var(--about-blue)}
.about-connection{position:relative;aspect-ratio:600/390;min-height:330px;background:#12356c;border:1px solid #12356c;border-radius:16px;overflow:hidden;color:#fff;isolation:isolate}
.about-connection-lines{position:absolute;inset:0;width:100%;height:100%;stroke:#638cce;stroke-width:1.1}
.about-connection-lines circle{fill:#fff;stroke:#72a2ff;stroke-width:3}
.about-origin,.about-destination{position:absolute;font-size:clamp(23px,2vw,30px);font-weight:700;line-height:1.3;letter-spacing:1px}
.about-origin{left:5%;top:75%}.about-destination{left:79%;top:13%}
.about-market-names{position:absolute;top:38%;left:65%;right:6%;display:grid;gap:16px;font:400 17px/1.4 Arial,sans-serif}
.about-market-names span{display:flex;align-items:center;gap:12px;white-space:nowrap}
.about-market-names span:after{content:"";height:1px;background:#6485bc;flex:1;min-width:12px}
.about-page .about-connection-caption{position:absolute;right:6%;bottom:10%;margin:0;color:#fff;font-size:16px;line-height:1.5;font-weight:600}
.about-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:24px 0;border-block:1px solid #dfe5ef;text-align:center}
.about-facts>div{padding:0 24px;border-left:1px solid #dfe5ef}.about-facts>div:first-child{border-left:0}
.about-facts dt{font-size:13px;color:var(--about-muted);margin-bottom:10px}.about-facts dd{margin:0;font-size:18px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}
.about-resources{padding:54px 0 58px}
.about-section-heading{text-align:center;margin-bottom:36px}
.about-page h2{font-size:30px;line-height:1.45;letter-spacing:-.5px;margin:0 0 12px}
.about-section-heading p{font-size:16px;color:var(--about-muted);margin:0;line-height:1.8}
.about-resource-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.about-resource-rail article{min-width:0;padding:0 28px;border-left:1px solid #e0e6ef;display:flex;flex-direction:column;align-items:flex-start}
.about-resource-rail article:first-child{padding-left:0;border-left:0}.about-resource-rail article:last-child{padding-right:0}
.about-resource-number{font:600 36px/1.2 Arial,sans-serif;color:#ed2939;letter-spacing:-1px;margin-bottom:12px}.about-resource-rail article:nth-child(even) .about-resource-number{color:var(--about-blue)}
.about-page h3{font-size:20px;line-height:1.5;margin:0 0 10px}
.about-resource-rail p{font-size:14px;line-height:1.9;color:var(--about-muted);margin:0 0 18px}
.about-resource-rail a{display:inline-flex;align-items:center;gap:10px;color:var(--about-blue);font-size:13px;font-weight:600;margin-top:auto;padding-block:4px}
.about-resource-rail a:hover{text-decoration:underline;text-underline-offset:4px}
.about-platforms{padding:50px 0 46px;border-top:1px solid #e0e6ef}
.about-platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.about-platform{display:flex;flex-direction:column;align-items:flex-start;padding:30px 28px;border:1px solid #dfe5ef;border-radius:10px;transition:border-color .18s,box-shadow .18s,transform .18s}
.about-platform:hover{border-color:#9db5df;box-shadow:0 8px 24px #14254109;transform:translateY(-3px)}
.about-platform-name{display:block;height:48px;margin:0 0 24px;white-space:nowrap;font:700 32px/48px Arial,sans-serif;letter-spacing:-1px}
.about-platform-ozon{font-size:40px;letter-spacing:2px;color:#005bff}.about-platform-wb{font-size:28px;letter-spacing:-1px;color:#9200a4}.about-platform-yandex{font-size:30px;color:#141c2b}.about-platform-yandex span{background:#ffda39;padding:4px 6px;border-radius:4px}
.about-platform p{font-size:14px;line-height:1.9;color:var(--about-muted);margin:0 0 24px}
.about-platform-link{display:inline-flex;gap:10px;align-items:center;margin-top:auto;font-size:14px;font-weight:600;color:var(--about-blue)}
.about-page .about-source-note{font-size:12px;text-align:center;line-height:1.7;color:var(--about-muted);margin:22px 0 0}
.about-cooperation{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;background:#f3f6fb;padding:40px 44px;border-radius:12px;scroll-margin-top:30px}
.about-cooperation>div>p{font-size:16px;line-height:1.9;color:var(--about-muted);margin:0}
.about-contact-details{border-left:1px solid #dce4ef;padding-left:40px;margin:0;align-self:center;min-width:0}
.about-contact-details>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:20px;padding:18px 0;border-bottom:1px solid #e0e6ef}.about-contact-details>div:first-child{padding-top:0}.about-contact-details>div:last-child{padding-bottom:0;border:0}
.about-contact-details dt{font-size:13px;color:var(--about-muted);line-height:1.7}.about-contact-details dd{font-size:14px;font-weight:600;line-height:1.7;margin:0;overflow-wrap:anywhere}
.about-page :is(a,button):focus-visible{outline:3px solid #427cdc;outline-offset:5px}
@media(max-width:1250px){.page.about-page{padding-inline:30px}.about-hero{gap:34px}.about-page h1{font-size:40px}.about-description p{font-size:16px}.about-connection{min-height:310px}.about-market-names{left:60%;font-size:15px}.about-page .about-connection-caption{font-size:14px}.about-resource-rail article{padding-inline:22px}.about-platform{padding:26px 22px}.about-platform-name{font-size:26px}.about-platform-ozon{font-size:36px}.about-platform-wb{font-size:24px}.about-platform-yandex{font-size:26px}.about-platform h3{font-size:18px}.about-cooperation{gap:30px;padding:34px}.about-contact-details{padding-left:30px}}
@media(prefers-reduced-motion:reduce){.about-page .button,.about-platform{transition:none}.about-platform:hover{transform:none}}