.sectors-section{padding:100px 0;background-color:#f6f6f647}.sectors-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1180px;margin:0 auto}.sector-card{position:relative;display:block;aspect-ratio:16/11;border-radius:18px;overflow:hidden;text-decoration:none;color:#fff;box-shadow:0 14px 34px rgba(22,32,66,.12);isolation:isolate;transition:transform .35s ease,box-shadow .35s ease;container-type:inline-size;container-name:sector-card}.sector-card:focus-visible,.sector-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px rgba(22,32,66,.2);outline:none}.sector-card__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.sector-card:focus-visible .sector-card__image,.sector-card:hover .sector-card__image{transform:scale(1.06)}.sector-card__gradient{position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,58,128,.82) 0,rgba(31,84,170,.62) 28%,rgba(43,136,236,.12) 58%,rgba(43,136,236,0) 78%);z-index:1;pointer-events:none}.sector-card__content{position:absolute;inset-inline:0;bottom:0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;padding:22px 20px 18px;text-align:start}.sector-card__copy{min-width:0;flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:4px}.sector-card__title{font-size:clamp(14px,4.6cqi,20px);font-weight:800;line-height:1.25;color:#fff}.sector-card__slogan,.sector-card__title{margin:0;text-align:start;white-space:nowrap}.sector-card__slogan{font-size:clamp(10.5px,3.15cqi,13px);line-height:1.3;font-weight:500;color:rgba(255,255,255,.92)}.sector-card__arrow{flex:0 0 auto;width:36px;height:36px;border-radius:10px;background:#fff;color:#1f54aa;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 18px rgba(12,28,64,.18);transition:transform .3s ease,background-color .3s ease,color .3s ease}.sector-card:focus-visible .sector-card__arrow,.sector-card:hover .sector-card__arrow{background:#2b88ec;color:#fff}[dir=rtl] .sector-card:focus-visible .sector-card__arrow,[dir=rtl] .sector-card:hover .sector-card__arrow{transform:translateX(3px)}[dir=ltr] .sector-card:focus-visible .sector-card__arrow,[dir=ltr] .sector-card:hover .sector-card__arrow{transform:translateX(-3px)}@media (max-width:991px){.sectors-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media (max-width:640px){.sectors-section{padding:72px 0}.sectors-grid{grid-template-columns:1fr;gap:16px}.sector-card{aspect-ratio:16/12;border-radius:16px}.sector-card__content{padding:18px 16px 16px}}