/* ===== Neulis Sans (Zetafonts) — arquivos em fonts/ ===== */
    @font-face{font-family:'Neulis Sans';src:url('fonts/NeulisSans-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
    @font-face{font-family:'Neulis Sans';src:url('fonts/NeulisSans-Medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
    @font-face{font-family:'Neulis Sans';src:url('fonts/NeulisSans-SemiBold.otf') format('opentype');font-weight:600;font-style:normal;font-display:swap}
    @font-face{font-family:'Neulis Sans';src:url('fonts/NeulisSans-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
    @font-face{font-family:'Neulis Sans';src:url('fonts/NeulisSans-Bold.otf') format('opentype');font-weight:800;font-style:normal;font-display:swap}
    @font-face{font-family:'Neulis Sans';src:url('fonts/NeulisSans-MediumItalic.otf') format('opentype');font-weight:500;font-style:italic;font-display:swap}
    @font-face{font-family:'Neulis Sans';src:url('fonts/NeulisSans-SemiBoldItalic.otf') format('opentype');font-weight:600;font-style:italic;font-display:swap}
    @font-face{font-family:'Neulis Sans';src:url('fonts/NeulisSans-BoldItalic.otf') format('opentype');font-weight:700;font-style:italic;font-display:swap}
    :root{--font:'Neulis Sans','Helvetica Neue',Helvetica,Arial,sans-serif}
    .site,.site *,.h-visual,.h-visual *{font-family:var(--font)}

    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
    ::selection{background:rgba(93,55,245,.22);color:#1C033D}
    a{color:inherit}
    section[id]{scroll-margin-top:88px}
    @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
    @keyframes pulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.06)}}
    @keyframes flowDot{0%{left:12.5%;opacity:0}5%{opacity:1}70%{opacity:1}75%{left:87.5%;opacity:1}85%{opacity:0}100%{left:87.5%;opacity:0}}
    @keyframes flowGlow{0%{opacity:0;transform:scale(.82)}50%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.82)}}
    @keyframes flowFill{0%{width:0}75%{width:100%}100%{width:100%}}
    @keyframes flowPing{0%{transform:scale(.85);opacity:.7}70%{opacity:0}100%{transform:scale(1.9);opacity:0}}
    @keyframes isoBreathe{0%,100%{transform:rotateX(53deg) rotateZ(-44deg) translateZ(0)}50%{transform:rotateX(53deg) rotateZ(-44deg) translateZ(16px)}}
    @keyframes isoBob{0%,100%{transform:translateZ(var(--lift))}50%{transform:translateZ(calc(var(--lift) + 16px))}}
    @keyframes pktTravel{0%{offset-distance:0%;opacity:0}7%{opacity:1}90%{opacity:1}100%{offset-distance:100%;opacity:0}}
    @keyframes badgeBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
    @keyframes trayGlow{0%,100%{box-shadow:0 16px 30px -12px rgba(78,1,125,.5),0 0 0 0 rgba(93,55,245,0)}50%{box-shadow:0 16px 30px -12px rgba(78,1,125,.5),0 0 34px 4px rgba(93,55,245,.55)}}
    .iso-scene,.iso-scene>*{transition:none}
    @media (prefers-reduced-motion:reduce){.iso-scene,.iso-scene *{animation:none !important}}
    @keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
    @keyframes revUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
    @keyframes navShadow{to{box-shadow:0 14px 40px -22px rgba(28,3,61,.35);background:rgba(255,255,255,.92)}}
    @keyframes solDriftA{0%,100%{transform:translate(0,0)}50%{transform:translate(7px,-11px)}}
    @keyframes solDriftB{0%,100%{transform:translate(0,0)}50%{transform:translate(-9px,9px)}}
    @keyframes solDriftC{0%,100%{transform:translate(0,0)}50%{transform:translate(6px,10px)}}
    @keyframes solDriftD{0%,100%{transform:translate(0,0)}50%{transform:translate(-7px,-8px)}}
    @keyframes solOrb{0%,100%{transform:scale(1);box-shadow:0 10px 30px -8px rgba(93,55,245,.5),0 0 0 0 rgba(93,55,245,.25)}50%{transform:scale(1.05);box-shadow:0 14px 40px -8px rgba(93,55,245,.65),0 0 34px 6px rgba(93,55,245,.3)}}
    @keyframes solBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
    @keyframes solBob2{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
    @keyframes solSpin{to{transform:rotate(360deg)}}
    @keyframes solBlip{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}
    @keyframes solGlow{0%,100%{opacity:.22}50%{opacity:.5}}
    @keyframes solScan{0%,100%{opacity:.25}50%{opacity:.7}}
    .sol-mo{animation-play-state:running}
    @media (prefers-reduced-motion:reduce){.sol-mo{animation:none !important}}
    /* Content is always visible; motion is additive enhancement only — never gates visibility. */
    .reveal{opacity:1}
    .reveal-now{opacity:1}
    @media (prefers-reduced-motion:no-preference){
      @supports (animation-timeline:scroll()){
        .nav-react{animation:navShadow linear both;animation-timeline:scroll(root);animation-range:0 140px}
      }
    }
    .mq-mask{-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
    .mq-track{display:flex;width:max-content;animation:marquee 34s linear infinite}
    @media (prefers-reduced-motion:reduce){.mq-track{animation:none}}
    .grad-word{background:linear-gradient(100deg,#5D37F5,#9F86FF 60%,#4E017D);-webkit-background-clip:text;background-clip:text;color:transparent}

    /* ===================== RESPONSIVO ===================== */
    /* Tablet (≤1024px): grids de 3–4 colunas viram 2 */
    @media (max-width:1024px){
      [style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:repeat(2,1fr) !important}
      [style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:repeat(2,1fr) !important}
      #solucao [style*="grid-template-columns:repeat(3,1fr)"]{gap:36px !important}
    }
    /* Intermediário (≤900px): empilha blocos de 2 colunas */
    @media (max-width:900px){
      [style*="grid-template-columns:1.05fr .95fr"]{grid-template-columns:1fr !important;gap:48px !important}
      [style*="grid-template-columns:.85fr 1.15fr"]{grid-template-columns:1fr !important;gap:32px !important}
      [style*="grid-template-columns:1.15fr .85fr"]{grid-template-columns:1fr !important;gap:32px !important}
      [style*="grid-template-columns:1.15fr .85fr"] > [style*="order:1"]{order:2 !important}
      [style*="grid-template-columns:1.15fr .85fr"] > [style*="order:2"]{order:1 !important}
      .h-visual{height:440px !important}
      .iso-stage{transform:scale(.82);transform-origin:center}
    }
    /* Mobile (≤680px): tudo em 1 coluna */
    @media (max-width:680px){
      [style*="grid-template-columns:repeat(4,1fr)"],
      [style*="grid-template-columns:repeat(3,1fr)"],
      [style*="grid-template-columns:repeat(2,1fr)"],
      [style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr !important}
      #solucao [style*="grid-template-columns:repeat(3,1fr)"]{gap:40px !important}
      [style*="border-right:1px solid #F0EBF9"]{border-right:0 !important;padding-bottom:22px}
      [style*="border-left:1px solid #EFEAF8"]{border-left:0 !important}
      [style*="padding:110px 24px"]{padding:64px 20px !important}
      [style*="padding:100px 24px"]{padding:64px 20px !important}
      [style*="padding:96px 24px"]{padding:56px 20px !important}
      [style*="padding:104px 24px 96px"]{padding:80px 20px 56px !important}
      nav > [style*="gap:34px"]{display:none !important}
      .h-visual{height:360px !important}
      .iso-stage{transform:scale(.66);transform-origin:center top}
      .h-cta{flex-direction:column;align-items:stretch}
      .h-cta > a{justify-content:center}
      #solucao [style*="padding:0 36px"]{padding:0px 8px !important}
    }
    /* Mobile pequeno (≤400px): DDI + telefone empilhados */
    @media (max-width:400px){
      #cf-ddi{width:100% !important}
      label[for="cf-tel"] + div{flex-direction:column}
      .site header nav{gap:12px !important}
      .site header nav > a:last-child{font-size:13px !important;padding:9px 14px !important}
    }
    @media (max-width:680px){
      #solucao h2{text-wrap:balance !important}
      #cta > div{padding:52px 22px !important;border-radius:22px}
    }

    /* ============ FLUID LAYOUT: 320px → 2560px ============ */
    /* Um único container fluido: cresce de forma controlada e centraliza.
       Acima de 1440px cresce a margem externa, não os elementos. */
    .site{--cw:1200px;--gut:clamp(20px,4vw,56px)}
    @media (min-width:1440px){.site{--cw:1320px;--gut:clamp(48px,4.5vw,80px)}}
    @media (min-width:1920px){.site{--cw:1440px;--gut:clamp(64px,4.5vw,104px)}}
    @media (min-width:2400px){.site{--cw:1560px;--gut:clamp(80px,4.5vw,140px)}}

    /* Gutter horizontal fluido e idêntico em nav, seções e footer (alinhamento) */
    .site > section,
    .site > footer,
    .site header nav{padding-inline:var(--gut) !important}

    /* Containers internos passam a seguir o container fluido */
    .site [style*="max-width:1200px"]{width:100%;max-width:var(--cw) !important;margin-inline:auto}
    .site [style*="max-width:1100px"]{width:100%;max-width:min(100%,calc(var(--cw) - 100px)) !important}
    .site [style*="max-width:1040px"]{width:100%;max-width:min(100%,calc(var(--cw) - 160px)) !important}

    /* Nada estoura: imagens fluidas e filhos de grid/flex sem largura mínima implícita */
    .site img{max-width:100%;height:auto}
    .site [style*="display:grid"] > *,
    .site [style*="display:flex"] > *{min-width:0}

    /* Ritmo vertical proporcional em telas grandes (não redimensiona conteúdo) */
    @media (min-width:1600px){
      .site [style*="padding:110px 24px"]{padding-block:132px !important}
      .site [style*="padding:100px 24px"]{padding-block:122px !important}
      .site [style*="padding:96px 24px"]{padding-block:118px !important}
      .site [style*="padding:104px 24px 96px"]{padding-block:124px 118px !important}
    }

    /* ============ CAMADA 1: fundo sempre full-bleed ============ */
    /* O fundo de cada seção sangra até a borda da viewport mesmo que um
       ancestral (bloco do Wix, wrapper de tema) seja mais estreito.
       Seções de cor sólida: pintam para fora sem alterar o layout.
       Seções com degradê: quebram a largura do ancestral com 100vw. */
    .site{width:100%}
    .site > section{width:100%;max-width:none;height:auto;min-height:0;position:relative}
    .site > section[style*="background:#F8F5FD"],
    .site > section[style*="background:#F8F5FD"]{
      box-shadow:0 0 0 100vmax #F8F5FD;
      clip-path:inset(0 -100vmax);
    }
    /* 100vw inclui a barra de rolagem: --sbw a desconta para o
       conteúdo permanecer alinhado com as demais seções. */
    .site{--sbw:calc(100vw - 100%)}
    .site > section[style*="linear-gradient(160deg"],
    .site > section[style*="radial-gradient(900px"],
    .site > section[style*="linear-gradient(160deg,#4E017D"]{
      width:max(100%, calc(100vw - var(--sbw)));
      max-width:none;
      margin-inline:calc(50% - max(50%, (100vw - var(--sbw))/2));
    }
    /* Bordas de seção acompanham o sangramento (evita filete curto) */
    .site > section[style*="border-top"],
    .site > section[style*="border-bottom"]{background-clip:border-box}

    /* ============ TABLET 768–1023: composição própria ============ */
    @media (max-width:1023px){
      /* hero passa a vertical: TEXTO → CTA → ANIMAÇÃO */
      [style*="grid-template-columns:1.05fr .95fr"]{grid-template-columns:1fr !important;gap:44px !important}
      .h-visual{margin-inline:auto}
      .site h1{font-size:clamp(34px,5.2vw,50px) !important;line-height:1.05 !important;letter-spacing:-.018em !important}
      .site h2{font-size:clamp(26px,3.8vw,38px) !important;line-height:1.08 !important}
      .site h3{font-size:clamp(20px,2.6vw,26px) !important}
      #solucao h2{text-wrap:balance !important}
    }
    @media (min-width:768px) and (max-width:1023px){
      .site > section [style*="max-width:760px"],
      .site > section [style*="max-width:720px"]{max-width:640px !important}
    }

    /* ============ MOBILE 320–767: composição vertical ============ */
    @media (max-width:767px){
      .site h1{font-size:clamp(27px,7.6vw,38px) !important;line-height:1.1 !important;letter-spacing:-.012em !important}
      .site h2{font-size:clamp(23px,6vw,32px) !important;line-height:1.14 !important;letter-spacing:-.01em !important}
      .site h3{font-size:clamp(19px,4.6vw,23px) !important;line-height:1.2 !important}
      :where(.site p){font-size:16px;line-height:1.58}
      .h-sub{max-width:38ch !important;margin-bottom:26px !important}
      .site [style*="font-size:19px"]{font-size:16.5px !important}
      .site [style*="font-size:18px"]{font-size:16.5px !important}
      .site [style*="font-size:16.5px"]{font-size:15.5px !important}
      /* respiro entre título, subtítulo e CTA */
      .site [style*="margin-bottom:56px"],
      .site [style*="margin-bottom:64px"]{margin-bottom:36px !important}
      .site [style*="margin:0 auto 64px"],
      .site [style*="margin:0 auto 56px"]{margin-bottom:36px !important}
    }

    /* Hero: a cena isométrica (projetada ocupa ~623x382px) nunca excede a coluna.
       Escala calculada por faixa a partir da largura real da coluna visual:
       col = (min(vw - 2*gut, cw) - 64) * 0.475 */
    .iso-stage{transform-origin:center}
    /* Empilhada (≤1023px) a cena ganha a largura toda do container: escala pela área real */
    @media (max-width:400px){
      .h-visual{height:200px !important;width:100% !important}
      .iso-stage{transform:scale(.42) !important;transform-origin:center !important}
      .h-visual > [style*="top:4%"],
      .h-visual > [style*="top:40%"],
      .h-visual > [style*="bottom:5%"]{display:none !important}
    }
    @media (min-width:401px) and (max-width:480px){
      .h-visual{height:240px !important;width:100% !important}
      .iso-stage{transform:scale(.52) !important;transform-origin:center !important}
      .h-visual > [style*="top:40%"]{display:none !important}
    }
    @media (min-width:481px) and (max-width:600px){
      .h-visual{height:300px !important;width:100% !important}
      .iso-stage{transform:scale(.66) !important;transform-origin:center !important}
    }
    @media (min-width:601px) and (max-width:767px){
      .h-visual{height:370px !important;width:100% !important}
      .iso-stage{transform:scale(.84) !important;transform-origin:center !important}
    }
    @media (min-width:768px) and (max-width:1023px){
      .h-visual{height:430px !important;width:100% !important;max-width:720px}
      .iso-stage{transform:scale(1) !important;transform-origin:center !important}
    }
    @media (min-width:1024px) and (max-width:1279px){
      .h-visual{height:360px !important}
      .iso-stage{transform:scale(.64)}
    }
    @media (min-width:1280px) and (max-width:1439px){
      .h-visual{height:440px !important}
      .iso-stage{transform:scale(.82)}
    }
    @media (min-width:1440px) and (max-width:1919px){
      .h-visual{height:500px !important}
      .iso-stage{transform:scale(.92)}
    }
    @media (min-width:1920px) and (max-width:2399px){
      .h-visual{height:540px !important}
      .iso-stage{transform:scale(1)}
    }
    @media (min-width:2400px){
      .h-visual{height:580px !important}
      .iso-stage{transform:scale(1.08)}
    }

    /* ============ AUDITORIA RESPONSIVA — correções finais ============ */
    /* Nav: 6 links + CTA não cabem entre 681–1200px; compacta e depois esconde */
    @media (max-width:1200px){
      .site header nav > div[style*="gap:34px"]{gap:18px !important}
      .site header nav > div[style*="gap:34px"] > a{font-size:14px !important}
    }
    @media (max-width:960px){
      .site header nav > div[style*="gap:34px"]{display:none !important}
    }
    /* Linha de confiança do hero quebra sem estourar */
    .h-trust{flex-wrap:wrap}
    @media (max-width:680px){
      .h-trust{flex-direction:column;align-items:flex-start !important;gap:10px !important}
      .h-trust > span[style*="width:4px"]{display:none !important}
    }
    /* Stats 2×2 no tablet: sem filete sobrando na borda da linha */
    @media (min-width:681px) and (max-width:1024px){
      .site [style*="grid-template-columns:repeat(4,1fr)"] > div:nth-child(2){border-right:0 !important}
      .site [style*="grid-template-columns:repeat(4,1fr)"] > div{padding-block:10px}
    }
    /* reCAPTCHA nunca excede o cartão do formulário */
    #contato [style*="min-width:300px"]{min-width:0 !important;width:100%;max-width:340px}
    /* Cenas da Solução (elementos animados de 300px) em telas muito estreitas */
    @media (max-width:360px){
      #solucao [style*="height:360px"]{height:300px !important;transform:scale(.82);transform-origin:center top}
      #solucao [style*="height:268px"]{height:230px !important;transform:scale(.82);transform-origin:center top}
    }
    /* Footer empilhado e alinhado à esquerda no mobile */
    @media (max-width:680px){
      .site footer > div{flex-direction:column;align-items:flex-start}
      .site footer [style*="text-align:right"]{text-align:left !important}
    }
.hv0:hover{color:#1C033D}
.hv1:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(93,55,245,.5),inset 0 1px 0 rgba(255,255,255,.28)}
.hv2:hover{transform:translateY(-2px);box-shadow:0 22px 48px rgba(93,55,245,.55),inset 0 1px 0 rgba(255,255,255,.3)}
.hv3:hover{border-color:#5D37F5;transform:translateY(-2px)}
.hv4:hover{transform:translateY(-4px);box-shadow:0 24px 50px -28px rgba(78,1,125,.3)}
.hv5:hover{background:rgba(255,255,255,.09);border-color:rgba(195,182,255,.4)}
.hv6:hover{transform:translateY(-2px)}
.hv7:hover{border-color:#C9BCF0;box-shadow:0 10px 30px -16px rgba(78,1,125,.25)}
.hv8:hover{background:rgba(255,255,255,.22)}
.hv9:hover{border-color:#B9A6F5}
.fc0:focus{border-color:#5D37F5;box-shadow:0 0 0 3px rgba(93,55,245,.15)}
.hv10:hover{transform:translateY(-2px);box-shadow:0 22px 50px -16px rgba(93,55,245,.7)}
[data-show][data-off]{display:none !important}

/* ===== LangSwitcher — FAB flutuante de idioma (handoff .lng-switcher/) ===== */
.mai-ls{position:fixed;right:24px;bottom:24px;z-index:1000;font-family:inherit;-webkit-tap-highlight-color:transparent}
.mai-ls *{box-sizing:border-box}
.mai-ls-btn{position:relative;width:56px;height:56px;border-radius:50%;border:0;padding:0;cursor:pointer;display:grid;place-items:center;
  background:linear-gradient(135deg,#1c033d 0%,#4e017d 52%,#5d37f5 100%);color:#fff;
  box-shadow:0 10px 28px rgba(78,1,125,.30),0 2px 6px rgba(28,3,61,.18);
  transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s}
.mai-ls-btn:hover,.mai-ls[data-open="true"] .mai-ls-btn{transform:scale(1.05);box-shadow:0 14px 34px rgba(78,1,125,.36),0 2px 6px rgba(28,3,61,.18)}
.mai-ls-btn:active{transform:scale(.97)}
.mai-ls-btn:focus-visible{outline:2px solid #5d37f5;outline-offset:3px}
.mai-ls-btn::before{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid rgba(93,55,245,.55);opacity:0;pointer-events:none}
.mai-ls[data-pulse="true"] .mai-ls-btn::before{animation:mai-ls-pulse 2.2s ease-out 2}
@keyframes mai-ls-pulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.55);opacity:0}100%{transform:scale(1.55);opacity:0}}
.mai-ls-flag{width:28px;height:28px;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,.92);overflow:hidden;transition:transform .32s cubic-bezier(.2,.8,.2,1)}
.mai-ls[data-open="true"] .mai-ls-flag{transform:scale(.92)}
.mai-ls-badge{position:absolute;right:-3px;bottom:-3px;width:22px;height:22px;border-radius:50%;background:#fff;color:#4e017d;display:grid;place-items:center;
  box-shadow:0 1px 4px rgba(28,3,61,.25)}
.mai-ls-badge svg{position:absolute;width:13px;height:13px;transition:opacity .22s,transform .3s cubic-bezier(.2,.8,.2,1)}
.mai-ls-badge .i-globe{opacity:1;transform:rotate(0)}
.mai-ls-badge .i-close{opacity:0;transform:rotate(-90deg) scale(.6)}
.mai-ls[data-open="true"] .i-globe{opacity:0;transform:rotate(90deg) scale(.6)}
.mai-ls[data-open="true"] .i-close{opacity:1;transform:rotate(0) scale(1)}
.mai-ls-menu{position:absolute;bottom:100%;right:0;padding-bottom:12px;pointer-events:none;visibility:hidden;
  transition:visibility 0s linear .32s}
.mai-ls[data-open="true"] .mai-ls-menu{pointer-events:auto;visibility:visible;transition-delay:0s}
.mai-ls-panel{min-width:196px;padding:6px;border-radius:16px;background:#fff;transform-origin:bottom right;
  box-shadow:0 18px 48px rgba(28,3,61,.20),0 2px 8px rgba(28,3,61,.10),0 0 0 1px rgba(28,3,61,.06);
  opacity:0;transform:translateY(10px) scale(.92);
  transition:opacity .22s ease,transform .30s cubic-bezier(.2,.8,.2,1)}
.mai-ls[data-open="true"] .mai-ls-panel{opacity:1;transform:none;transition:opacity .18s ease,transform .32s cubic-bezier(.34,1.4,.4,1)}
.mai-ls-item{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border-radius:11px;border:0;background:transparent;cursor:pointer;
  color:#1c033d;font-weight:500;font-size:14px;line-height:1.2;font-family:inherit;text-decoration:none;text-align:left;white-space:nowrap;
  opacity:0;transform:translateX(10px);
  transition:opacity .20s ease,transform .26s cubic-bezier(.2,.8,.2,1),background-color .16s,color .16s}
.mai-ls[data-open="true"] .mai-ls-item{opacity:1;transform:none}
/* cascata: abrir 40ms+45ms·i; fechar em ordem inversa 30ms·(n-1-i) — só opacity/transform */
.mai-ls-item{transition-delay:60ms,60ms,0s,0s}
.mai-ls-item:nth-of-type(2){transition-delay:30ms,30ms,0s,0s}
.mai-ls-item:nth-of-type(3){transition-delay:0s,0s,0s,0s}
.mai-ls[data-open="true"] .mai-ls-item{transition-delay:40ms,40ms,0s,0s}
.mai-ls[data-open="true"] .mai-ls-item:nth-of-type(2){transition-delay:85ms,85ms,0s,0s}
.mai-ls[data-open="true"] .mai-ls-item:nth-of-type(3){transition-delay:130ms,130ms,0s,0s}
.mai-ls-item:hover{background:#f4f0fd}
.mai-ls-item:active{background:#ebe4fb}
.mai-ls-item:focus-visible{outline:2px solid #5d37f5;outline-offset:-2px}
.mai-ls-item[aria-current="true"]{color:#4e017d;background:#f8f5ff}
.mai-ls-item[aria-current="true"]:hover{background:#f1ebfd}
.mai-ls-item .mai-ls-iflag{flex:none;border-radius:50%;box-shadow:0 0 0 1px rgba(28,3,61,.10)}
.mai-ls-item .mai-ls-check{margin-left:auto;width:16px;height:16px;color:#5d37f5;opacity:0;transform:scale(.6);transition:opacity .2s,transform .2s}
.mai-ls-item[aria-current="true"] .mai-ls-check{opacity:1;transform:none}
.mai-ls-kicker{padding:8px 12px 4px;font-weight:600;font-size:10.5px;line-height:1;font-family:inherit;white-space:nowrap;letter-spacing:.08em;text-transform:uppercase;color:#8a7fb0}
@media (prefers-reduced-motion:reduce){.mai-ls *,.mai-ls *::before{transition-duration:.01ms!important;animation:none!important}}