/* ============================================================
   SEINTOSOFT · BASE VISUAL V2.1
   Inter Display (títulos) · Inter Variable (contenido)
   Azul #0c64b0 · Naranja #fb8d1f · Texto #111111
   ============================================================ */

:root {
  --ss-primary: #0c64b0;
  --ss-primary-hover: #09518e;
  --ss-accent: #fb8d1f;
  --ss-text: #111111;
  --ss-muted: #555c65;
  --ss-white: #ffffff;
  --ss-border: #edf0f2;
  --ss-container: 1344px;
  --ss-font-display: "Inter Display", "InterDisplay", "InterVariable", "Inter", Arial, sans-serif;
  --ss-font-body: "Inter Variable", "InterVariable", "Inter", Arial, sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
  margin: 0;
  background: var(--ss-white);
  color: var(--ss-text);
  font-family: var(--ss-font-body);
  font-size: 16px;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
h1, h2, h3, h4, h5, h6,
.wp-block-heading {
  font-family: var(--ss-font-display);
  color: var(--ss-text);
  font-optical-sizing: auto;
  letter-spacing: -0.035em;
}
button, input, select, textarea { font: inherit; }
img { max-width: 100%; height: auto; }
a { color: inherit; }
:focus-visible { outline: 3px solid var(--ss-primary); outline-offset: 3px; }
::selection { background: #d7e9f8; color: var(--ss-text); }

/* Enlace accesible para navegar al contenido principal */
.ss-skip-link {
  position: fixed;
  z-index: 10000;
  top: -100px;
  left: 12px;
  padding: 11px 16px;
  background: var(--ss-white);
  color: var(--ss-primary);
  border: 2px solid var(--ss-primary);
  border-radius: 8px;
  text-decoration: none;
}
.ss-skip-link:focus { top: 12px; }

/* HEADER: barra blanca, fina y con el contenido alineado al centro */
.ss-site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  width: 100%;
  height: 80px;
  background: var(--ss-white);
  border-bottom: 1px solid var(--ss-border);
}
.ss-site-header__inner {
  width: min(calc(100% - 48px), var(--ss-container));
  height: 100%;
  margin-inline: auto;
  display: flex;
  align-items: center;
  gap: clamp(35px, 5vw, 86px);
}
.ss-site-header__brand { flex: 0 0 auto; display: flex; align-items: center; min-width: 0; }
.ss-site-header__brand .custom-logo-link { display: inline-flex; align-items: center; line-height: 0; }
.ss-site-header__brand .custom-logo {
  display: block;
  width: auto;
  max-width: 176px;
  max-height: 43px;
  height: auto;
  object-fit: contain;
}
.ss-site-header__wordmark {
  font-family: var(--ss-font-display);
  color: var(--ss-text);
  font-size: 24px;
  font-weight: 750;
  line-height: 1;
  letter-spacing: -0.06em;
  text-decoration: none;
  white-space: nowrap;
}
.ss-site-nav { min-width: 0; display: flex; align-items: center; }
.ss-main-menu, .ss-main-menu .sub-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.ss-main-menu { display: flex; align-items: center; gap: clamp(17px, 2.25vw, 34px); }
.ss-main-menu > li { position: relative; margin: 0; padding: 0; }
.ss-main-menu > li > a {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--ss-text);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
  text-decoration: none;
  white-space: nowrap;
  transition: color .18s ease;
}
.ss-main-menu a:hover,
.ss-main-menu a:focus-visible,
.ss-main-menu .current-menu-item > a,
.ss-main-menu .current-menu-ancestor > a { color: var(--ss-primary); }

/* Submenús WordPress sin plugins ni dependencia del antiguo megamenú */
.ss-main-menu .sub-menu {
  position: absolute;
  top: calc(100% - 1px);
  left: -17px;
  z-index: 110;
  width: max-content;
  min-width: 198px;
  max-width: 300px;
  padding: 8px;
  background: var(--ss-white);
  border: 1px solid var(--ss-border);
  border-radius: 12px;
  box-shadow: 0 16px 40px rgba(15, 31, 50, .09);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}
