body{background:#d8d8e0}
.codex-header{position:sticky;top:0;z-index:250;background:#fff;border-bottom:1px solid rgba(0,0,0,.06)}
.codex-topline{background:#d8d8e0;border-bottom:1px solid rgba(0,0,0,.05)}
.codex-topline__inner{display:flex;justify-content:space-between;align-items:center;min-height:54px}
.codex-mainline__inner{display:flex;justify-content:space-between;align-items:center;min-height:80px}
.codex-mainmenu,.footer-menu,.codex-icons{list-style:none;margin:0;padding:0;display:flex;gap:22px;align-items:center}
.codex-mainmenu a,.footer-menu a,.codex-icons a{text-decoration:none;color:#4e4a82;font-weight:700;font-size:16px}
.codex-mainmenu>li{position:relative;padding:14px 0}
.codex-mainmenu>li>a:hover{color:#dd3267}
.codex-icons svg{width:18px;height:18px;fill:#4e4a82;display:block}
.codex-icons a:hover svg{fill:#dd3267}
.codex-actions{display:flex;align-items:center;gap:14px}
.social-list{display:flex;gap:10px;list-style:none;margin:0;padding:0}
.social-list li a{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;background:#5846b8;color:#fff;font-weight:700;text-decoration:none}
.header-btn{padding:9px 16px;border-radius:14px;font-size:14px;line-height:1.2}
.has-submenu .mega-submenu{display:none;position:absolute;left:0;top:100%;background:#fff;min-width:950px;box-shadow:0 14px 30px rgba(0,0,0,.18);padding:18px;z-index:300;gap:20px;grid-template-columns:repeat(2,minmax(280px,1fr));border:1px solid #e9e9ee}
.has-submenu:hover .mega-submenu,.has-submenu.open .mega-submenu{display:grid}
.mega-submenu--single{min-width:380px;grid-template-columns:1fr}
.mega-submenu__title{font-weight:700;color:#dd3267;margin-bottom:8px;font-size:20px}
.mega-submenu ul{list-style:none;padding:0;margin:0}
.mega-submenu li{margin:0 0 8px}
.mega-submenu a{color:#4f4a8c;text-decoration:none;font-size:18px;line-height:1.3}
.mega-submenu a:hover{color:#dd3267}
 .hero-main{height:430px;background-size:cover;background-position:center;position:relative}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,14,48,.18),rgba(13,14,48,.38))}
.hero-content{position:relative;z-index:2;height:100%;display:flex;align-items:flex-end;padding-bottom:44px}
.hero-caption h1{font-size:42px;line-height:1;color:#fff;margin:0 0 16px}
.hero-caption .btn{font-size:20px;border-radius:22px;padding:14px 36px}
.licenses-item__img{display:block;aspect-ratio:750/537;overflow:hidden;border-radius:18px}
.licenses-item__img img{width:100%;height:100%;object-fit:cover;display:block}
.licenses-item__title{display:block;padding:8px 0 0;color:#4f4a8c;font-size:22px;line-height:1.25}
.licenses-col,.services-col{width:33.333%}
.services-item{display:block;color:#4f4a8c;font-size:34px;line-height:1.15;min-height:110px}
.content-text h1{font-size:48px;color:#4f4a8c}.content-text{font-size:26px;line-height:1.5}
.content-text img{max-width:100%;height:auto}.content-text table{display:block;max-width:100%;overflow:auto}.content-text iframe{max-width:100%}
.cookie-note{position:fixed;left:0;right:0;bottom:0;z-index:500;background:#61a3ea;color:#111;display:flex;gap:16px;padding:18px 26px;align-items:center}
.cookie-note__text{font-size:18px;line-height:1.35;flex:1}.cookie-note__text a{text-decoration:underline;color:#111}
.cookie-note__btn{background:#fff;border:0;border-radius:6px;padding:6px 14px;font-size:18px;cursor:pointer}
@media (max-width:1400px){.codex-mainmenu,.codex-icons{gap:18px}.codex-mainmenu a,.codex-icons a{font-size:16px}.header-btn{font-size:14px;padding:10px 14px}.hero-caption h1{font-size:44px}.hero-caption .btn{font-size:20px}.licenses-item__title,.services-item{font-size:28px}}
@media (max-width:980px){.codex-topline__inner{min-height:52px}.codex-mainline__inner{min-height:74px}.codex-icons,.codex-actions .social-list,.codex-actions .btn{display:none}.codex-mainmenu{gap:12px;flex-wrap:wrap}.codex-mainmenu a{font-size:15px}.has-submenu .mega-submenu{position:static;min-width:unset;padding:8px;margin-top:8px}.has-submenu:not(.open) .mega-submenu{display:none}.hero-main{height:330px}.hero-caption h1{font-size:30px}.hero-caption .btn{font-size:18px}.licenses-col,.services-col{width:100%}.licenses-item__title,.services-item{font-size:24px}.cookie-note{flex-direction:column;align-items:flex-start}}

.hero-dots{display:flex;gap:10px;align-items:center;margin-bottom:14px}
.hero-dots span{width:14px;height:14px;border-radius:50%;background:#fff;opacity:.75}
.hero-dots span.active{opacity:1}
@media (max-width:980px){.hero-dots{display:none}}


.mega-submenu--brands{min-width:780px;grid-template-columns:230px 1fr;padding:0}
.mega-left{border-right:1px solid #ececf2;background:#fff}
.mega-cat{display:block;width:100%;text-align:left;background:#fff;border:0;border-bottom:1px solid #ececf2;padding:12px 12px;font-size:13px;font-weight:700;color:#4e4a82;cursor:pointer}
.mega-cat:hover,.mega-cat.active{color:#dd3267;background:#f9f9fd}
.mega-right{padding:12px 18px;background:#fff}
.mega-pane{display:none}
.mega-pane.active{display:block}
.mega-pane ul{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.mega-pane li{border-bottom:1px solid #f0f0f5;padding:8px 0}
.mega-pane a{font-size:18px;line-height:1.3;color:#4f4a8c;text-decoration:none}
.mega-pane a:hover{color:#dd3267}
@media (max-width:980px){
  .mega-submenu--brands{display:block;min-width:unset}
  .mega-left{border-right:0}
  .mega-cat{padding:12px 10px;font-size:16px}
  .mega-right{padding:4px 0}
  .mega-pane{display:block}
  .mega-pane ul{grid-template-columns:1fr}
  .mega-pane a{font-size:20px}
}
.codex-inner{padding-bottom:42px}
 .codex-headline h1{font-size:34px;color:#4f4a8c;margin:0 0 20px;line-height:1.05}
.codex-tile{display:block;transition:transform .2s ease, box-shadow .2s ease}
.codex-tile:hover{transform:translateY(-4px);box-shadow:0 10px 18px rgba(0,0,0,.14)}
.codex-list-item{display:flex;align-items:center;padding:14px 16px;background:#fff;border:1px solid #ececf2;border-radius:12px;min-height:66px;font-size:19px;text-decoration:none}
.codex-list-item:hover{border-color:#d6d6e3;color:#dd3267}
.codex-article{background:#fff;border:1px solid #ececf2;border-radius:14px;padding:26px 28px;box-shadow:0 8px 20px rgba(0,0,0,.08)}
.codex-article h1{margin-top:0;margin-bottom:18px}
.codex-article h2,.codex-article h3{color:#4f4a8c;line-height:1.2}
.codex-article p,.codex-article li{font-size:19px;line-height:1.6;color:#2f2f4a}
.codex-article ul,.codex-article ol{padding-left:26px}
.codex-article a{color:#4f4a8c;text-decoration:underline}
.codex-article blockquote{margin:20px 0;padding:14px 18px;border-left:4px solid #dd3267;background:#fafafe}
.codex-article img{border-radius:10px}
@media (max-width:980px){
  .codex-headline h1{font-size:34px}
  .codex-list-item{font-size:20px;min-height:66px;padding:14px 16px}
  .codex-article{padding:18px}
  .codex-article p,.codex-article li{font-size:18px}
}