/* Публичная страница «Компания ОФИС 7.0» — утверждённый постер + доступный текст.
 * Использует ../ofis-ui-standard.css, локально копируемый в company/ofis-ui-standard.css.
 * Никаких JS, чужих шрифтов, внешних интерфейсных зависимостей.
 */
:root{color-scheme:light;--ofis-company-dark:#101d2b;--ofis-company-accent:var(--ofis-brand-orange,#ff6a00);--ofis-company-ink:var(--ofis-brand-text,#122033)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.ofis-company-page{margin:0;min-width:320px;max-width:100%;background:#eef2f5;color:var(--ofis-company-ink);font:16px/1.6 Inter,Arial,Helvetica,sans-serif;overflow-x:clip}
body.ofis-company-page a{color:inherit}
body.ofis-company-page :focus-visible{outline:3px solid var(--ofis-company-accent);outline-offset:3px}
.company-container{width:min(1240px,calc(100% - 44px));margin-inline:auto}
.company-skip{position:absolute;top:-60px;left:16px;background:#fff;border-radius:9px;z-index:100;padding:10px 15px;color:#162b3b!important}
.company-skip:focus{top:12px}
.company-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #d4dfe7;box-shadow:0 3px 16px #1120300b}
.company-header__inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.company-header__logo{display:inline-flex;align-items:center;max-width:220px;flex:0 1 220px;min-height:44px}
.company-header__logo img{display:block;width:min(100%,210px);height:auto;max-height:58px;object-fit:contain}
.company-header__label{font-size:14px;color:#415667;font-weight:750;margin-right:auto}
.company-button{position:relative;display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:9px 17px 9px 23px;border:1px solid #bdcad5;background:#f9fbfc;text-decoration:none;border-radius:10px;font-size:13px;color:#173144!important;font-weight:770;white-space:nowrap;overflow:hidden;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.company-button:before{position:absolute;content:"";left:0;top:0;bottom:0;width:12px;background:var(--ofis-company-accent)}
.company-button:hover{background:#fff3eb;border-color:#ff6a00;transform:translateY(-1px)}
.company-button:active{transform:translateY(0)}
.company-button>span{font-size:20px;color:#ea650e}
.company-visual{background:linear-gradient(180deg,#102031,#0c1926);padding:clamp(12px,2vw,28px) 0}
.company-visual__shell{width:min(1510px,calc(100% - 36px));margin:0 auto}
.company-visual__figure{margin:0}
.company-visual__image{display:block;width:100%;height:auto;aspect-ratio:1448 / 1086;object-fit:contain;background:linear-gradient(135deg,#142b3f,#071725);border:1px solid #8b99aa33;border-radius:12px;box-shadow:0 24px 70px #0004}
.company-visual__figure figcaption{color:#a9bccd;font-size:11px;line-height:1.5;margin:9px 5px 0}
.company-description{padding-top:45px;padding-bottom:66px}
.company-description__heading{max-width:930px}
.company-kicker{margin:0 0 10px;color:#b95105;font-weight:820;letter-spacing:.08em;font-size:12px}
.company-description h1{font-size:clamp(26px,4vw,40px);line-height:1.16;margin:0 0 18px;letter-spacing:-.03em;color:#11283a}
.company-description__heading>p:not(.company-kicker){font-size:15px;max-width:870px;color:#425767;margin:12px 0}
.company-description__heading>p.company-description__note{font-size:12px;color:#667a88;max-width:860px}
.company-details{margin-top:27px;border:1px solid #d7e1e8;border-radius:14px;background:#fff;overflow:hidden;box-shadow:0 10px 25px #1426370a}
.company-details summary{display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none;padding:20px 24px 20px 33px;border-left:12px solid var(--ofis-company-accent);font-size:15px;color:#192f41;font-weight:800;cursor:pointer}
.company-details summary::-webkit-details-marker{display:none}
.company-details summary:hover{background:#fff7f1}
.company-details summary span{color:#cb5c16;font-size:18px}
.company-details[open] summary span{transform:rotate(180deg)}
.company-details__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid #d8e1e7}
.company-details article{padding:22px 24px;border-bottom:1px solid #e2e8ed}
.company-details article:nth-child(odd){border-right:1px solid #e2e8ed}
.company-details h2{font-size:17px;margin:0 0 8px;color:#162e41;letter-spacing:-.01em}
.company-details p{color:#63798b;font-size:13px;line-height:1.6;margin:0}
.company-footer{background:#0c1c2b;color:#bccbd8}
.company-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;font-size:12px}
.company-footer a{position:relative;text-decoration:none;color:#e3edf4!important}
.company-footer a:hover{color:#ffad76!important}
@media(max-width:700px){
  .company-container{width:calc(100% - 32px)}
  .company-header__inner{min-height:63px;gap:10px}
  .company-header__logo{flex:0 1 145px}
  .company-header__logo img{max-height:46px}
  .company-header__label{display:none}
  .company-button{font-size:12px;min-height:44px;padding:9px 12px 9px 18px}
  .company-button:before{width:12px}
  .company-visual{padding:9px 0 12px}
  .company-visual__shell{width:calc(100% - 12px)}
  .company-visual__image{border-radius:9px}
  .company-visual__figure figcaption{font-size:10px;margin:7px 7px 0}
  .company-description{padding-top:28px;padding-bottom:41px}
  .company-description h1{font-size:26px}
  .company-description__heading>p:not(.company-kicker){font-size:14px}
  .company-details summary{padding:17px 14px 17px 20px;border-left-width:12px;font-size:14px}
  .company-details__grid{grid-template-columns:1fr}
  .company-details article{padding:18px;border-right:0!important}
  .company-footer__inner{flex-wrap:wrap;justify-content:flex-start}
  .company-footer a::after{content:"";position:absolute;inset:-13px 0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ofis-company-page *, .ofis-company-page *:before,.ofis-company-page *:after{transition:none!important;animation:none!important}}