/* О компании */

body:has(.ok-hero-full){overflow-x:hidden}
.uni-main:has(.ok-hero-full){padding-top:0}
.uni-main:has(.ok-hero-full) .uni-elementor{margin:0}
.uni-main:has(.ok-hero-full) .uni-wrap:first-child{padding-top:0}
.uni-main:has(.ok-hero-full) .uni-title{display:none}
.uni-main .uni-wrap > .ok-hero-full{margin-top:0 !important}

.ok-sec{padding:28px 0}
.ok-h2{margin:0 0 12px;font:700 clamp(22px,3vw,32px)/1.2 'VelaSans',system-ui,sans-serif;color:#EEF0F6}
.ok-sub{margin:0 0 22px;max-width:820px;font:400 clamp(14px,1.6vw,17px)/1.6 'VelaSans',system-ui,sans-serif;color:rgba(238,240,246,.7)}

.ok-hero-full{
  position:relative;left:50%;right:50%;width:100vw;margin-left:-50vw;margin-right:-50vw;
  height:600px;min-height:500px;display:flex;align-items:center;overflow:hidden;color:#eef0f6;
  background:#0e1018 center/cover no-repeat;
}
.ok-hero-overlay{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(105deg,rgba(8,10,16,.82) 0%,rgba(8,10,16,.55) 48%,rgba(8,10,16,.35) 100%);
}
.ok-hero-in{position:relative;z-index:2;width:1600px;max-width:88%;margin:0 auto;padding:0 20px 48px}
.ok-hero-title{margin:0 0 18px;max-width:900px;font:600 clamp(30px,5vw,48px)/1.12 'VelaSans',system-ui,sans-serif;letter-spacing:-.6px;color:#fff}
.ok-hero-lead{margin:0 0 34px;max-width:680px;font:400 clamp(17px,2vw,24px)/1.3 'VelaSans',system-ui,sans-serif;color:#c8c8d2}
.ok-hero-actions{display:flex;flex-wrap:wrap;gap:16px}
.ok-hero-actions .btn{padding:15px 28px !important;min-width:210px;justify-content:center}
@media (max-width:600px){
  .ok-hero-full{height:auto;min-height:0;padding:96px 0 80px}
  .ok-hero-actions .btn{min-width:0;width:100%}
}

.ok-sec--stats{position:relative;z-index:5;margin-top:-56px;padding-top:0;padding-bottom:8px}
@media (max-width:600px){.ok-sec--stats{margin-top:-36px}}
.ok-stats{
  display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0;padding:22px;border-radius:20px;
  background:linear-gradient(135deg,rgba(20,22,32,.96),rgba(18,16,28,.94));
  border:1px solid rgba(127,107,255,.28);backdrop-filter:blur(12px);box-shadow:0 16px 40px rgba(0,0,0,.35);
}
.ok-stat{text-align:center;padding:8px;border-radius:14px;transition:transform .25s ease,background .25s ease}
.ok-stat:hover{transform:translateY(-4px);background:rgba(255,255,255,.05)}
.ok-stat-num{font:800 clamp(26px,3.6vw,42px)/1 'VelaSans',system-ui,sans-serif;background:linear-gradient(90deg,#CFC7FF,#7F6BFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.ok-stat-label{margin:8px 0 0;font:500 13px/1.4 'VelaSans',system-ui,sans-serif;color:rgba(238,240,246,.72)}
@media (max-width:760px){.ok-stats{grid-template-columns:1fr 1fr}}

.ok-why{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:900px){.ok-why{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.ok-why{grid-template-columns:1fr}}
.ok-why article{
  min-height:200px;padding:22px;border-radius:18px;display:flex;flex-direction:column;justify-content:flex-end;
  background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.1);
  position:relative;overflow:hidden;transition:transform .2s ease,border-color .2s ease;
}
.ok-why article::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(11,12,15,.15) 0%,rgba(11,12,15,.55) 45%,rgba(11,12,15,.92) 100%);
}
.ok-why article:hover{transform:translateY(-4px);border-color:rgba(127,107,255,.5)}
.ok-why article > *{position:relative;z-index:1}
.ok-why h3{margin:0 0 8px;font:700 17px/1.3 'VelaSans',system-ui,sans-serif;color:#fff}
.ok-why p{margin:0;font:400 14px/1.5 'VelaSans',system-ui,sans-serif;color:rgba(238,240,246,.8)}

.ok-gal{position:relative;overflow:hidden;border-radius:20px;border:1px solid rgba(255,255,255,.12)}
.ok-gal-track{display:flex;transition:transform .55s cubic-bezier(.4,0,.2,1);touch-action:pan-y}
.ok-gal-slide{flex:0 0 100%;position:relative;min-height:clamp(240px,38vw,420px);background-size:cover;background-position:center}
.ok-gal-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(12,12,18,.88))}
.ok-gal-cap{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:22px 24px}
.ok-gal-cap span{display:inline-block;margin:0 0 8px;font:600 12px/1 'VelaSans',system-ui,sans-serif;color:#CFC7FF;letter-spacing:.04em;text-transform:uppercase}
.ok-gal-cap h3{margin:0 0 6px;font:700 clamp(17px,2.2vw,24px)/1.25 'VelaSans',system-ui,sans-serif;color:#fff}
.ok-gal-cap p{margin:0;max-width:640px;font:400 14px/1.5 'VelaSans',system-ui,sans-serif;color:rgba(238,240,246,.78)}
.ok-gal-arr{
  position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;
  border:1px solid rgba(255,255,255,.3);background:rgba(18,18,24,.55);color:#fff;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;
}
.ok-gal-arr:hover{background:rgba(127,107,255,.5)}
.ok-gal-arr--prev{left:14px}
.ok-gal-arr--next{right:14px}
.ok-gal-dots{position:absolute;bottom:14px;right:18px;z-index:2;display:flex;gap:7px}
.ok-gal-dot{width:9px;height:9px;border-radius:50%;border:0;padding:0;cursor:pointer;background:rgba(255,255,255,.35)}
.ok-gal-dot.is-act{background:#A99AFF;transform:scale(1.25)}

.ok-path{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:ok}
@media (max-width:900px){.ok-path{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.ok-path{grid-template-columns:1fr}}
.ok-path article{
  background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:24px 20px;
  transition:transform .2s ease,border-color .2s ease;
}
.ok-path article:hover{transform:translateY(-4px);border-color:rgba(127,107,255,.5)}
.ok-path article::before{
  counter-increment:ok;content:attr(data-year);display:block;margin:0 0 12px;
  font:800 22px/1 'VelaSans',system-ui,sans-serif;background:linear-gradient(90deg,#CFC7FF,#7F6BFF);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.ok-path h3{margin:0 0 8px;font:700 16px/1.3 'VelaSans',system-ui,sans-serif;color:#EEF0F6}
.ok-path p{margin:0;font:400 13px/1.55 'VelaSans',system-ui,sans-serif;color:rgba(238,240,246,.7)}

.ok-cta{
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:32px;border-radius:22px;
  background:linear-gradient(135deg,rgba(127,107,255,.2),rgba(85,72,170,.08));border:1px solid rgba(127,107,255,.3);
}
.ok-cta h3{margin:0;font:700 clamp(20px,2.6vw,26px)/1.2 'VelaSans',system-ui,sans-serif;color:#EEF0F6}
.ok-cta p{margin:8px 0 0;max-width:560px;font:400 15px/1.55 'VelaSans',system-ui,sans-serif;color:rgba(238,240,246,.74)}
.ok-cta-btns{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:520px){.ok-cta-btns{width:100%}.ok-cta .btn{width:100%}}