@font-face{font-family:'Baloo 2';font-style:normal;font-weight:600 800;font-display:swap;src:url(/assets/fonts/baloo-2-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Baloo 2';font-style:normal;font-weight:600 800;font-display:swap;src:url(/assets/fonts/baloo-2-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/nunito-sans-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:400 800;font-display:swap;src:url(/assets/fonts/nunito-sans-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;-webkit-font-smoothing:antialiased;font-family:'Nunito Sans',system-ui,-apple-system,'Segoe UI',sans-serif;color:#3A3F4B}
a{color:#1E3A8F;text-decoration:none}
/* o laranja do hover vale para link de texto. Num botao de fundo solido ele
   trocava a cor da propria legenda — laranja sobre o verde do WhatsApp. */
a:hover:not(.botao){color:#EA6A0C}
img{max-width:100%}
/* a tag picture some do layout: a img passa a ser filha direta do container,
   preservando os height/object-fit que o design aplica na propria img.
   (sem escrever as tags entre sinais de menor/maior aqui: este CSS e' embutido
   no HTML pelo tools/inline.mjs, e uma tag literal num comentario ja' enganou
   o processador uma vez, que casou o comentario com o fechamento la' do body) */
picture{display:contents}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
details[open] summary span[aria-hidden]{transform:rotate(45deg)}
summary span[aria-hidden]{transition:transform .2s ease}

/* foco visivel: o design nao previa estado de teclado */
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{
  outline:3px solid #EA6A0C;outline-offset:3px;border-radius:6px}

/* pular para o conteudo: precisa reaparecer ao receber foco */
.pular{position:absolute;left:-9999px;top:0}
.pular:focus{left:12px;top:12px;z-index:200;background:#0E1A3C;color:#fff;
  padding:12px 18px;border-radius:10px;font-weight:800}

/* a barra de destaques e a esteira de marcas so animam quando visiveis */
@keyframes pmtMarquee{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
@keyframes pmtMarcas{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
@keyframes pmtPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 20px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.pausado *{animation-play-state:paused!important}

/* esteiras: a rolagem e' continua, entao o encaixe por item sai de cena — ele
   puxaria a faixa de volta a cada quadro e brigaria com o movimento */
[data-galeria]{scrollbar-width:none;scroll-snap-type:none!important;scroll-behavior:auto!important;overscroll-behavior-x:contain}
[data-galeria]>*{scroll-snap-align:none!important}
[data-galeria]::-webkit-scrollbar{display:none}

/* ── cabecalho ─────────────────────────────────────────────────────────────
   No desktop cabe tudo em uma linha. Abaixo de 860px o menu de quatro itens
   somado ao telefone e ao botao empilhava e o cabecalho chegava a 176px —
   um terco da tela do celular ocupado antes de a pagina comecar. */
[data-hamburguer]{display:none;margin-left:auto;align-items:center;justify-content:center;
  width:42px;height:42px;border:1px solid #E4D7CB;border-radius:12px;background:#fff;
  cursor:pointer;padding:0;flex:0 0 auto}
[data-hamburguer] span{display:block;width:18px;height:2px;background:#0E1A3C;border-radius:2px;
  position:relative;transition:transform .2s ease,opacity .2s ease}
[data-hamburguer] span::before,[data-hamburguer] span::after{content:"";position:absolute;
  left:0;width:18px;height:2px;background:#0E1A3C;border-radius:2px;transition:transform .2s ease}
[data-hamburguer] span::before{top:-6px}
[data-hamburguer] span::after{top:6px}
[data-hamburguer][aria-expanded="true"] span{background:transparent}
[data-hamburguer][aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)}
[data-hamburguer][aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}

@media (max-width:860px){
  [data-hamburguer]{display:inline-flex}
  [data-cabecalho] [data-menu],[data-cabecalho] [data-contato]{display:none}
  [data-cabecalho][data-aberto] [data-menu],
  [data-cabecalho][data-aberto] [data-contato]{display:flex;flex-basis:100%;margin-left:0}
  [data-cabecalho][data-aberto] [data-menu]{flex-direction:column;gap:0;
    border-top:1px solid #F1E7DC;margin-top:8px;padding-top:6px}
  [data-cabecalho][data-aberto] [data-menu] a{padding:11px 2px;font-size:16px}
  [data-cabecalho][data-aberto] [data-contato]{flex-wrap:wrap;gap:10px;padding:6px 0 4px}
  [data-cabecalho] img{height:32px!important}

  /* o respiro entre secoes foi desenhado para tela grande; no celular vira vao */
  section{padding-top:44px!important;padding-bottom:44px!important}

  /* a esteira de marcas mostrava um cartao por vez; encolher o cartao poe tres
     na tela. Mira so as marcas: a faixa de beneficios do topo tambem e' uma
     esteira, e os filhos dela sao grupos de texto que nao podem ter tamanho fixo. */
  [data-marquee="marcas"] > div{width:148px!important;height:92px!important;
    margin-right:12px!important;padding:16px!important}
  [data-marquee="marcas"] img{max-height:46px!important}
  /* o veu de desfoque das pontas foi desenhado para 1240px; em 390 ele apagava
     quase toda a faixa, deixando as marcas ilegiveis */
  [data-esfuma]{width:14%!important;backdrop-filter:blur(2px)!important;
    -webkit-backdrop-filter:blur(2px)!important}
}

/* ── o botao de WhatsApp flutuante ─────────────────────────────────────────
   Some enquanto o botao da primeira dobra esta a' vista, para nao haver dois
   convites iguais na mesma tela. */
[data-flutuante]{opacity:0;visibility:hidden;transform:translateY(12px);
  transition:opacity .25s ease,transform .25s ease,visibility .25s}
[data-flutuante][data-visivel]{opacity:1;visibility:visible;transform:none}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important}
  [data-flutuante]{transition:none}
}

.e0{font-family: 'Nunito Sans', sans-serif; color: #3A3F4B; background: #ffffff; overflow-x: hidden}
.e1{background: #EA6A0C; color: #ffffff; padding: 10px 0; overflow: hidden}
.e2{display: flex; width: max-content; animation: pmtMarquee 26s linear infinite; font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase}
.e3{display: flex; gap: 34px; padding-right: 34px; white-space: nowrap}
.e4{opacity: .6}
.e5{position: sticky; top: 0; z-index: 50; background: #ffffff; box-shadow: 0 2px 14px rgba(14,26,60,.08)}
.e6{max-width: 1240px; margin: 0 auto; padding: 10px 22px; display: flex; align-items: center; gap: 18px; flex-wrap: wrap}
.e7{height: 38px; width: auto; display: block; border-radius: 5px}
.e8{display: flex; gap: 14px; flex-wrap: nowrap}
.e9{font-size: 15px; font-weight: 700; color: #EA6A0C}
.e10{font-size: 15px; font-weight: 700; color: #3A3F4B}
.e11{display: flex; align-items: center; gap: 14px; margin-left: auto}
.e12{font-size: 15px; font-weight: 800; color: #0E1A3C; white-space: nowrap}
.e13{display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 18px; border-radius: 999px; background: #25D366; color: #06331a; font-size: 15px; font-weight: 800; white-space: nowrap}
.e14{background: #FFF8F2; padding: 70px 0 64px}
.e15{max-width: 1240px; margin: 0 auto; padding: 0 22px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 46%), 1fr)); gap: 44px; align-items: center}
.e16{min-width: 0}
.e17{display: flex; flex-wrap: wrap; align-items: center; gap: 12px}
.e18{margin: 0; font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #EA6A0C}
.e19{display: inline-flex; align-items: center; gap: 7px; font-size: 13px; font-weight: 800; color: #0E1A3C; background: #ffffff; border: 1px solid #EFE3D8; border-radius: 999px; padding: 6px 12px}
.e20{width: 8px; height: 8px; border-radius: 999px; background: #2F8A32; display: block}
.e21{font-family: 'Baloo 2', system-ui, sans-serif; font-weight: 800; font-size: clamp(40px, 5.4vw, 62px); line-height: 1.04; letter-spacing: -.01em; color: #0E1A3C; margin: 14px 0 0; max-width: 20ch}
.e22{font-size: 19px; line-height: 1.55; margin: 16px 0 0; max-width: 46ch; font-weight: 600}
.e23{display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px}
.e24{display: inline-flex; align-items: center; gap: 10px; height: 56px; padding: 0 28px; border-radius: 999px; background: #25D366; color: #06331a; font-size: 17px; font-weight: 800}
.e25{display: inline-flex; align-items: center; height: 56px; padding: 0 28px; border-radius: 999px; background: #ffffff; border: 2px solid #E4D7CB; color: #0E1A3C; font-size: 17px; font-weight: 800}
.e26{font-size: 15px; margin: 18px 0 0; color: #6B7280}
.e27{min-width: 0; position: relative}
.e28{border-radius: 24px; overflow: hidden; height: 520px}
.e29{width: 100%; height: 100%; object-fit: cover; object-position: center 55%; display: block}
.e30{background: #0E1A3C; color: #ffffff; border-radius: 18px; padding: 20px 24px; margin: -34px 18px 0; position: relative}
.e31{margin: 0; font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #6FD44A}
.e32{margin: 6px 0 0; font-size: 15px; color: #C9D3EC}
.e33{position: relative; background: #0E1A3C; overflow: hidden}
.e34{position: relative; width: 100%; flex: 0 0 100%; min-height: 420px; background: #EA6A0C}
.e35{max-width: 1240px; margin: 0 auto; padding: 54px clamp(22px, 5vw, 68px) 74px; min-height: 420px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 46%), 1fr)); align-items: center; gap: 32px}
.e36{display: inline-block; background: #0E1A3C; color: #ffffff; font-size: 12px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; padding: 7px 14px; border-radius: 999px}
.e37{font-family: 'Baloo 2', system-ui, sans-serif; font-weight: 800; font-size: clamp(34px, 4vw, 52px); line-height: 1.04; color: #ffffff; margin: 16px 0 0}
.e38{font-size: 18px; line-height: 1.5; color: #ffffff; margin: 12px 0 0; max-width: 40ch; font-weight: 700}
.e39{min-width: 0; display: flex; justify-content: center}
.e40{background: #ffffff; border-radius: 22px; padding: 26px 30px; box-shadow: 0 18px 40px rgba(14,26,60,.22); max-width: 320px}
.e41{font-family: 'Baloo 2', system-ui, sans-serif; font-weight: 800; font-size: 52px; color: #0E1A3C; margin: 0; line-height: 1}
.e42{font-size: 18px; font-weight: 800; color: #EA6A0C; margin: 2px 0 10px}
.e43{font-size: 15px; line-height: 1.5; margin: 0; color: #3A3F4B}
.e44{position: relative; width: 100%; flex: 0 0 100%; min-height: 420px; overflow: hidden}
.e45{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 45%}
.e46{position: absolute; inset: 0; background: linear-gradient(85deg, rgba(14,26,60,.95) 0%, rgba(14,26,60,.82) 46%, rgba(14,26,60,.2) 84%)}
.e47{position: relative; max-width: 1240px; margin: 0 auto; padding: 54px clamp(22px, 5vw, 68px) 74px; min-height: 420px; display: flex; flex-direction: column; justify-content: center}
.e48{align-self: flex-start; background: #6FD44A; color: #0E1A3C; font-size: 12px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; padding: 7px 14px; border-radius: 999px}
.e49{font-family: 'Baloo 2', system-ui, sans-serif; font-weight: 800; font-size: clamp(34px, 4vw, 52px); line-height: 1.04; color: #ffffff; margin: 16px 0 0; max-width: 22ch}
.e50{font-size: 18px; line-height: 1.5; color: #E4E9F5; margin: 12px 0 0; max-width: 44ch; font-weight: 600}
.e51{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover}
.e52{position: absolute; inset: 0; background: linear-gradient(95deg, rgba(14,26,60,.95) 0%, rgba(14,26,60,.8) 44%, rgba(14,26,60,.18) 82%)}
.e53{align-self: flex-start; background: #EA6A0C; color: #ffffff; font-size: 12px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; padding: 7px 14px; border-radius: 999px}
.e54{font-family: 'Baloo 2', system-ui, sans-serif; font-weight: 800; font-size: clamp(34px, 4vw, 52px); line-height: 1.04; color: #ffffff; margin: 16px 0 0; max-width: 20ch}
.e55{position: absolute; left: 0; right: 0; bottom: 16px; display: flex; justify-content: center; align-items: center; gap: 14px; z-index: 3}
.e56{width: 40px; height: 40px; border-radius: 999px; border: none; background: rgba(255,255,255,.9); color: #0E1A3C; font-size: 20px; font-weight: 800; line-height: 1; cursor: pointer; padding: 0}
.e57{display: flex; gap: 10px}
.e58{width: 34px; height: 12px; border-radius: 999px; border: 2px solid #ffffff; background: #ffffff; cursor: pointer; padding: 0}
.e59{width: 12px; height: 12px; border-radius: 999px; border: 2px solid #ffffff; background: transparent; cursor: pointer; padding: 0}
.e60{background: #0E1A3C; padding: 74px 0 80px}
.e61{max-width: 1240px; margin: 0 auto; padding: 0 22px}
.e62{display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-end; justify-content: space-between; margin-bottom: 34px}
.e63{min-width: 0; max-width: 62ch}
.e64{margin: 0; font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: #6FD44A}
.e65{font-family: 'Baloo 2', system-ui, sans-serif; font-weight: 800; font-size: clamp(34px, 4vw, 52px); line-height: 1.04; color: #ffffff; margin: 14px 0 12px}
.e66{font-size: 18px; line-height: 1.55; margin: 0; color: #C9D3EC; font-weight: 600}
.e67{display: inline-flex; align-items: center; gap: 10px; height: 56px; padding: 0 28px; border-radius: 999px; background: #25D366; color: #06331a; font-size: 17px; font-weight: 800; white-space: nowrap}
.e68{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 46%), 1fr)); gap: 24px}
.e69{background: #ffffff; border-radius: 24px; overflow: hidden; display: flex; flex-direction: column}
.e70{height: 6px; background: #EA6A0C}
.e71{height: 320px; background: #ffffff; overflow: hidden}
.e72{width: 100%; height: 100%; object-fit: contain; display: block}
.e73{padding: 26px 28px 28px; display: flex; flex-direction: column; gap: 16px; flex: 1}
.e74{font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #EA6A0C}
.e75{font-family: 'Baloo 2', system-ui, sans-serif; font-weight: 800; font-size: 27px; line-height: 1.1; color: #0E1A3C; margin: 8px 0 8px}
.e76{font-size: 16px; line-height: 1.55; margin: 0}
.e77{list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px}
.e78{font-size: 14px; font-weight: 800; color: #1E3A8F; background: #EAF0FC; border-radius: 999px; padding: 7px 14px}
.e79{display: grid; grid-template-columns: 1fr 1fr; gap: 12px}
.e80{height: 182px; border-radius: 14px; overflow: hidden; background: #F4F6FB}
.e81{width: 100%; height: 100%; object-fit: cover; object-position: center 60%; display: block}
.e82{width: 100%; height: 100%; object-fit: cover; display: block}
.e83{display: inline-flex; align-items: center; height: 50px; padding: 0 24px; border-radius: 999px; background: #0E1A3C; color: #ffffff; font-size: 16px; font-weight: 800; align-self: flex-start; margin-top: auto}
.e84{height: 6px; background: #1E3A8F}
.e85{font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #1E3A8F}
.e86{font-size: 15px; margin: 26px 0 0; color: #8FA0C8}
.e87{background: #ffffff; padding: 66px 0}
.e88{font-family: 'Baloo 2', system-ui, sans-serif; font-weight: 800; font-size: clamp(30px, 3.4vw, 42px); line-height: 1.06; color: #0E1A3C; margin: 0 0 30px; max-width: 30ch}
.e89{position: relative; overflow: hidden; padding: 6px 0; -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.12) 10%, rgba(0,0,0,.45) 24%, rgba(0,0,0,.8) 36%, #000 46%, #000 54%, rgba(0,0,0,.8) 64%, rgba(0,0,0,.45) 76%, rgba(0,0,0,.12) 90%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.12) 10%, rgba(0,0,0,.45) 24%, rgba(0,0,0,.8) 36%, #000 46%, #000 54%, rgba(0,0,0,.8) 64%, rgba(0,0,0,.45) 76%, rgba(0,0,0,.12) 90%, transparent 100%)}
.e90{display: flex; width: max-content; animation: pmtMarcas 34s linear infinite}
.e91{flex: 0 0 auto; width: 210px; height: 116px; margin-right: 18px; background: #F4F6FB; border-radius: 18px; display: flex; align-items: center; justify-content: center; padding: 22px}
.e92{max-width: 100%; max-height: 62px; object-fit: contain; display: block}
.e93{position: absolute; inset: 0 auto 0 0; width: 42%; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); pointer-events: none; -webkit-mask-image: linear-gradient(90deg, #000 0%, rgba(0,0,0,.72) 30%, rgba(0,0,0,.32) 62%, transparent 100%); mask-image: linear-gradient(90deg, #000 0%, rgba(0,0,0,.72) 30%, rgba(0,0,0,.32) 62%, transparent 100%)}
.e94{position: absolute; inset: 0 0 0 auto; width: 42%; backdrop-filter: blur(5px); -webkit-backdrop-filter: blur(5px); pointer-events: none; -webkit-mask-image: linear-gradient(270deg, #000 0%, rgba(0,0,0,.72) 30%, rgba(0,0,0,.32) 62%, transparent 100%); mask-image: linear-gradient(270deg, #000 0%, rgba(0,0,0,.72) 30%, rgba(0,0,0,.32) 62%, transparent 100%)}
.e95{font-size: 16px; line-height: 1.55; margin: 24px 0 0; color: #6B7280}
.e96{background: #FFF8F2; padding: 76px 0}
.e97{max-width: 60ch; margin-bottom: 34px}
.e98{font-family: 'Baloo 2', system-ui, sans-serif; font-weight: 800; font-size: clamp(32px, 3.6vw, 46px); line-height: 1.05; color: #0E1A3C; margin: 14px 0 12px}
.e99{font-size: 18px; line-height: 1.55; margin: 0}
.e100{background: #0E1A3C; border-radius: 26px; padding: 34px 0 26px; overflow: hidden}
.e101{position: relative; height: 500px; display: flex; align-items: center; justify-content: center; perspective: 1400px; touch-action: pan-y}
.e102{display: flex; flex-direction: column; flex: 1; padding: 26px 26px 24px; min-height: 0; gap: 14px}
.e103{font-family: 'Baloo 2', system-ui, sans-serif; font-weight: 800; font-size: 25px; line-height: 1.1; color: #0E1A3C; margin: 8px 0}
.e104{position: relative; flex: 1; min-height: 96px; border-radius: 14px; overflow: hidden; background: #E9EEF9}
.e105{display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 20px; border-radius: 999px; background: #25D366; color: #06331a; font-size: 15px; font-weight: 800; align-self: flex-start; pointer-events: auto}
.e106{position: absolute; inset: 0; border-radius: 24px; border: 1px solid rgba(14,26,60,.1); pointer-events: none}
.e107{position: absolute; inset: 0 0 auto 0; height: 6px; background: #EA6A0C; pointer-events: none}
.e108{width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block}
.e109{display: inline-flex; align-items: center; gap: 8px; height: 46px; padding: 0 20px; border-radius: 999px; background: #25D366; color: #06331a; font-size: 15px; font-weight: 800; align-self: flex-start; pointer-events: none}
.e110{position: absolute; inset: 0 0 auto 0; height: 6px; background: #1E3A8F; pointer-events: none}
.e111{font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #2F8A32}
.e112{position: absolute; inset: 0 0 auto 0; height: 6px; background: #2F8A32; pointer-events: none}
.e113{width: 100%; height: 100%; object-fit: cover; object-position: center 45%; display: block}
.e114{display: flex; align-items: center; justify-content: center; gap: 14px; margin-top: 4px}
.e115{width: 44px; height: 44px; border-radius: 999px; border: 2px solid rgba(255,255,255,.35); background: transparent; color: #ffffff; font-size: 20px; font-weight: 800; line-height: 1; cursor: pointer; padding: 0}
.e116{display: flex; gap: 9px}
.e117{height: 10px; width: 28px; border-radius: 999px; border: none; background: #EA6A0C; cursor: pointer; padding: 0; transition: width 300ms ease}
.e118{height: 10px; width: 10px; border-radius: 999px; border: none; background: rgba(255,255,255,.3); cursor: pointer; padding: 0; transition: width 300ms ease}
.e119{font-size: 15px; margin: 26px 0 0; color: #6B7280}
.e120{background: #0E1A3C; padding: 88px 0}
.e121{display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-end; justify-content: space-between; margin-bottom: 46px}
.e122{font-family: 'Baloo 2', system-ui, sans-serif; font-weight: 800; font-size: clamp(32px, 3.6vw, 46px); line-height: 1.05; color: #ffffff; margin: 14px 0 0; max-width: 24ch}
.e123{display: inline-flex; align-items: center; gap: 10px; height: 56px; padding: 0 28px; border-radius: 999px; background: #ffffff; color: #0E1A3C; font-size: 17px; font-weight: 800}
.e124{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 30%), 1fr)); gap: 0 34px; border-top: 1px solid rgba(255,255,255,.18)}
.e125{padding: 30px 0 0; border-right: 1px solid rgba(255,255,255,.18); padding-right: 34px}
.e126{font-family: 'Baloo 2', system-ui, sans-serif; font-weight: 800; font-size: 64px; line-height: 1; color: #EA6A0C; margin: 0 0 14px}
.e127{font-family: 'Baloo 2', system-ui, sans-serif; font-weight: 800; font-size: 22px; color: #ffffff; margin: 0 0 8px}
.e128{margin: 0; font-size: 16px; line-height: 1.55; color: #C9D3EC}
.e129{padding: 30px 0 0}
.e130{background: #FFF8F2; padding: 70px 0 74px}
.e131{max-width: 1240px; margin: 0 auto; padding: 0 22px 26px; display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-end; justify-content: space-between}
.e132{min-width: 0; max-width: 56ch}
.e133{font-family: 'Baloo 2', system-ui, sans-serif; font-weight: 800; font-size: clamp(30px, 3.4vw, 42px); line-height: 1.05; color: #0E1A3C; margin: 14px 0 0}
.e134{margin: 0; font-size: 15px; color: #6B7280}
.e135{display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 22px 22px; scrollbar-width: none; cursor: grab; -webkit-overflow-scrolling: touch}
.e136{flex: 0 0 auto; width: min(78vw, 420px); margin: 0; scroll-snap-align: center}
.e137{height: 300px; border-radius: 20px; overflow: hidden; background: #EFE3D8}
.e138{width: 100%; height: 100%; object-fit: cover; display: block; user-select: none}
.e139{font-size: 14px; font-weight: 700; color: #6B7280; margin-top: 10px}
.e140{background: #ffffff; padding: 76px 0}
.e141{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 45%), 1fr)); gap: 44px; align-items: center}
.e142{margin: 0; min-width: 0}
.e143{border-radius: 22px; overflow: hidden; height: 420px}
.e144{font-size: 13px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #8A8F9C; margin-top: 14px}
.e145{font-family: 'Baloo 2', system-ui, sans-serif; font-weight: 800; font-size: clamp(32px, 3.6vw, 46px); line-height: 1.05; color: #0E1A3C; margin: 14px 0 12px; max-width: 24ch}
.e146{font-size: 18px; line-height: 1.55; margin: 0 0 24px}
.e147{margin: 0 0 28px; display: grid; gap: 20px}
.e148{font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #8A8F9C}
.e149{margin: 6px 0 0; font-size: 17px; font-weight: 800; color: #0E1A3C}
.e150{margin: 2px 0 0; font-size: 16px}
.e151{display: inline-flex; align-items: center; height: 54px; padding: 0 26px; border-radius: 999px; background: #0E1A3C; color: #ffffff; font-size: 17px; font-weight: 800}
.e152{position: relative; background: #0E1A3C}
.e153{position: relative; min-height: 580px; display: flex; align-items: center}
.e154{position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; filter: grayscale(.35)}
.e155{position: absolute; inset: 0; background: linear-gradient(90deg, rgba(14,26,60,.94) 0%, rgba(14,26,60,.7) 44%, rgba(14,26,60,0) 78%); pointer-events: none}
.e156{position: relative; max-width: 1240px; width: 100%; margin: 0 auto; padding: 60px 22px}
.e157{max-width: 480px; background: #ffffff; border-radius: 24px; padding: 34px 36px; box-shadow: 0 26px 60px rgba(6,14,38,.4)}
.e158{font-family: 'Baloo 2', system-ui, sans-serif; font-weight: 800; font-size: clamp(30px, 3.2vw, 38px); line-height: 1.06; color: #0E1A3C; margin: 12px 0 10px}
.e159{font-size: 17px; line-height: 1.55; margin: 0 0 22px}
.e160{display: grid; gap: 10px; padding: 18px 0; border-top: 1px solid #EFE3D8; border-bottom: 1px solid #EFE3D8; margin-bottom: 22px}
.e161{margin: 0; font-size: 16px; font-weight: 800; color: #0E1A3C}
.e162{margin: 0; font-size: 15px}
.e163{display: flex; flex-wrap: wrap; gap: 10px}
.e164{display: inline-flex; align-items: center; gap: 10px; height: 54px; padding: 0 26px; border-radius: 999px; background: #25D366; color: #06331a; font-size: 17px; font-weight: 800}
.e165{display: inline-flex; align-items: center; height: 54px; padding: 0 24px; border-radius: 999px; border: 2px solid #E4D7CB; color: #0E1A3C; font-size: 17px; font-weight: 800}
.e166{background: #FFF8F2; padding: 72px 0}
.e167{min-width: 0; flex: 1 1 auto}
.e168{display: flex; flex-direction: column; align-items: flex-start; gap: 10px; flex: 0 1 auto; min-width: 0; max-width: 100%}
.e169{display: inline-flex; align-items: center; gap: 12px; min-height: 58px; padding: 12px 24px; border-radius: 28px; background: #ffffff; border: 2px solid #EFE3D8; color: #0E1A3C; box-shadow: 0 8px 22px rgba(14,26,60,.09); max-width: 100%}
.e170{display: block; flex: 0 0 auto}
.e171{display: grid; gap: 3px; text-align: left; min-width: 0}
.e172{font-size: 16px; font-weight: 800; line-height: 1.15}
.e173{font-size: 13px; font-weight: 700; color: #6B7280; line-height: 1.2}
.e174{flex: 0 0 auto; width: min(84vw, 380px); margin: 0; background: #ffffff; border-radius: 20px; padding: 26px 28px; display: flex; flex-direction: column; gap: 14px; scroll-snap-align: start; border: 1px solid #EFE3D8}
.e175{font-size: 17px; letter-spacing: .14em; color: #EA6A0C; line-height: 1}
.e176{margin: 0; font-size: 16px; line-height: 1.6; color: #3A3F4B}
.e177{margin-top: auto; font-size: 15px; font-weight: 800; color: #0E1A3C}
.e178{display: block; font-size: 13px; font-weight: 700; color: #8A8F9C; margin-top: 2px}
.e179{max-width: 1240px; margin: 0 auto; padding: 0 22px; font-size: 14px; color: #8A8F9C}
.e180{max-width: 900px; margin: 0 auto; padding: 0 22px}
.e181{font-family: 'Baloo 2', system-ui, sans-serif; font-weight: 800; font-size: clamp(30px, 3.4vw, 42px); line-height: 1.05; color: #0E1A3C; margin: 0 0 26px}
.e182{display: grid; gap: 10px}
.e183{background: #F4F6FB; border-radius: 16px; padding: 20px 24px}
.e184{display: flex; align-items: center; justify-content: space-between; gap: 16px; font-size: 18px; font-weight: 800; color: #0E1A3C}
.e185{flex: 0 0 auto; width: 28px; height: 28px; border-radius: 999px; background: #ffffff; color: #EA6A0C; font-size: 19px; font-weight: 800; display: flex; align-items: center; justify-content: center; line-height: 1}
.e186{margin: 12px 0 0; font-size: 16px; line-height: 1.55}
.e187{background: #0E1A3C; color: #A9B5D6; padding: 56px 0 26px}
.e188{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 42%), 1fr)); gap: 34px}
.e189{display: block; font-family: 'Baloo 2', system-ui, sans-serif; font-size: 22px; color: #ffffff; margin-bottom: 12px}
.e190{font-size: 15px; line-height: 1.6; margin: 0}
.e191{font-size: 14px; font-weight: 800; color: #ffffff; margin: 0 0 12px; text-transform: uppercase; letter-spacing: .05em}
.e192{display: grid; gap: 7px; font-size: 15px}
.e193{color: #A9B5D6}
.e194{display: flex; flex-wrap: wrap; gap: 12px; justify-content: space-between; margin-top: 38px; padding-top: 22px; border-top: 1px solid #23345F; font-size: 13px; color: #7C89AE}
.e195{display: inline-flex; align-items: center; gap: 5px}
.e196{color: #7C89AE; font-weight: 700}
.e197{color: #7C89AE}
.e198{position: fixed; right: 20px; bottom: 20px; z-index: 60; width: 62px; height: 62px; border-radius: 999px; background: #25D366; display: flex; align-items: center; justify-content: center; animation: pmtPulse 2.6s infinite}
.h0:hover,.h0:focus-visible{color: #EA6A0C}
.h1:hover,.h1:focus-visible{background: #1fb857}
.h2:hover,.h2:focus-visible{border-color: #0E1A3C}
.h3:hover,.h3:focus-visible{background: #ffffff}
.h4:hover,.h4:focus-visible{background: #EA6A0C}
.h5:hover,.h5:focus-visible{background: #EA6A0C; border-color: #EA6A0C}
.h6:hover,.h6:focus-visible{background: #EA6A0C; color: #ffffff}
.h7:hover,.h7:focus-visible{border-color: #EA6A0C; box-shadow: 0 12px 28px rgba(234,106,12,.18)}
.h8:hover,.h8:focus-visible{color: #ffffff}
@media (max-width:640px){.e15,.e35,.e68,.e124,.e141,.e188{grid-template-columns:1fr}}
@media (max-width:640px){.e28{height:auto;aspect-ratio:4/3}}