/* Hero Macoli */
.mc-hero{overflow:hidden;color:#fff;font-family:'Manrope',system-ui,sans-serif;background:#020B26;padding:clamp(72px,10vw,136px) 0}
.mc-hero *{box-sizing:border-box}
.mc-hero .mc-in{width:min(1180px,100% - 48px);margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,64px);align-items:center}
.mc-hero h1{margin:0;font:600 clamp(38px,5vw,62px)/1.06 'Sora','Manrope',system-ui,sans-serif;letter-spacing:-.04em}
.mc-hero h1 em{font-style:normal;color:#5CB8FF}
.mc-hero p.mc-sub{margin:22px 0 0;font-size:clamp(17px,1.6vw,19px);line-height:1.6;color:rgba(255,255,255,.66);max-width:28em}
.mc-hero .mc-act{margin-top:36px;display:flex;flex-wrap:wrap;align-items:center;gap:28px}
.mc-hero a.mc-btn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#0033BB;font:700 16px/1 'Manrope',system-ui,sans-serif;text-decoration:none;padding:16px 24px;border-radius:999px;transition:background .2s}
.mc-hero a.mc-btn:hover{background:#E4F1FF}
.mc-hero a.mc-btn svg{width:20px;height:20px;fill:#0033BB}
.mc-hero a.mc-ghost{color:rgba(255,255,255,.7);font:600 16px/1 'Manrope',system-ui,sans-serif;text-decoration:none;transition:color .2s}
.mc-hero a.mc-ghost:hover{color:#fff}
.mc-hero .mc-art{width:100%;max-width:440px;justify-self:center}
.mc-hero .mc-art svg{display:block;width:100%;height:auto}
.mc-hero .mc-pulse{transform-origin:200px 200px;animation:mcpulse 6s ease-out infinite}
@keyframes mcpulse{0%{transform:scale(1);opacity:.5}100%{transform:scale(2.7);opacity:0}}
@media (max-width:860px){
  .mc-hero .mc-in{grid-template-columns:1fr}
  .mc-hero .mc-art{max-width:200px;order:-1}
  .mc-hero a.mc-btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .mc-hero .mc-pulse{animation:none;opacity:0}
  .mc-hero a.mc-btn,.mc-hero a.mc-ghost{transition:none}
}

header.top{background:#020B26;color:#fff;border-bottom-color:#173051}nav.main a{color:#adbedb}nav.main a:hover{color:#5cb8ff}.header-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.header-login{font-size:13px;padding:10px 15px}.top .wrap{gap:20px}nav.main ul{gap:23px}
@media(max-width:1100px) and (min-width:861px){nav.main ul{gap:14px}nav.main a{font-size:13px}.top .wrap{gap:14px}.header-contact{padding:12px 14px;font-size:13px}}
@media(max-width:860px){nav.main{background:#020B26}.top .header-contact{display:none}.top .header-login{display:inline-flex}.header-actions{margin-left:auto}.menu-btn span{background:#fff}}

@media(max-width:860px){.top .header-contact{display:inline-flex;padding:10px 12px;font-size:11px}.top .header-login{padding:9px 11px;font-size:11px}.top .wrap{gap:10px}.header-actions{gap:6px}.top .brand img{height:27px}}
@media(max-width:380px){.top .wrap{width:calc(100% - 24px);gap:7px}.top .header-contact{padding:10px 9px;font-size:10px}.top .header-login{padding:9px;font-size:10px}}