/* ================================
   Base / Tokens
================================ */
:root{
  --text:#1f2937;
  --muted:#6b7280;
  --text-secondary: var(--muted); /* FIX: map secondary to muted */
  --bg:#fff;
  --line:#e5e7eb;
  --brand:#2563eb;
  --container:1200px;

  /* Header fino + logo grande */
  --header-h:145px;
  --logo-h:150px;
  --overhang:calc(var(--logo-h) - var(--header-h));

  /* Hero – knobs rápidos */
  --hero-mascot-maxw: min(46vw, 640px);
  --hero-mascot-maxh: 78vh;
  --hero-gap: 64px;

  /* Contato */
  --contato-max-form: 640px;
  --contato-gap: 1rem;
  --contato-bg: #fff;
  --contato-accent: var(--brand);
  --contato-field-h: 52px;
}

*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--text);
  background:var(--bg);
}
.container{max-width:var(--container);margin:0 auto;padding:0 1rem;}
section{padding:3.25rem 0;}

/* ================================
   Header fino com logo grande
================================ */
.header{
  position:sticky; top:0; z-index:1000;
  background:#fff; border-bottom:1px solid var(--line);
  overflow:visible;
}
.header__inner{ height:var(--header-h); display:flex; align-items:center; justify-content:space-between; }
.brand{display:inline-flex; align-items:center; text-decoration:none; color:inherit;}
.brand img,.logo img{
  display:block !important;
  height:var(--logo-h,56px);
  width:auto; max-width:100%;
  object-fit:contain;
  transform:translateY(calc(var(--overhang) * 0.12));
}
.brand img,.logo img{ opacity:1 !important; visibility:visible !important; }

