.company-hero { background-image: linear-gradient(rgb(3 5 7 / 60%),rgb(3 5 7 / 75%)),url('/assets/images/about-team.webp'); background-position: center 38%; }
.company-body { color: #101820; background: #eef0f1; }
.company-width { width: min(1400px,85%); margin-inline: auto; }
.company-body h2 { font-size: clamp(1.8rem,2.7vw,2.6rem); line-height: 1.2; letter-spacing: -.025em; text-wrap: balance; margin: 0 0 24px; }
.company-body h2 span { color: #005b9f; }
.company-body p { line-height: 1.75; }
.company-intro { padding-block: 72px 56px; text-align: center; scroll-margin-top: 100px; }
.company-intro > h2 { max-width: 950px; margin-inline: auto; }
.company-intro > p { max-width: 78ch; margin: 0 auto 36px; }
.company-video { display: block; position: relative; aspect-ratio: 16/9; max-width: 1050px; margin: 0 auto; border-radius: 16px; overflow: hidden; background: #101820; }
.company-video img,.company-video iframe { width: 100%; height: 100%; object-fit: cover; display: block; border: 0; }
.company-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 76px; height: 76px; border-radius: 50%; display: grid; place-items: center; background: #fff; color: #005b9f; box-shadow: 0 4px 20px rgb(0 0 0 / 25%); }
.company-play svg { width: 32px; fill: currentColor; }
.company-video:hover .company-play { background: #005b9f; color: #fff; }
.company-video-label { position: absolute; bottom: 20px; left: 20px; padding: 8px 14px; border-radius: 6px; background: rgb(0 0 0 / 80%); color: #fff; font-size: .9rem; }
.company-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 48px; padding-top: 44px; }
.company-stats strong { display: block; color: #005b9f; font-size: clamp(2.6rem,4vw,4rem); line-height: 1.1; font-variant-numeric: tabular-nums; }
.company-stats p { max-width: 36ch; margin: 14px auto 0; color: #425563; }
.company-values { --color-bg-gradient: linear-gradient(to bottom, #091319 0%, #0F0F0F 100%); padding-block: 64px; background: var(--color-bg-gradient); color: #fff; }
.company-values h2 { max-width: 850px; text-align: center; margin: 0 auto 44px; }
.company-values h2 span { color: var(--blue); }
.company-values-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 36px 64px; }
.company-values h3 { margin: 0 0 12px; font-size: 1.45rem; color: var(--blue); }
.company-value-icon { display: block; width: 88px; height: 88px; object-fit: contain; object-position: left center; margin-bottom: 20px; }
.company-values p { margin: 0; color: #d1dae0; }
.company-link { display: inline-flex; align-items: center; gap: 12px; padding-block: 12px; color: #005b9f; font-weight: 600; text-underline-offset: 5px; }
.company-link:hover { text-decoration: underline; }
.company-careers { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 56px; padding-block: 24px 64px; }
.company-careers > img { width: 100%; aspect-ratio: 1.3; height: auto; object-fit: cover; border-radius: 16px; }
.company-careers p { margin: 0 0 28px; }
.company-page a:focus-visible { outline: 3px solid #168ce0; outline-offset: 5px; }
@media(max-width:1000px) { .company-width { width: 90%; } .company-careers { gap: 32px; } .company-stats { gap: 24px; } }
@media(max-width:650px) {
 .company-width { width: calc(100% - 40px); }
 .company-intro { padding-block: 40px; }
 .company-stats,.company-values-grid,.company-careers { grid-template-columns: 1fr; gap: 32px; }
 .company-values { padding-block: 40px; }
 .company-play { width: 56px; height: 56px; }
 .company-video-label { bottom: 10px; left: 10px; font-size: .75rem; }
 .company-careers { padding-block: 0 40px; }
}