.ss-main-menu .sub-menu .sub-menu { top: -9px; left: calc(100% - 4px); }
.ss-main-menu li:hover > .sub-menu,
.ss-main-menu li:focus-within > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.ss-main-menu .sub-menu a {
  display: block;
  padding: 11px 12px;
  color: var(--ss-text);
  font-size: 13px;
  font-weight: 500;
  text-decoration: none;
  line-height: 1.35;
  border-radius: 7px;
  white-space: normal;
}
.ss-main-menu .sub-menu a:hover,
.ss-main-menu .sub-menu a:focus-visible { color: var(--ss-primary); background: #f0f7fd; }

.ss-site-header__actions {
  display: flex;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
  margin-left: auto;
}
.ss-site-header__cta {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-height: 38px;
  padding: 0 18px;
  border: 1px solid var(--ss-primary);
  border-radius: 11px;
  background: var(--ss-primary);
  color: var(--ss-white);
  font-family: var(--ss-font-body);
  font-size: 13px;
  font-weight: 650;
  line-height: 1.2;
  white-space: nowrap;
  text-decoration: none;
  transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}
.ss-site-header__cta:hover {
  background: var(--ss-accent);
  border-color: var(--ss-accent);
  color: var(--ss-text);
  transform: translateY(-1px);
}
.ss-site-header__toggle { display: none; }

@media (max-width: 1000px) {
  .ss-site-header__inner { gap: 30px; }
  .ss-main-menu { gap: 19px; }
}

/* Mobile: logo + CTA + menú hamburguesa desplegable */
@media (max-width: 840px) {
  .ss-site-header { height: 72px; }
  .ss-site-header__inner { width: min(calc(100% - 36px), var(--ss-container)); gap: 16px; }
  .ss-site-header__brand .custom-logo { max-width: 148px; max-height: 38px; }
  .ss-site-header__wordmark { font-size: 22px; }
  .ss-site-header__cta { min-height: 36px; padding-inline: 14px; font-size: 12px; border-radius: 9px; }
  .ss-site-header__toggle {
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid var(--ss-border);
    border-radius: 9px;
    background: var(--ss-white);
    color: var(--ss-text);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
  }
  .ss-site-header__toggle-bars { width: 18px; display: flex; flex-direction: column; gap: 4px; }
  .ss-site-header__toggle-bars span {
    height: 1.8px;
    width: 100%;
    border-radius: 4px;
    background: currentColor;
    transition: transform .2s ease, opacity .2s ease;
  }
  .ss-site-header.is-open .ss-site-header__toggle-bars span:first-child { transform: translateY(5.8px) rotate(45deg); }
  .ss-site-header.is-open .ss-site-header__toggle-bars span:nth-child(2) { opacity: 0; }
  .ss-site-header.is-open .ss-site-header__toggle-bars span:last-child { transform: translateY(-5.8px) rotate(-45deg); }
  .ss-site-nav {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: none;
    max-height: min(75vh, 560px);
    overflow: auto;
    background: var(--ss-white);
    border-bottom: 1px solid var(--ss-border);
    box-shadow: 0 20px 28px rgba(15, 31, 50, .08);
  }
  .ss-site-header.is-open .ss-site-nav { display: block; }
  .ss-main-menu { width: min(calc(100% - 36px), var(--ss-container)); margin: 0 auto; padding: 12px 0 20px; display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .ss-main-menu > li > a { display: flex; padding: 11px 0; font-size: 15px; min-height: 45px; white-space: normal; }
  .ss-main-menu .sub-menu,
  .ss-main-menu .sub-menu .sub-menu {
    position: static;
    width: 100%;
    min-width: 0;
    max-width: none;
    padding: 0 0 5px 15px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    transform: none;
    transition: none;
  }
  .ss-main-menu .sub-menu a { padding: 9px 0; font-size: 14px; }
}
@media (max-width: 420px) {
  .ss-site-header__inner { width: calc(100% - 28px); }
  .ss-site-header__brand .custom-logo { max-width: 120px; max-height: 33px; }
  .ss-site-header__wordmark { font-size: 19px; }
  .ss-site-header__actions { gap: 8px; }
  .ss-site-header__cta { padding-inline: 11px; font-size: 11px; }
  .ss-site-header__toggle { width: 36px; height: 36px; }
}
@media (prefers-reduced-motion: reduce) {
  .ss-site-header *, .ss-site-header *::before, .ss-site-header *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}


/* ============================================================
   SEINTOSOFT · HERO HOME V2.2
   La imagen de fondo es banner-web.png, sin alteraciones.
   Inspiración visual: titular grande centrado, descripción y CTAs.
   ============================================================ */
.ss-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  place-items: center;
  width: 100%;
  min-height: clamp(500px, 32vw, 500px);
  overflow: hidden;
  padding: 0px 24px 0px;
  background-color: #ffffff;
  background-image: url('../images/banner-web.png');
  /* Mostrar todo el banner horizontal, sin recortar los personajes ni iconos. */
  background-size: 100% auto;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.ss-hero__content {
  position: relative;
  z-index: 1;
  width: min(100%, 1010px);
  margin-inline: auto;
  text-align: center;
}
.ss-hero__title {
  max-width: 1010px;
  margin: 0 auto;
  font-family: var(--ss-font-display);
  font-size: clamp(42px, 4.15vw, 70px);
  font-optical-sizing: auto;
  font-weight: 600;
  line-height: 1.095;
  letter-spacing: -0.055em;
  color: #111111;
  text-wrap: balance;
}
.ss-hero__description {
  max-width: 795px;
  margin: 24px auto 0;
  color: #202329;
  font-family: var(--ss-font-body);
  font-size: clamp(16px, 1.27vw, 19px);
  font-weight: 400;
  line-height: 1.55;
  text-wrap: pretty;
}
.ss-hero__actions {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  column-gap: 25px;
  row-gap: 12px;
  margin-top: 32px;
}
.ss-hero__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 49px;
  font-family: var(--ss-font-body);
  font-size: 15px;
  font-weight: 650;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease;
}
.ss-hero__button--primary {
  padding: 0 28px;
  border: 1px solid var(--ss-primary);
  border-radius: 999px;
  background: var(--ss-primary);
  color: #ffffff;
  box-shadow: 0 7px 19px rgba(12, 100, 176, .11);
}
.ss-hero__button--primary:hover {
  background: var(--ss-primary-hover);
  border-color: var(--ss-primary-hover);
  color: #ffffff;
  transform: translateY(-1px);
}
.ss-hero__button--link {
  padding: 0 4px;
  gap: 9px;
  color: var(--ss-primary);
  background: transparent;
}
.ss-hero__button--link:hover {
  color: var(--ss-primary-hover);
}
.ss-hero__arrow { font-size: 21px; font-weight: 450; line-height: 0; transition: transform .18s ease; }
.ss-hero__button--link:hover .ss-hero__arrow { transform: translateX(4px); }

/* En pantallas intermedias, mantener la tipografía limpia y las
   personas y elementos decorativos detrás del contenido, no del texto. */
@media (min-width: 841px) and (max-width: 1380px) {
  .ss-hero__content { max-width: min(77%, 850px); }
  .ss-hero__title { font-size: clamp(43px, 4.2vw, 60px); }
  .ss-hero__description { max-width: 690px; }
}

@media (max-width: 840px) {
  .ss-hero {
    min-height: 480px;
    padding: 78px 24px 86px;
    background-position: center bottom;
    background-size: 100% auto;
  }
  .ss-hero__content { max-width: 710px; }
  .ss-hero__title { font-size: clamp(38px, 6.6vw, 52px); letter-spacing: -0.048em; }
  .ss-hero__description { max-width: 610px; margin-top: 20px; font-size: 16px; }
  .ss-hero__actions { margin-top: 27px; }
}

@media (max-width: 540px) {
  .ss-hero {
    min-height: 495px;
    padding: 78px 22px 86px;
    background-size: 100% auto;
  }
  .ss-hero__title { font-size: clamp(35px, 9.2vw, 43px); line-height: 1.13; }
  .ss-hero__description { margin-top: 18px; font-size: 15px; line-height: 1.6; }
  .ss-hero__actions { margin-top: 27px; gap: 11px 19px; }
  .ss-hero__button { min-height: 45px; font-size: 14px; }
  .ss-hero__button--primary { padding-inline: 23px; }
}

@media (prefers-reduced-motion: reduce) {
  .ss-hero *, .ss-hero *::before, .ss-hero *::after { transition: none !important; }
}


/* ============================================================
   SEINTOSOFT · HOME · VISTA DEL SOFTWARE BAJO EL HERO
   Captura existente: assets/images/home/hero/
   seinto360-analitica-mapa-mundi.png (1672 x 941)
   ============================================================ */
.ss-home-showcase {
  position: relative;
  isolation: isolate;
  display: flow-root;
  width: 100%;
  padding: 0 24px clamp(72px, 7vw, 120px);
  background: #fff;
}

.ss-home-showcase__frame {
  position: relative;
  width: min(100%, 1235px);
  margin: -14px auto 0;
  overflow: hidden;
  border: 1px solid rgba(18, 45, 74, .10);
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 25px 75px rgba(0, 24, 52, .17);
}

.ss-home-showcase__image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: contain;
}