.nav{display:flex; align-items:center;}
.nav-menu{ display:flex; align-items:center; height:100%; gap:1rem; list-style:none; margin:0; padding:0; }
.nav-link{ color:var(--text); text-decoration:none; font-weight:500; line-height:1; padding:.45rem .65rem; border-radius:.4rem; }
.nav-link:hover{ color:var(--brand); background:#f9fafb }

.hamburger{display:none; width:40px; height:40px; border:0; background:none}
.hamburger span{display:block; height:2px; background:#111; margin:7px 6px; border-radius:2px}

@media (max-width:768px){
  .nav-menu{
    display:none; position:absolute; left:0; right:0; top:var(--header-h);
    background:#fff; border-bottom:1px solid var(--line);
    padding:.75rem 1rem; flex-direction:column; gap:.5rem;
  }
  .nav-menu.active{display:flex}
  .hamburger{display:block}
}

/* ================================
   HERO – layout em 2 colunas
================================ */
.hero{ background:#f3f4f6; padding:48px 0 40px; }
.hero__inner{ display:grid; grid-template-columns:1.1fr 0.9fr; align-items:end; gap:48px; }
.hero-text{ max-width:720px; }
.hero-image{ display:flex; justify-content:flex-end; align-items:flex-end; min-height:320px; }
.hero-mascot{ display:block; max-width:min(46vw,640px); height:auto; max-height:78vh; object-fit:contain; margin-left:auto; }
.hero.hero--raise .hero-text{ margin-top:76px; }

@media (max-width:1024px){
  .hero{ padding:56px 0 40px; }
  .hero__inner{ grid-template-columns:1fr; gap:24px; align-items:center; }
  .hero-image{ justify-content:center; min-height:0; }
  .hero-mascot{ max-width:58vw; max-height:50vh; margin-left:0; }
  .hero.hero--raise .hero-text{ margin-top:40px; }
}
@media (max-width:640px){ .hero.hero--raise .hero-text{ margin-top:24px; } }

/* Botões */
.btn{display:inline-flex; align-items:center; gap:.5rem; border-radius:.5rem; padding:.6rem 1rem; text-decoration:none; font-weight:600}
.btn-primary{background:var(--brand); color:#fff}
.btn-secondary{background:#fff; border:1px solid var(--line); color:var(--text)}
.btn-primary:hover{filter:brightness(1.05)}
.btn-secondary:hover{background:#f9fafb}

/* ================================
   Clientes
================================ */
.clients{background:#f8fafb}
.clients__header{text-align:center; margin-bottom:2rem}
.clients__title{margin:0 0 .5rem; font-size:clamp(1.5rem,3vw,2rem)}
.clients__subtitle{margin:0; color:var(--muted)}
#clientes-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 32px;
  justify-items: center;
  align-items: start;
  margin-top: 32px;
}

.cliente-item {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.08);
  padding: 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cliente-logo-img {
  width: 120px;
  height: 90px;
  object-fit: contain;
  margin-bottom: 12px;
}

.cliente-nome {
  font-size: 1rem;
  color: #444;
  text-align: center;
  margin-top: 4px;
}

.clients-logos{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; align-items:stretch; }
@media (max-width:1024px){ .clients-logos{grid-template-columns:repeat(3,1fr);} }
@media (max-width:768px){ .clients-logos{grid-template-columns:repeat(2,1fr);} }
.client-logo-card{
  height:120px; background:#fff; border:1px solid var(--line); border-radius:12px;
  display:flex; align-items:center; justify-content:center; padding:12px 16px;
  transition:transform .2s ease, box-shadow .2s ease;
}
.client-logo-card:hover{transform:translateY(-4px); box-shadow:0 10px 24px rgba(0,0,0,.08);}
.client-logo-img{max-width:100%; max-height:100%; object-fit:contain; display:block; filter:grayscale(70%); transition:filter .2s ease;}
.client-logo-card:hover .client-logo-img{filter:grayscale(0%)}

/* Animação hover para logos dos clientes */
.client-logo-card {
  transition: transform 0.25s cubic-bezier(.4,2,.3,1), box-shadow 0.2s;
  box-shadow: 0 0 0 rgba(0,0,0,0);
  cursor: pointer;
}
.client-logo-card:hover {
  transform: translateY(-6px) scale(1.07) rotate(-2deg);
  box-shadow: 0 8px 24px -6px rgba(30,64,175,0.10), 0 2px 8px -2px rgba(0,0,0,0.08);
  background: #f3f8ff;
}
.client-logo-img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
  filter: grayscale(70%);
  transition: filter 0.2s, opacity 0.2s;
}
.client-logo-card:hover .client-logo-img {
  filter: grayscale(0%) drop-shadow(0 2px 8px #38bdf8);
  opacity: 1;
}

/* Estilos para a seção de clientes */
.clientes-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  margin-top: 30px;
}

.client-card {
  width: 180px;
  height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}

.client-card:hover {
  transform: translateY(-5px);
}

.client-logo-img {
  max-width: 100%;
  max-height: 90px;
  object-fit: contain;
}

/* ================================
   Produtos & Serviços (cards)
================================ */
.section-header { margin-bottom: 1.25rem; text-align: center; }
.section-header--left { text-align: left; }
.section-title { margin: 0 0 .4rem; font-size:clamp(1.5rem, 2.4vw, 2rem); font-weight: 700; color: var(--text); }
.section-lead { margin: 0; color: var(--muted); }

.cards{ display:grid; grid-template-columns: repeat(auto-fit, minmax(260px,1fr)); gap:20px; }
.card{
  background:#fff; border:1px solid var(--line); border-radius:12px;
  padding:1.1rem 1.15rem; box-shadow:0 1px 2px rgba(0,0,0,.03);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  display:flex; flex-direction:column; gap:.4rem; height:100%;
}
.card:hover{ transform:translateY(-3px); box-shadow:0 10px 24px rgba(0,0,0,.07); border-color:rgba(37,99,235,.25); }
.card__icon{ width:64px; height:64px; object-fit:contain; display:block; margin:0 auto 12px; filter:drop-shadow(0 10px 18px rgba(37,99,235,.15)); }
.card__title{ margin: 0; font-weight:700; color:var(--text); font-size:1.0625rem; }
.card__desc{ margin: 0; color:var(--muted); line-height:1.6; font-size:.975rem; max-width:34ch; margin-inline:auto; }
.card--partner .card__title { font-size: 1rem; }
.card--partner .card__desc  { font-size: .95rem; }

@media (max-width: 768px){
  .card__icon{ width:56px; height:56px; }
}

/* ================================
   Sobre (texto + métricas)
================================ */
.sobre { background:#f8fafb; padding:56px 0 48px; }
.section-header--center { text-align:center; margin-bottom:16px; }
.sobre-wrap{ display:grid; grid-template-columns:1.6fr 1fr; gap:24px; align-items:start; }
.sobre-text{ max-width:780px; }
.sobre-text p{ margin:0 0 14px; line-height:1.75; color:var(--text); }
.stats{ list-style:none; padding:0; margin:0; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.stat{
  background:#fff; border:1px solid var(--line); border-radius:16px; text-align:center;
  padding:20px 18px; box-shadow:0 6px 14px rgba(0,0,0,.05);
  transition: transform .18s ease, box-shadow .18s ease;
}
.stat:hover{ transform:translateY(-4px); box-shadow:0 14px 34px rgba(0,0,0,.08); }
.stat-number{ display:block; font-weight:800; color:var(--brand); font-size:clamp(2.2rem,3.5vw,2.8rem); letter-spacing:.2px; line-height:1.1; margin-bottom:6px; }
.stat-label{ color:var(--muted); font-size:.95rem; } /* FIX */

@media (max-width:1024px){ .sobre-wrap{ grid-template-columns:1fr; } }
@media (max-width:640px){
  .stats{ grid-template-columns:repeat(2,1fr); }
  .stat:last-child{ grid-column:1 / -1; }
}

/* ================================
   Parceiros
================================ */
.parceiros-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:20px; }
.parceiro-card{ background:#fff; border:1px solid var(--line); border-radius:12px; padding:1.1rem; text-align:center; transition:transform .2s, box-shadow .2s; }
.parceiro-card:hover{ transform:translateY(-3px); box-shadow:0 10px 24px rgba(0,0,0,.08); }
.parceiro-card h4{ margin:.25rem 0 }

/* ================================
   Contato (form + mascote)
================================ */
.contato{ padding:4rem 0; background:#fff; }
.contato .section-title{ text-align:center; margin-bottom:.5rem; }
.contato .text-muted{ text-align:center; margin-bottom:1.25rem; }
.contato-content{ display:grid; grid-template-columns:1fr; gap:2rem; }
@media (min-width: 992px) { .contato-content { grid-template-columns: 1fr auto; } }
.contato-form{ display:grid; gap:.75rem; max-width:560px; }
.contato-form input,.contato-form textarea{ width:100%; padding:.75rem .9rem; border:1px solid var(--line); border-radius:.5rem; font:inherit; background:#fff; }
.contato-form input:focus,.contato-form textarea:focus{
  outline:none; border-color:var(--brand);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 15%, transparent);
}
.contato-mascot{ display:block !important; text-align:center; }
.contato-mascot img{ width:min(420px,100%); height:auto; display:block !important; margin:0 auto; }
@media (max-width:480px){
  .contato{ padding:3rem 0; }
  .contato-mascot img{ width:min(340px,88%); transform:none; }
}

/* =======================
   Footer escuro
======================= */
:root{
  --footer-bg:#0B1424;
  --footer-card:rgba(255,255,255,.04);
  --footer-stroke:rgba(255,255,255,.06);
  --footer-text:#E5ECFF;
  --footer-muted:#A8B2D1;
  --footer-accent:#3b82f6;
}
.footer-dark{ background:var(--footer-bg); color:var(--footer-text); border-top:1px solid rgba(255,255,255,.06); }
.footer-dark a{ color:var(--footer-text); text-decoration:none; }
.footer-dark__inner{ display:grid; grid-template-columns:1.15fr 1fr 1fr 1fr; gap:28px; padding:36px 0 28px; }
.footer-dark__title{ font-weight:700; font-size:1.05rem; display:inline-block; position:relative; margin:4px 0 14px; }
.footer-dark__title::after{ content:""; display:block; width:72px; height:3px; background:linear-gradient(90deg, var(--footer-accent), transparent); border-radius:999px; margin-top:8px; }
.footer-dark__text{ color:var(--footer-muted); line-height:1.6; margin:0 0 16px; max-width:42ch; }
.footer-msg{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid var(--footer-stroke); border-radius:14px;
  display:grid; grid-template-columns:64px 1fr; gap:12px; align-items:center;
  padding:14px; box-shadow:inset 0 1px 0 rgba(255,255,255,.05); margin:10px 0 14px;
}
.footer-msg__img{ width:64px; height:auto; object-fit:contain; transform:translateY(2px); filter:drop-shadow(0 10px 18px rgba(0,0,0,.18)); }
.footer-msg__text{ color:var(--footer-text); font-weight:600; letter-spacing:.2px; }
.footer-social{ display:flex; gap:10px; margin-top:6px; }
.footer-social a{
  width:36px; height:36px; display:grid; place-items:center; border-radius:999px;
  border:1px solid var(--footer-stroke); background:rgba(255,255,255,.03); transition:.2s ease;
}
.footer-social a:hover{ transform:translateY(-2px); background:rgba(59,130,246,.12); border-color:rgba(59,130,246,.25); color:#fff; }
.footer-links,.footer-contact{ list-style:none; margin:0; padding:0; display:grid; gap:10px; }
.footer-links a,.footer-contact li{ color:var(--footer-muted); }
.footer-links a:hover{ color:#fff; transform:translateX(2px); }
.footer-links i,.footer-contact i{ width:18px; margin-right:8px; color:var(--footer-accent); }
.footer-dark__bottom{ border-top:1px solid var(--footer-stroke); margin-top:8px; padding:10px 0; color:var(--footer-muted); font-size:.95rem; }

@media (max-width:1024px){ .footer-dark__inner{ grid-template-columns:1fr 1fr; } }
@media (max-width:640px){
  .footer-dark__inner{ grid-template-columns:1fr; }
  .footer-msg{ grid-template-columns:56px 1fr; }
}

/* ================================
   Responsivo – header logo
================================ */
@media (max-width:1024px){
  :root{ --header-h:84px; --logo-h:200px; --overhang:calc(var(--logo-h) - var(--header-h)); }
  .brand img,.logo img{ transform:translateY(calc(var(--overhang) * 0.38)); }
}
@media (max-width:768px){
  :root{ --header-h:72px; --logo-h:72px; --overhang:0; }
  .brand img,.logo img{ transform:none; min-height:40px; }
}

/* -------------------------------------------------------
   HEADERS DE SEÇÃO
   ------------------------------------------------------- */
section > .container > h2{ text-align:center; font-weight:800; letter-spacing:-0.02em; font-size:clamp(1.6rem, 2.2vw, 2rem); margin:0; }
section > .container > h2 + .text-muted,
section > .container > h2 + p.section-subtitle,
section > .container > h2 + p{ margin-top:.6rem; }
section > .container > .text-muted + *,
section > .container > p.section-subtitle + *,
section > .container > h2 + *:not(.text-muted){ margin-top:1.5rem; }
section > .container > .text-muted,
section > .container > p.section-subtitle{ text-align:center; color:var(--muted); max-width:880px; margin-left:auto; margin-right:auto; }

/* -------------------------------------------------------
   PRODUTOS & SERVIÇOS — 4 por linha (desktop)
   ------------------------------------------------------- */
#produtos-servicos .cards,
#produtos-servicos .servicos-grid{
  display:grid;
  gap:20px;
}

@media (min-width:1024px){
  #produtos-servicos .cards,
  #produtos-servicos .servicos-grid{
    grid-template-columns:repeat(4,1fr) !important;
  }
}

@media (min-width:640px) and (max-width:1023.98px){
  #produtos-servicos .cards,
  #produtos-servicos .servicos-grid{
    grid-template-columns:repeat(2,1fr) !important;
  }
}

@media (max-width:639.98px){
  #produtos-servicos .cards,
  #produtos-servicos .servicos-grid{
    grid-template-columns:1fr !important;
  }
}

/* -------------------------------------------------------
   CONTATO — ajustes finais (override)
   ------------------------------------------------------- */
#contato .contato-content{ align-items:start; }
@media (min-width:992px){ #contato .contato-content{ grid-template-columns:1fr 340px; column-gap:2.5rem; } }
.contato-mascot img{ width:clamp(240px,28vw,340px); max-height:520px; height:auto; object-fit:contain; display:block; margin:0 auto; }

/* HERO — versão final unificada (override) */
.hero--raise{ padding-top:48px; }
.hero--raise .hero-text{ margin-top:0; align-self:start; }
.hero--raise .hero-image{ align-self:end; }
@media (max-width:1024px){ .hero--raise{ padding-top:56px; } }
@media (max-width:768px){  .hero--raise{ padding-top:64px; } }

/* Extras utilitários */
.text-primary{ color:var(--brand); } .text-secondary{ color:var(--muted); }

/* ===== SOBRE v2 — layout e tipografia ===== */
#sobre .sobre-wrap{ grid-template-columns:1fr !important; gap:18px; }
#sobre .sobre--v2 .sobre-text{
  max-width:880px;
  margin:0 auto 8px;
  text-align:center;
}
#sobre .sobre--v2 .sobre-text p{
  margin:0 0 12px;
  line-height:1.75;
  color:var(--text);
}

/* Lista com check */
#sobre .bullet-check{
  list-style:none;
  padding:0;
  margin:14px auto 8px;
  display:grid;
  gap:10px;
  grid-template-columns:1fr;
}
#sobre .bullet-check li{
  position:relative;
  padding-left:28px;
  text-align:left;
}
#sobre .bullet-check li::before{
  content:"✓";
  position:absolute;
  left:0; top:2px;
  width:20px; height:20px;
  border-radius:50%;
  display:grid; place-items:center;
  font-weight:700; font-size:.85rem;
  color:#fff;
  background:var(--brand);
}

/* Selos */
#sobre .badges{
  display:flex; flex-wrap:wrap; gap:8px;
  justify-content:center;
  margin:10px 0 2px;
}
#sobre .badge{
  padding:.35rem .6rem;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  font-weight:600;
  font-size:.85rem;
  color:var(--text);
}