@media (max-width: 900px) {
  .ss-home-showcase {
    padding-inline: 20px;
    padding-bottom: 75px;
  }
  .ss-home-showcase__frame { margin-top: -12px; border-radius: 12px; }
}

@media (max-width: 540px) {
  .ss-home-showcase {
    padding-inline: 14px;
    padding-bottom: 52px;
  }
  .ss-home-showcase__frame { margin-top: -9px; border-radius: 9px; }
}


/* ============================================================
   SEINTOSOFT · HOME · CLIENTES QUE CONFÍAN EN SEINTO360 · V2.4
   Carrusel de logos continuo sin JavaScript / imágenes del tema
   ============================================================ */
.ss-trusted {
  width: 100%;
  overflow: hidden;
  padding: clamp(38px, 4.8vw, 72px) 0 clamp(64px, 6vw, 96px);
  background: #ffffff;
  color: var(--ss-text);
}

.ss-trusted__heading-wrap {
  width: min(calc(100% - 48px), var(--ss-container));
  margin-inline: auto;
  margin-bottom: clamp(34px, 4vw, 54px);
}

.ss-trusted__title {
  max-width: 900px;
  margin: 0;
  color: #111111;
  font-family: var(--ss-font-display);
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: -0.04em;
}

.ss-trusted__marquee {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* Una sola pista con dos grupos idénticos; el margen está dentro de cada grupo. */
.ss-trusted__track {
  --ss-trusted-gap: clamp(40px, 5vw, 82px);
  display: flex;
  align-items: center;
  gap: 0;
  width: max-content;
  animation: ss-trusted-scroll 46s linear infinite;
  will-change: transform;
}

.ss-trusted__group {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: var(--ss-trusted-gap);
  padding-right: var(--ss-trusted-gap);
}

.ss-trusted__logo {
  display: flex;
  flex: 0 0 clamp(150px, 12vw, 190px);
  width: clamp(150px, 12vw, 190px);
  height: 68px;
  align-items: center;
  justify-content: center;
}

.ss-trusted__logo img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  max-height: 58px;
  object-fit: contain;
  filter: grayscale(1);
  opacity: 0.58;
  transition: filter 220ms ease, opacity 220ms ease;
}