/* Passo-a-passo */
#sobre .steps{
  margin-top:14px;
  display:grid;
  gap:14px;
  grid-template-columns:repeat(4,1fr);
}
#sobre .step{
  background:#fff;
  border:1px solid var(--line);
  border-radius:12px;
  padding:16px 14px;
  text-align:center;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
#sobre .step:hover{
  transform:translateY(-3px);
  box-shadow:0 10px 24px rgba(0,0,0,.07);
  border-color:rgba(37,99,235,.25);
}
#sobre .step__num{
  width:36px; height:36px;
  border-radius:999px;
  display:inline-grid; place-items:center;
  background:color-mix(in srgb, var(--brand) 12%, #fff);
  color:var(--brand); font-weight:800;
  margin-bottom:8px;
}
#sobre .step h4{
  margin:0 0 6px;
  font-size:1rem; font-weight:700; color:var(--text);
}
#sobre .step p{
  margin:0; color:var(--muted); line-height:1.55; font-size:.95rem;
}

/* CTA */
#sobre .sobre-cta{
  margin-top:16px;
  display:flex;
  gap:.75rem;
  justify-content:center;
  flex-wrap:wrap;
}
#sobre .sobre-cta .btn{
  min-height:46px;
  padding:.7rem 1.2rem;
}