.ss-trusted__logo:hover img {
  filter: grayscale(0);
  opacity: 1;
}

/* Fundido blanco lateral, siguiendo la referencia. */
.ss-trusted__marquee::before,
.ss-trusted__marquee::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  width: clamp(28px, 8vw, 150px);
  pointer-events: none;
}
.ss-trusted__marquee::before {
  left: 0;
  background: linear-gradient(90deg, #fff 0%, rgba(255,255,255,0) 100%);
}
.ss-trusted__marquee::after {
  right: 0;
  background: linear-gradient(270deg, #fff 0%, rgba(255,255,255,0) 100%);
}

@keyframes ss-trusted-scroll {
  to { transform: translateX(-50%); }
}

@media (max-width: 840px) {
  .ss-trusted__heading-wrap { width: calc(100% - 40px); }
  .ss-trusted__logo { flex-basis: 158px; width: 158px; height: 62px; }
  .ss-trusted__logo img { max-height: 52px; }
  .ss-trusted__track { animation-duration: 38s; }
}

@media (max-width: 540px) {
  .ss-trusted__heading-wrap { width: calc(100% - 32px); margin-bottom: 30px; }
  .ss-trusted__title { font-size: 27px; }
  .ss-trusted__track { --ss-trusted-gap: 35px; animation-duration: 35s; }
  .ss-trusted__logo { flex-basis: 145px; width: 145px; height: 56px; }
  .ss-trusted__logo img { max-height: 46px; }
}

@media (prefers-reduced-motion: reduce) {
  .ss-trusted__track { animation: none; transform: none; will-change: auto; }
  .ss-trusted__marquee { overflow-x: auto; scrollbar-width: thin; }
  .ss-trusted__group[aria-hidden="true"] { display: none; }
  .ss-trusted__marquee::before, .ss-trusted__marquee::after { display: none; }
  .ss-trusted__logo img { transition: none; }
}

/* SEINTOSOFT · Empresas de confianza · V2.4.2 */
.ss-trusted {
  text-align: center;
  padding-top: 42px;
  padding-bottom: 72px;
}
.ss-trusted__heading-wrap {
  width: min(calc(100% - 48px), var(--ss-container));
  margin: 0 auto 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ss-trusted__title {
  max-width: 100%;
  margin: 0 auto;
  font-family: var(--ss-font-display);
  font-size: 19px;
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: -0.02em;
  text-align: center;
}
.ss-trusted__marquee {
  width: min(calc(100% - 48px), var(--ss-container));
  margin-inline: auto;
}
@media (max-width: 540px) {
  .ss-trusted__heading-wrap,
  .ss-trusted__marquee { width: calc(100% - 32px); }
  .ss-trusted__title { font-size: 19px; }
}

/* ============================================================
   SEINTOSOFT · HOME · ANIMACIONES DE ENTRADA v2.4.3
   Solo transform/opacity: sin cambios de layout (CLS).
   ============================================================ */
@keyframes ss-hero-enter {
  from { opacity: 0; transform: translate3d(0, 24px, 0); }
  to   { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes ss-showcase-enter {
  from { opacity: 0; transform: translate3d(0, 52px, 0) scale(.975); }
  to   { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}
@media (prefers-reduced-motion: no-preference) {
  .ss-hero__title,
  .ss-hero__description,
  .ss-hero__actions {
    animation: ss-hero-enter .75s cubic-bezier(.2,.7,.2,1) both;
  }
  .ss-hero__title { animation-delay: .08s; }
  .ss-hero__description { animation-delay: .22s; }
  .ss-hero__actions { animation-delay: .36s; }

  /* Ocultar la captura solo cuando IntersectionObserver está disponible. */
  .ss-motion-ready .ss-home-showcase__frame {
    opacity: 0;
    transform: translate3d(0, 52px, 0) scale(.975);
  }
  .ss-motion-ready .ss-home-showcase__frame.ss-motion-visible {
    animation: ss-showcase-enter 1s cubic-bezier(.16,1,.3,1) both;
    animation-delay: .08s;
  }
}

/* SeintoSoft 2.5 · Colecciones de soluciones */
.ss-solutions{background:#fff;padding:104px 24px 120px;overflow:hidden;color:#101010}
.ss-solutions__container{max-width:1344px;margin:auto}
.ss-solutions__intro{text-align:center;max-width:970px;margin:0 auto 35px}
.ss-solutions__intro h2{font-family:'Inter Display',Arial,sans-serif;font-weight:600;letter-spacing:-.045em;font-size:clamp(32px,3.1vw,48px);line-height:1.14;margin:0 0 13px}
.ss-solutions__intro p{font-family:'Inter Variable',Arial,sans-serif;font-size:17px;line-height:1.65;margin:0;color:#525965}
.ss-solutions__tabs{display:flex;align-items:center;justify-content:center;gap:5px;width:max-content;max-width:100%;margin:0 auto 65px;border-radius:100px;background:#f0f1f3;padding:7px}
.ss-solutions__tab{appearance:none;border:0;background:transparent;padding:13px 23px;white-space:nowrap;border-radius:50px;font:600 14px/1.2 'Inter Variable',Arial,sans-serif;color:#181818;cursor:pointer;transition:background .25s,color .25s,box-shadow .25s}
.ss-solutions__tab:hover:not(.is-active){background:#fff;color:#0c64b0}
.ss-solutions__tab.is-active{background:#0c64b0;color:#fff;box-shadow:0 3px 9px #0c64b024}
.ss-solutions__tab:focus-visible{outline:3px solid #fb8d1f;outline-offset:2px}
.ss-solutions__panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:60px;align-items:center;min-height:430px}
.ss-solutions__panel[hidden]{display:none}
.ss-solutions__copy{max-width:570px}
.ss-solutions__eyebrow{display:inline-flex;gap:9px;align-items:center;color:#0c64b0;font-size:13px;font-weight:700;margin-bottom:17px}
.ss-solutions__eyedot{width:8px;height:8px;border-radius:50%;background:#fb8d1f}
.ss-solutions__copy h3{font:600 clamp(27px,2.6vw,40px)/1.18 'Inter Display',Arial,sans-serif;letter-spacing:-.045em;margin:0 0 18px}
.ss-solutions__copy>p{font-size:16px;line-height:1.76;color:#565d67;margin:0 0 30px;max-width:510px}
.ss-solutions__copy h4{font:600 15px/1.3 'Inter Display',Arial,sans-serif;margin:0 0 15px}
.ss-solutions__modules{display:flex;flex-wrap:wrap;gap:10px}
.ss-solutions__module{display:inline-flex;align-items:center;gap:18px;justify-content:space-between;min-height:43px;padding:10px 14px;border:1px solid #e4e9ef;background:#fff;border-radius:10px;text-decoration:none;font:500 13px/1.3 'Inter Variable',Arial,sans-serif;color:#252a33;transition:border-color .2s,transform .2s,background .2s}
.ss-solutions__module span:last-child{color:#0c64b0;font-size:16px}
.ss-solutions__module:hover{border-color:#0c64b0;background:#f4f9fe;transform:translateY(-2px)}
.ss-solutions__module:focus-visible{outline:2px solid #0c64b0;outline-offset:3px}
.ss-solutions__visual{position:relative;min-height:425px;display:flex;align-items:center;justify-content:center;padding:34px 30px 32px}
.ss-solutions__grid{position:absolute;inset:0;background-image:linear-gradient(#0c64b008 1px,transparent 1px),linear-gradient(90deg,#0c64b008 1px,transparent 1px);background-size:39px 39px;mask-image:radial-gradient(ellipse at center,#000 25%,transparent 78%)}
.ss-solutions__window{position:relative;width:100%;max-width:545px;border:1px solid #e2e7ef;background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 24px 65px #0b24411c,0 4px 15px #0b24410c;transform:rotate(-1deg)}
.ss-solutions__window-top{height:47px;border-bottom:1px solid #edf0f5;display:flex;align-items:center;gap:16px;padding:0 16px}
.ss-solutions__winlogo{background:#0c64b0;color:white;font-weight:900;padding:5px 6px;border-radius:6px;font-size:15px}.ss-solutions__winlogo span{font-size:9px;color:#fb8d1f}
.ss-solutions__winsearch{height:19px;border-radius:20px;background:#f3f5fa;width:52%;margin-left:auto}.ss-solutions__winavatar{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#dbeeff;color:#0c64b0;font-size:11px;font-weight:800}
.ss-solutions__window-body{display:flex;min-height:282px}.ss-solutions__sidebar{width:49px;background:#0c64b0;padding:21px 14px;display:flex;align-items:center;flex-direction:column;gap:17px}.ss-solutions__sidebar i{width:15px;height:13px;border:2px solid #ffffff90;border-radius:3px}.ss-solutions__sidebar i:first-child{border-color:#fb8d1f}
.ss-solutions__dashboard{padding:25px 22px 20px;flex:1;min-width:0}.ss-solutions__dash-kicker{display:block;color:#7c879a;font-size:9px;font-weight:700;letter-spacing:.07em;margin-bottom:9px}.ss-solutions__dashboard>strong{font-size:18px;font-weight:700}
.ss-solutions__stats{display:flex;gap:9px;margin:17px 0}.ss-solutions__stats>span{flex:1;min-width:0;border:1px solid #ecf0f5;border-radius:8px;padding:11px 9px}.ss-solutions__stats small{display:block;color:#8290a2;font-size:9px}.ss-solutions__stats b{display:block;font-size:15px;margin-top:5px}.ss-solutions__stats em{font-size:10px;color:#16976e;font-style:normal}
.ss-solutions__chart{height:112px;position:relative;border:1px solid #edf0f5;border-radius:8px;padding:12px;overflow:hidden}.ss-solutions__chart-lines{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0,transparent 35px,#eaf0f7 36px)}.ss-solutions__chart svg{position:relative;width:100%;height:100%}
.ss-solutions__floating{position:absolute;right:7px;bottom:17px;display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e7ebf0;border-radius:12px;padding:13px 18px;box-shadow:0 10px 34px #112f5018;transform:rotate(2deg)}.ss-solutions__floating-icon{background:#e6f7ee;border-radius:50%;color:#12935b;width:30px;height:30px;display:grid;place-items:center;font-weight:800}.ss-solutions__floating b{font-size:12px;display:block}.ss-solutions__floating small{font-size:10px;color:#7d8897;display:block;margin-top:3px}
@media(max-width:900px){.ss-solutions{padding:75px 20px 90px}.ss-solutions__panel{grid-template-columns:1fr;gap:30px}.ss-solutions__copy{max-width:none}.ss-solutions__visual{max-width:650px;width:100%;margin:auto}.ss-solutions__tabs{margin-bottom:48px}}
@media(max-width:640px){.ss-solutions{padding:64px 16px 78px}.ss-solutions__intro p{font-size:15px}.ss-solutions__tabs{justify-content:flex-start;overflow-x:auto;width:100%;border-radius:18px;scrollbar-width:thin}.ss-solutions__tab{font-size:12px;padding:12px 15px}.ss-solutions__panel{gap:25px}.ss-solutions__copy h3{font-size:29px}.ss-solutions__copy>p{font-size:15px}.ss-solutions__module{font-size:12px}.ss-solutions__visual{padding:12px 0 26px;min-height:320px}.ss-solutions__window-body{min-height:220px}.ss-solutions__dashboard{padding:16px 12px}.ss-solutions__stats>span{padding:8px 5px}.ss-solutions__stats b{font-size:12px}.ss-solutions__chart{height:74px}.ss-solutions__floating{right:0;bottom:0;padding:9px}}
@media(prefers-reduced-motion:no-preference){.ss-solutions__panel.is-active .ss-solutions__copy,.ss-solutions__panel.is-active .ss-solutions__visual{animation:ss-solutions-reveal .4s ease both}.ss-solutions__panel.is-active .ss-solutions__visual{animation-delay:.09s}}@keyframes ss-solutions-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}