/* Métricas (já centralizadas) */
#sobre .stats{
  grid-template-columns:repeat(3, minmax(180px,1fr));
  max-width:900px;
  margin:10px auto 0;
  justify-items:center;
  text-align:center;
}

/* Responsivo */
@media (min-width:720px){
  #sobre .bullet-check{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:820px){
  #sobre .steps{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:560px){
  #sobre .steps{ grid-template-columns:1fr; }
  #sobre .bullet-check{ grid-template-columns:1fr; }
}

/* Rodapé CapeSystem - moderno, responsivo, BEM */
.cs-footer {
  background: #0b1623;
  color: #cfe4ff;
  margin-top: 40px;
  font-family: var(--font-family, 'Inter', Arial, sans-serif);
}
.cs-footer .container {
  width: min(1200px, 95%);
  margin: 0 auto;
}
.cs-footer__content {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr 1.2fr;
  gap: 32px;
  padding: 40px 0;
}
@media (max-width: 980px) {
  .cs-footer__content {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 640px) {
  .cs-footer__content {
    grid-template-columns: 1fr;
    padding: 32px 0;
    gap: 24px;
  }
}
.cs-footer__logo {
  width: 180px;
  height: auto;
  margin: 0 0 10px 0;
  display: block;
}
.cs-footer__brand p {
  margin: 0 0 12px;
  opacity: .85;
}
.cs-social {
  margin-bottom: 8px;
}
.cs-social a {
  display: inline-flex;
  width: 36px;
  height: 36px;
  align-items: center;
  justify-content: center;
  border: 1px solid #224058;
  border-radius: 10px;
  margin-right: 8px;
  color: #cfe4ff;
  transition: all .2s;
  background: none;
}
.cs-social a:last-child {
  margin-right: 0;
}
.cs-social a:hover {
  background: #0ea5e9;
  border-color: #0ea5e9;
  color: #001b2a;
  transform: translateY(-2px);
}
.cs-footer__nav {
  min-width: 160px;
}
.cs-footer__nav strong {
  display: block;
  margin-bottom: 8px;
  color: #fff;
  font-size: 1.08em;
  font-weight: 600;
}
.cs-footer__nav a {
  display: block;
  color: #cfe4ff;
  text-decoration: none;
  padding: 6px 0;
  opacity: .9;
  font-size: 1em;
  transition: color .2s;
}
.cs-footer__nav a:hover,
.cs-footer__nav a.btn-primary:hover {
  color: #fff;
}
.cs-footer__nav .btn-primary {
  margin-top: 10px;
  width: 100%;
  text-align: center;
}
.cs-link {
  color: #79c3ff;
  text-decoration: underline;
  text-underline-offset: 2px;
  transition: color .2s;
}
.cs-link:hover {
  color: #38bdf8;
}
.cs-footer__cta small {
  opacity: .75;
  display: block;
  margin-top: 8px;
}
.cs-footer__buttons {
  display: flex;
  gap: 10px;
  margin: 8px 0 6px;
  flex-wrap: wrap;
}
.btn {
  display: inline-block;
  padding: 10px 14px;
  border-radius: 12px;
  font-weight: 700;
  border: 1px solid #224058;
  text-decoration: none;
  font-size: 1em;
  transition: background .2s, color .2s, border-color .2s;
  cursor: pointer;
}
.btn-primary {
  background: linear-gradient(180deg, var(--brand, #38bdf8), #0ea5e9);
  color: #001b2a;
  border-color: transparent;
}
.btn-primary:hover {
  background: linear-gradient(180deg, #0ea5e9, #38bdf8);
  color: #fff;
}
.btn-ghost {
  background: transparent;
  color: #cfe4ff;
}
.btn-ghost:hover {
  background: #224058;
  color: #fff;
}
.cs-footer__bottom {
  border-top: 1px solid #1f2c3b;
  padding: 14px 0;
  font-size: .93rem;
  background: #0b1623;
}
.cs-footer__bottom .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.cs-footer__bottom-links a {
  color: #cfe4ff;
  text-decoration: none;
  opacity: .85;
  margin-left: 14px;
  transition: opacity .2s, text-decoration .2s;
}
.cs-footer__bottom-links a:hover {
  opacity: 1;
  text-decoration: underline;
}
@media (max-width: 640px) {
  .cs-footer__bottom .container {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
}