/* Homepage-specific design. Load after cia-global.css and before cia-responsive.css. */
.cia-site-container {
   width: 100%;
   padding-right: 50px;
   padding-left: 50px;
}

.cia-site-container--1314 {
   max-width: 1390px;
}

.cia-site-container--1310 {
   max-width: 1380px;
}

.cia-site-container--1424 {
   max-width: 1500px;
}

.cia-positioning-copy {
   max-width: 900px;
}

.cia-team-highlight {
   display: inline;
   padding: 0 0.04em;
   color: #fff;
   background: linear-gradient(100deg, #E7FF3C 8%, #FFAA8A 92%) 0 89% / 100% 0.18em no-repeat;
   -webkit-box-decoration-break: clone;
   box-decoration-break: clone;
}

.cia-team-highlight * {
   display: inline-block;
   color: #fff;
   background: none;
   -webkit-text-fill-color: currentColor;
   opacity: 1 !important;
   transform: none !important;
}

.cia-agent-intelligence-section {
   padding-top: 140px;
   padding-bottom: 160px;
}

@media (max-width: 1279px) {
   .cia-agent-intelligence-section {
      padding-top: 140px;
      padding-bottom: 120px;
   }
}

@media (max-width: 767px) {
   .cia-agent-intelligence-section {
      padding-top: 100px;
      padding-bottom: 120px;
   }
}

.cia-team-banner {
   position: relative;
   min-height: 500px;
   padding: 82px 650px 82px 72px;
   border-radius: 32px;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   overflow: visible;
}

.cia-team-banner-content {
   position: relative;
   z-index: 2;
   max-width: 720px;
}

.cia-team-banner-visual {
   position: absolute;
   z-index: 1;
   right: 54px;
   bottom: 0;
   width: min(46%, 550px);
   height: auto;
}

@media (max-width: 1199px) {
   .cia-team-banner {
      min-height: 460px;
      padding: 64px 49% 64px 56px;
   }

   .cia-team-banner-visual {
      right: 24px;
      width: 49%;
   }
}

@media (max-width: 991px) {
   .cia-team-banner {
      display: flex;
      min-height: 0;
      padding: 56px 40px 0;
      flex-direction: column;
      overflow: hidden;
   }

   .cia-team-banner-content {
      max-width: 680px;
   }

   .cia-team-banner-visual {
      position: relative;
      right: auto;
      bottom: auto;
      width: min(100%, 520px);
      margin: 38px auto 0;
   }
}

@media (max-width: 575px) {
   .cia-team-banner {
      padding: 42px 24px 0;
      border-radius: 24px;
   }

   .cia-team-banner-visual {
      width: 112%;
      max-width: none;
      margin-right: -6%;
      margin-left: -6%;
   }
}

.cia-positioning-underline {
   display: inline;
   padding: 0 0.04em;
   background: linear-gradient(to bottom, transparent 72%, #19A9F5 72%, #19A9F5 89%, transparent 89%);
   -webkit-box-decoration-break: clone;
   box-decoration-break: clone;
}

.cia-workflow-hero-title {
   font-size: 42px;
   line-height: 1.15;
}

.cia-workflow-section {
   padding-top: 40px;
   padding-bottom: 180px;
}

.cia-workflow-intro {
   font-size: 16px;
   line-height: 1.5;
   margin-bottom: 98px !important;
}

.cia-outcome-copy {
   padding-right: 50px;
}

.cia-outcome-visual {
   position: relative;
      top: -25px;
   display: flex;
   align-items: center;
   justify-content: flex-end;
   width: 100%;
   margin: 0;
}

.cia-outcome-visual img {
   display: block;
   width: 100%;
   max-width: 650px;
   height: auto;
}

.cia-workflow-eyebrow {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-height: 30px;
   padding: 4px 28px;
   margin-bottom: 26px !important;
   border: 1px solid #161519;
   border-radius: 999px;
   background: #161519;
   color: #fff !important;
   font-size: 14px;
}

.cia-workflow-composition {
   position: relative;
   display: grid;
   grid-template-columns: minmax(0, 1.06fr) minmax(330px, 0.91fr) minmax(0, 1fr);
   gap: 20px;
   align-items: start;
   left: 50%;
   width: calc(100% + 60px);
   max-width: 1224px;
   margin: 0;
   translate: -50% 0;
}

.cia-workflow-stack {
   position: relative;
   z-index: 1;
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.cia-workflow-stack--left {
   padding-top: 35px;
}

.cia-workflow-stack--right {
   padding-top: 14px;
}

.cia-workflow-card {
   position: relative;
   border: 1px solid rgba(22, 21, 25, 0.14);
   border-radius: 12px;
   background: #fff;
   color: var(--color-black);
}

.cia-workflow-card h3 {
   font-size: 16px;
   font-weight: 600;
   line-height: 1.3;
   letter-spacing: -0.01em;
}

.cia-workflow-card p,
.cia-workflow-card span {
   color: #77767a;
}

.cia-workflow-card--channels {
   align-self: flex-start;
   width: calc(100% - 92px);
   min-height: 205px;
   margin-left: 78px;
   padding: 28px 30px 24px;
}

.cia-workflow-card--management {
   width: 100%;
   min-height: 112px;
   padding: 20px;
}

.cia-workflow-card--center {
   min-height: 428px;
   padding: 31px 30px 24px;
}

.cia-workflow-card--center h3 {
   font-size: 20px;
}

.cia-workflow-card--software {
   width: 100%;
   min-height: 115px;
   padding: 16px 22px;
}

.cia-workflow-card--knowledge {
   align-self: flex-start;
   width: 81%;
   min-height: 239px;
   margin-left: 15px;
   padding: 20px 28px 15px;
}

.cia-workflow-card-row {
   display: flex;
   align-items: center;
   gap: 16px;
}

.cia-workflow-card-logo {
   flex: 0 0 auto;
   width: 54px;
   height: 54px;
   object-fit: contain;
}

.cia-workflow-card--management .cia-workflow-card-logo {
   width: 64px;
   height: 64px;
}

.cia-workflow-card--knowledge .cia-workflow-card-logo {
   width: 50px;
   height: 50px;
   margin-bottom: 12px;
}

.cia-workflow-card-menu {
   position: absolute;
   top: 16px;
   right: 18px;
   color: #c7c7ca !important;
   font-size: 25px;
   line-height: 1;
}

.cia-workflow-card-copy {
   margin-top: 20px;
   font-size: 13px;
   line-height: 1.5;
}

.cia-workflow-card--channels .cia-workflow-card-copy {
   font-size: 12px;
}

.cia-workflow-card--channels .cia-workflow-card-row span {
   font-size: 12px;
}

.cia-workflow-card--software p {
   font-size: 12px;
}

.cia-workflow-card--knowledge .cia-workflow-card-copy {
   margin-top: 10px;
}

.cia-workflow-progress {
   height: 9px;
   margin-top: 22px;
   overflow: hidden;
   border-radius: 999px;
   background: #f1f1f1;
}

.cia-workflow-progress span {
   display: block;
   width: 68%;
   height: 100%;
   border-radius: inherit;
   background: #2fbe68;
}

.cia-workflow-stat {
   display: flex;
   align-items: center;
   gap: 7px;
   margin-top: 6px;
   font-size: 12px;
}

.cia-workflow-stat strong {
   padding: 2px 5px;
   border-radius: 3px;
   background: #eef1ef;
   color: #77767a;
   font-weight: 600;
}

.cia-workflow-stat strong em {
   color: #2fbe68;
   font-style: normal;
}

.cia-workflow-chart {
   display: flex;
   align-items: flex-end;
   justify-content: space-between;
   height: 205px;
   margin-top: 24px;
   padding: 0 2px;
}

.cia-workflow-chart-item {
   position: relative;
   display: flex;
   flex: 1;
   flex-direction: column;
   align-items: center;
   justify-content: flex-end;
   height: 100%;
}

.cia-workflow-chart-bar {
   width: 48px;
   max-width: 82%;
   border-radius: 18px;
   background: #f5f5f5;
}

.cia-workflow-chart-bar--green {
   position: relative;
   background: #5fa978;
}

.cia-workflow-chart-value {
   position: absolute;
   top: -14px;
   right: -10px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-width: 34px;
   height: 25px;
   padding: 0 6px;
   border-radius: 7px;
   background: #28282a;
   color: #fff !important;
   font-size: 12px;
   font-weight: 600;
}

.cia-workflow-chart-label {
   margin-top: 10px;
   font-size: 13px;
}

.cia-workflow-center-copy {
   margin-top: 22px;
   font-size: 14px;
   line-height: 1.55;
}

.cia-workflow-status {
   display: inline-flex;
   align-items: center;
   gap: 6px;
   margin-top: 10px;
   padding: 4px 10px;
   border: 1px solid #d9d9dc;
   border-radius: 999px;
   color: #aaa9ad;
   font-size: 11px;
   line-height: 1;
}

.cia-workflow-status svg {
   width: 12px;
   height: 12px;
}

.cia-workflow-float {
   position: absolute;
   z-index: 5;
   display: block;
   pointer-events: none;
   will-change: transform;
}

.cia-workflow-float--yellow {
   top: 0;
   right: -8px;
   width: 92px;
   animation: cia-workflow-float-y 4.8s ease-in-out infinite;
}

.cia-workflow-float--note {
   top: 108px;
   left: 48%;
   width: 72px;
   animation: cia-workflow-float-x 5.4s ease-in-out -1.2s infinite;
}

.cia-workflow-float--pink {
   right: -12px;
   bottom: -19px;
   width: 76px;
   animation: cia-workflow-float-y 4.4s ease-in-out -2s infinite reverse;
}

@keyframes cia-workflow-float-y {
   0%, 100% { transform: translate3d(0, 0, 0); }
   50% { transform: translate3d(0, -9px, 0); }
}

@keyframes cia-workflow-float-x {
   0%, 100% { transform: translate3d(0, 0, 0); }
   50% { transform: translate3d(7px, -6px, 0); }
}

.cia-hero-title {
   font-size: 60px;
   line-height: 65px;
}

.cia-positioning-card {
   position: relative;
   height: 100%;
   border: 1px solid rgba(119, 118, 122, 0.2);
   overflow: visible;
}

.cia-positioning-ai-tag {
   --cia-tag-bg: var(--color-black);
   position: absolute;
   z-index: 5;
   display: inline-flex;
   align-items: center;
   padding: 9px 17px;
   border-radius: 999px;
   background: var(--cia-tag-bg);
   box-shadow: 0 10px 24px rgba(33, 25, 82, 0.16);
   color: var(--color-white);
   font-size: 14px;
   font-weight: 600;
   line-height: 1;
   letter-spacing: -0.01em;
   white-space: nowrap;
   pointer-events: none;
   animation: cia-positioning-tag-float 4.1s ease-in-out infinite;
   will-change: transform;
}

.cia-positioning-ai-tag__pointer {
   position: absolute;
   bottom: -8px;
   left: -2px;
   width: 18px;
   height: 16px;
   overflow: hidden;
   pointer-events: none;
}

.cia-positioning-ai-tag__pointer img {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 99px;
   max-width: none;
   height: 38px;
}

.cia-positioning-ai-tag--lime {
   --cia-tag-bg: #e8ff35;
   color: var(--color-black);
}

.cia-positioning-ai-tag--blue {
   --cia-tag-bg: #19a9f5;
   color: var(--color-white);
}

.cia-positioning-ai-tag--capacity {
   top: 30px;
   left: 72px;
   --cia-tag-x-mid: 7px;
   --cia-tag-y-mid: -10px;
   --cia-tag-x-end: -4px;
   --cia-tag-y-end: 6px;
}

.cia-positioning-ai-tag--agility {
   top: 246px;
   right: 58px;
   left: auto;
   --cia-tag-x-mid: -9px;
   --cia-tag-y-mid: 9px;
   --cia-tag-x-end: 7px;
   --cia-tag-y-end: -5px;
   animation-duration: 4.7s;
   animation-delay: -1.4s;
}

.cia-positioning-ai-tag--agility .cia-positioning-ai-tag__pointer {
   top: -8px;
   bottom: auto;
}

.cia-positioning-ai-tag--agility .cia-positioning-ai-tag__pointer img {
   top: 0;
   bottom: auto;
   width: 128px;
}

.cia-positioning-ai-tag--efficiency {
   top: 28px;
   right: 100px;
   --cia-tag-x-mid: 9px;
   --cia-tag-y-mid: -11px;
   --cia-tag-x-end: -7px;
   --cia-tag-y-end: 6px;
   animation-duration: 4.4s;
   animation-delay: -2.8s;
}

.cia-positioning-ai-tag--efficiency .cia-positioning-ai-tag__pointer {
   right: -2px;
   left: auto;
   transform: scaleX(-1);
}

.cia-positioning-ai-tag--efficiency .cia-positioning-ai-tag__pointer img {
   filter: brightness(0) saturate(100%) invert(56%) sepia(90%) saturate(2475%) hue-rotate(166deg) brightness(100%) contrast(93%);
}

@keyframes cia-positioning-tag-float {
   0%,
   100% {
      transform: translate3d(0, 0, 0);
   }

   36% {
      transform: translate3d(var(--cia-tag-x-mid), var(--cia-tag-y-mid), 0);
   }

   72% {
      transform: translate3d(var(--cia-tag-x-end), var(--cia-tag-y-end), 0);
   }
}

.cia-intelligence-heading-wrap {
   display: block;
   padding-top: 30px;
}

.cia-intelligence-title-target {
   position: relative;
   display: inline-block;
}

.cia-positioning-ai-tag--intelligence {
   --cia-tag-bg: #6248FF;
   top: auto;
   right: auto;
   bottom: calc(100% + 14px);
   left: 50%;
   --cia-tag-x-mid: 8px;
   --cia-tag-y-mid: -9px;
   --cia-tag-x-end: -6px;
   --cia-tag-y-end: 6px;
   animation-duration: 4.5s;
   animation-delay: -1.8s;
}

.cia-positioning-ai-tag--intelligence .cia-positioning-ai-tag__pointer {
   right: auto;
   left: -2px;
   transform: none;
}

.cia-positioning-ai-tag--intelligence .cia-positioning-ai-tag__pointer img {
   filter: brightness(0) saturate(100%) invert(31%) sepia(94%) saturate(3839%) hue-rotate(245deg) brightness(99%) contrast(104%);
}

@media (max-width: 767px) {
   .cia-intelligence-heading-wrap {
      padding-top: 30px;
   }

   .cia-positioning-ai-tag--intelligence {
      right: auto;
      left: 45%;
      padding: 8px 14px;
      font-size: 12px;
   }
}

.cia-intelligence-cards {
   display: grid;
   grid-template-columns: repeat(3, minmax(0, 1fr));
   gap: 26px;
}

.cia-intelligence-card {
   position: relative;
   display: flex;
   flex-direction: column;
   min-width: 0;
   min-height: 680px;
   padding: 38px 34px 54px;
   border: 1px solid rgba(119, 118, 122, 0.22);
   border-radius: 16px;
   background: #fff;
   overflow: visible;
}

.cia-intelligence-card h3 {
   margin-bottom: 2px;
   font-size: 24px;
   font-weight: 600;
   line-height: 1.25;
   letter-spacing: -0.02em;
}

.cia-intelligence-card-subtitle {
   color: #77767a;
   font-size: 14px;
   line-height: 1.45;
}

.cia-intelligence-card-visual {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   min-height: 240px;
   margin: 28px 0 28px;
}

.cia-intelligence-card-visual img {
   display: block;
   width: 100%;
   height: auto;
}

.cia-intelligence-card-copy {
   margin-bottom: 26px;
   color: #454448;
   font-size: 15px;
   line-height: 1.5;
}

.cia-intelligence-card-list {
   display: flex;
   flex-direction: column;
   gap: 10px;
   margin-top: auto;
}

.cia-intelligence-card-list li {
   position: relative;
   padding-left: 26px;
   color: #454448;
   font-size: 15px;
   line-height: 1.4;
}

.cia-intelligence-card-list li::before {
   content: "✓";
   position: absolute;
   top: 0;
   left: 0;
   color: #25ad57;
   font-size: 20px;
   line-height: 1;
}

.cia-intelligence-closing {
   margin-top: 60px;
}

.cia-intelligence-postit {
   position: absolute;
   z-index: 6;
   width: 92px;
   height: auto;
   pointer-events: none;
   will-change: transform;
}

.cia-intelligence-postit--pink {
   right: 20px;
   bottom: -46px;
   animation: cia-intelligence-postit-pink 4.8s ease-in-out infinite;
}

.cia-intelligence-postit--yellow {
   top: -28px;
   right: -16px;
   width: 108px;
   animation: cia-intelligence-postit-yellow 5.2s ease-in-out -1.7s infinite;
}

@keyframes cia-intelligence-postit-pink {
   0%, 100% { transform: translate3d(0, 0, 0) rotate(-2deg); }
   50% { transform: translate3d(-5px, -10px, 0) rotate(1deg); }
}

@keyframes cia-intelligence-postit-yellow {
   0%, 100% { transform: translate3d(0, 0, 0) rotate(1deg); }
   50% { transform: translate3d(6px, -9px, 0) rotate(-2deg); }
}

@media (max-width: 1023px) {
   .cia-intelligence-cards {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }
}

@media (max-width: 767px) {
   .cia-intelligence-cards {
      grid-template-columns: 1fr;
   }

   .cia-intelligence-card {
      min-height: 0;
      padding: 30px 24px 44px;
   }

   .cia-intelligence-card-visual {
      min-height: 0;
   }

   .cia-intelligence-closing {
      margin-top: 60px;
   }

   .cia-intelligence-postit {
      width: 76px;
   }

   .cia-intelligence-postit--yellow {
      right: 4px;
      width: 88px;
   }
}

.cia-pricing-feature {
   position: relative;
   margin-bottom: 10px;
   padding-left: 32px;
   color: rgba(255, 255, 255, 0.7);
   font-size: 16px;
   line-height: 1.5;
   letter-spacing: -0.01em;
}

.cia-pricing-feature::before {
   content: "✓";
   position: absolute;
   top: 0;
   left: 0;
   color: #e8fdb8;
   font-size: 18px;
   line-height: 1.35;
}

.cia-pricing-card--detailed {
   display: flex;
   flex-direction: column;
   padding: 44px 40px 40px;
}

.cia-pricing-card-title {
   display: block;
   margin-bottom: 25px;
   color: #fff;
   font-size: 20px;
   font-weight: 600;
   line-height: 1.25;
   letter-spacing: -0.01em;
}

.cia-pricing-card-summary {
   margin-bottom: 39px;
   padding-bottom: 45px;
   border-bottom: 2px dashed rgba(255, 255, 255, 0.2);
   color: rgba(255, 255, 255, 0.7);
   font-size: 16px;
   line-height: 1.5;
   letter-spacing: -0.01em;
}

.cia-pricing-card-features {
   margin-bottom: 60px;
}

.cia-pricing-card-cta {
   margin-top: auto;
}

.cia-pricing-container {
   max-width: 1500px;
}

@media (min-width: 1400px) {
   .cia-pricing-grid {
      grid-template-columns: 423px 435px 423px;
      justify-content: center;
   }

   .cia-pricing-grid > article {
      grid-column: auto;
   }
}

@media (min-width: 1200px) and (max-width: 1399px) {
   .cia-pricing-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .cia-pricing-grid > article {
      grid-column: auto;
   }
}

@media (max-width: 575px) {
   .cia-pricing-card--detailed {
      padding: 38px 24px 32px;
   }
}

.cia-contact-field {
   margin-bottom: 16px;
}

.cia-contact-honeypot {
   position: absolute !important;
   left: -10000px !important;
   width: 1px !important;
   height: 1px !important;
   overflow: hidden !important;
}

.ajax-response {
   display: none;
   margin: 16px 0 0;
   padding: 12px 14px;
   border-radius: 10px;
   font-size: 14px;
   line-height: 1.45;
}

.ajax-response.info,
.ajax-response.success,
.ajax-response.error {
   display: block;
}

.ajax-response.info {
   background: #f1f0ff;
   color: #4f3bd1;
}

.ajax-response.success {
   background: #e9f9ef;
   color: #117d2a;
}

.ajax-response.error {
   background: #fff0f0;
   color: #b42318;
}

#contact-form button[type="submit"][disabled] {
   cursor: wait;
   opacity: 0.7;
}

.cia-contact-form-column {
   position: relative;
   top: -100px;
}

@media (max-width: 1023px) {
   .cia-contact-form-column {
      top: 0;
   }
}

.cia-contact-field--message {
   margin-bottom: 32px;
}

.cia-contact-field label {
   display: block;
   margin-bottom: 8px;
   color: #4A4A4A;
   font-size: 13px;
   font-weight: 400;
   line-height: 1.4;
}

.cia-contact-control {
   width: 100%;
   border: 1px solid #d1d5db;
   border-radius: 10px;
   background-color: #fff;
   color: #161519;
   font-size: 14px;
   outline: none;
   transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

input.cia-contact-control,
select.cia-contact-control {
   height: 46px;
   padding: 10px 20px;
}

textarea.cia-contact-control {
   min-height: 112px;
   padding: 12px 20px;
   resize: vertical;
}

.cia-contact-control::placeholder {
   color: #b1b0b5;
   font-size: 13px;
   opacity: 1;
}

select.cia-contact-control {
   padding-right: 44px;
   appearance: none;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%2377767A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: right 18px center;
}

select.cia-contact-control:invalid {
   color: #b1b0b5;
   font-size: 13px;
}

select.cia-contact-control option {
   color: #161519;
   font-family: inherit;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   letter-spacing: normal;
}

.cia-contact-native-select {
   position: absolute !important;
   width: 1px !important;
   height: 1px !important;
   padding: 0 !important;
   border: 0 !important;
   overflow: hidden !important;
   clip: rect(0 0 0 0) !important;
   clip-path: inset(50%) !important;
   white-space: nowrap !important;
}

.cia-custom-select {
   position: relative;
   width: 100%;
}

.cia-custom-select-trigger {
   position: relative;
   width: 100%;
   height: 46px;
   padding: 10px 44px 10px 20px;
   border: 1px solid #d1d5db;
   border-radius: 10px;
   background: #fff;
   color: #161519;
   font-family: inherit;
   font-size: 14px;
   font-weight: 400;
   line-height: 1.3;
   text-align: left;
   cursor: pointer;
   transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.cia-custom-select-trigger::after {
   position: absolute;
   top: 50%;
   right: 18px;
   width: 14px;
   height: 8px;
   content: "";
   background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8' fill='none'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%2377767A' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
   transform: translateY(-50%);
   transition: transform 0.2s ease;
}

.cia-custom-select:not(.has-value) .cia-custom-select-trigger {
   color: #b1b0b5;
   font-size: 13px;
}

.cia-custom-select.is-open .cia-custom-select-trigger::after {
   transform: translateY(-50%) rotate(180deg);
}

.cia-custom-select-trigger:focus-visible,
.cia-custom-select.is-open .cia-custom-select-trigger {
   border-color: #6248ff;
   outline: none;
   box-shadow: 0 0 0 4px rgba(98, 72, 255, 0.1);
}

.cia-custom-select-list {
   position: absolute;
   top: calc(100% + 8px);
   right: 0;
   left: 0;
   z-index: 30;
   max-height: min(520px, 70vh);
   padding: 10px 0;
   overflow-y: auto;
   border: 1px solid #4b4a4f;
   border-radius: 10px;
   background: #111;
   box-shadow: 0 18px 46px rgba(0, 0, 0, 0.24);
}

.cia-custom-select-list[hidden] {
   display: none;
}

.cia-custom-select-option {
   position: relative;
   display: block;
   width: 100%;
   min-height: 30px;
   padding: 5px 20px 5px 36px;
   border: 0;
   background: transparent;
   color: rgba(255, 255, 255, 0.92);
   font-family: inherit;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
   text-align: left;
   cursor: pointer;
}

.cia-custom-select-option:hover,
.cia-custom-select-option:focus-visible {
   background: rgba(98, 72, 255, 0.2);
   outline: none;
}

.cia-custom-select-option.is-selected::before {
   position: absolute;
   top: 6px;
   left: 16px;
   color: #fff;
   content: "✓";
   font-weight: 700;
}

.cia-custom-select-option:disabled {
   color: rgba(255, 255, 255, 0.34);
   cursor: default;
}

.cia-custom-select-option:disabled:hover {
   background: transparent;
}

.cia-custom-select.is-invalid .cia-custom-select-trigger {
   border-color: #d0343a;
}

.cia-contact-control:focus {
   border-color: #6248ff;
   box-shadow: 0 0 0 4px rgba(98, 72, 255, 0.1);
}

.cia-contact-details {
   display: flex;
   flex-direction: column;
   gap: 18px;
   margin: 0;
   font-style: normal;
}

.cia-contact-detail {
   display: flex;
   align-items: flex-start;
   gap: 14px;
   color: #494851;
   font-size: 16px;
   line-height: 1.55;
}

.cia-contact-detail svg {
   flex: 0 0 20px;
   width: 20px;
   height: 20px;
   margin-top: 2px;
   color: #161519;
}

.cia-contact-detail:first-child span {
   white-space: nowrap;
}

.cia-contact-detail a {
   color: inherit;
   transition: color 0.2s ease;
}

.cia-contact-detail a:hover {
   color: #6248ff;
}

@media (prefers-reduced-motion: reduce) {
   .cia-intelligence-postit {
      animation: none;
   }
}

.cia-positioning-card-media {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 297px;
}

.cia-positioning-card-media img {
   width: 100%;
   max-width: 334px;
   height: auto;
}

.cia-positioning-card--image-first {
   padding: 10px;
}

.cia-positioning-card--image-first-content {
   padding: 30px 32px 50px;
}

.cia-positioning-card--image-first-content h3 {
   margin-bottom: 10px;
   color: var(--color-black);
   font-size: 20px;
   font-weight: var(--font-weight-semibold);
}

.cia-positioning-card--image-first-content p {
   margin: 0;
   color: var(--color-grey);
   font-size: 16px;
   font-weight: var(--font-weight-normal);
   line-height: 163%;
   letter-spacing: -0.01em;
}

@media (prefers-reduced-motion: reduce) {
   .cia-positioning-ai-tag,
   .cia-workflow-float {
      animation: none;
   }
}

.cia-agent-filters {
   position: relative;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   padding: 8px;
   border-radius: 60px;
   background: rgba(22, 21, 25, 0.04);
}

.cia-agents-section {
   padding-bottom: 90px !important;
}

.cia-agents-custom-closing {
   max-width: 700px;
   margin: 60px auto 0;
   text-align: center;
}

.cia-agents-custom-closing[hidden] {
   display: none !important;
}

.cia-agents-custom-button:hover span {
   color: var(--color-white);
}

@media (max-width: 1279px) {
   .cia-agents-section {
      padding-bottom: 50px !important;
   }
}

.cia-agent-filter-indicator {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 0;
   display: block;
   opacity: 0;
   border-radius: 50px;
   background: var(--color-black);
   pointer-events: none;
   transition: width 0.3s ease, height 0.3s ease, transform 0.3s ease, opacity 0.2s ease, background-color 0.25s ease;
}

.cia-agent-filter {
   position: relative;
   z-index: 1;
   padding: 6px 22px;
   border-radius: 50px;
   color: var(--color-black);
   font-size: 16px;
   font-weight: 600;
   line-height: 1.2;
   transition: color 0.25s ease, background-color 0.25s ease;
}

.cia-agent-filter.is-active {
   color: var(--color-white);
}

.cia-agent-filter:hover:not(.is-active) {
   background: rgba(22, 21, 25, 0.08);
}

.cia-agent-filter:focus-visible {
   outline: 2px solid var(--color-black);
   outline-offset: 2px;
}

.cia-agent-card[data-agent-category="growth"],
.cia-agent-filter[data-agent-filter="growth"] {
   --cia-agent-category-color: #6248ff;
}

.cia-agent-card[data-agent-category="operations"],
.cia-agent-filter[data-agent-filter="operations"] {
   --cia-agent-category-color: #1769aa;
}

.cia-agent-card[data-agent-category="management"],
.cia-agent-filter[data-agent-filter="management"] {
   --cia-agent-category-color: #08796d;
}

.cia-agent-card[hidden] {
   display: none !important;
}

.cia-agent-card--visual {
   perspective: 1400px;
}

.cia-agent-card-scene {
   position: relative;
   width: 100%;
   aspect-ratio: 423 / 685;
   transform-style: preserve-3d;
   transition: transform 0.7s cubic-bezier(0.2, 0.72, 0.2, 1);
}

.cia-agent-card--visual.is-flipped .cia-agent-card-scene {
   transform: rotateY(180deg);
}

.cia-agent-card-face {
   position: absolute;
   inset: 0;
   overflow: hidden;
   border-radius: 20px;
   background: #d8ccc4;
   box-shadow: 0 14px 34px rgba(22, 21, 25, 0.08);
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
   cursor: pointer;
}

.cia-agent-card-face--front img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.cia-agent-card-summary {
   position: absolute;
   right: 10px;
   bottom: 10px;
   left: 10px;
   padding: 22px 22px 18px;
   border: 1px solid rgba(255, 255, 255, 0.7);
   border-radius: 17px;
   background: rgba(255, 255, 255, 0.9);
   text-align: left;
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
}

.cia-agent-card-summary h2,
.cia-agent-card-back h2 {
   margin-bottom: 3px;
   color: var(--color-black);
   font-size: 21px;
   font-weight: 650;
   line-height: 1.2;
   letter-spacing: -0.02em;
}

.cia-agent-card-category {
   margin: 0 0 11px;
   color: var(--cia-agent-category-color, #6248ff);
   font-size: 14px;
   font-weight: 650;
   line-height: 1.3;
}

.cia-agent-card-summary .cia-agent-card-description {
   display: -webkit-box;
   overflow: hidden;
   margin: 0 0 13px;
   color: #303034;
   font-size: 14px;
   line-height: 1.52;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 4;
}

.cia-agent-flip-button {
   display: inline-flex;
   width: 30px;
   height: 30px;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   color: var(--color-black);
   transition: color 0.2s ease, background-color 0.2s ease, transform 0.2s ease;
}

.cia-agent-flip-button:hover,
.cia-agent-flip-button:focus-visible {
   color: var(--color-white);
   background: var(--color-primary);
   transform: scale(1.06);
   outline: none;
}

.cia-agent-flip-button svg {
   width: 19px;
   height: 19px;
}

.cia-agent-card-face--back {
   padding: 34px;
   transform: rotateY(180deg);
   background: var(--color-white);
   overflow-y: auto;
   overscroll-behavior: contain;
   scrollbar-color: rgba(98, 72, 255, 0.45) transparent;
   scrollbar-width: thin;
}

.cia-agent-card-back {
   display: flex;
   height: 100%;
   flex-direction: column;
   text-align: left;
}

.cia-agent-card-back .cia-agent-card-tagline {
   margin: 18px 0 12px;
   color: var(--color-black);
   font-size: 17px;
   font-weight: 650;
   line-height: 1.4;
}

.cia-agent-card-back .cia-agent-card-description {
   margin-bottom: 18px;
   color: var(--color-grey-100);
   font-size: 15px;
   line-height: 1.55;
}

.cia-agent-card-bullets {
   margin: 0 0 24px;
}

.cia-agent-card-bullets li {
   position: relative;
   margin-top: 10px;
   padding-left: 22px;
   color: var(--color-black);
   font-size: 15px;
   font-weight: 500;
   line-height: 1.4;
}

.cia-agent-card-bullets li::before {
   position: absolute;
   top: 5px;
   left: 0;
   width: 17px;
   height: 12px;
   background-color: var(--color-primary);
   content: "";
   -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 12'%3E%3Cpath d='M16.3073.1858a.634.634 0 0 0-.8971 0L5.1274 10.4686 1.0829 6.424a.6343.6343 0 0 0-.8971.8971l4.4931 4.4932a.6344.6344 0 0 0 .8971 0L16.3073 1.0829a.6343.6343 0 0 0 0-.8971Z'/%3E%3C/svg%3E") center / contain no-repeat;
   mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 12'%3E%3Cpath d='M16.3073.1858a.634.634 0 0 0-.8971 0L5.1274 10.4686 1.0829 6.424a.6343.6343 0 0 0-.8971.8971l4.4931 4.4932a.6344.6344 0 0 0 .8971 0L16.3073 1.0829a.6343.6343 0 0 0 0-.8971Z'/%3E%3C/svg%3E") center / contain no-repeat;
}

.cia-agent-card-back-actions {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 14px;
   margin-top: auto;
}

.cia-agent-card-contact {
   display: inline-flex;
   min-height: 44px;
   align-items: center;
   justify-content: center;
   padding: 0 22px;
   border-radius: 50px;
   color: var(--color-white);
   background: var(--color-primary);
   font-size: 15px;
   font-weight: 650;
}

.cia-agent-card-contact:hover {
   color: var(--color-white);
   background: var(--color-black);
}

@media (max-width: 575px) {
   .cia-agent-card-summary {
      padding: 18px 18px 14px;
   }

   .cia-agent-card-summary h2,
   .cia-agent-card-back h2 {
      font-size: 19px;
   }

   .cia-agent-card-face--back {
      padding: 24px;
   }

   .cia-agent-card-back .cia-agent-card-description,
   .cia-agent-card-bullets li {
      font-size: 14px;
   }
}

@media (prefers-reduced-motion: reduce) {
   .cia-agent-card-scene {
      transition-duration: 0.01ms;
   }
}

@media (min-width: 1200px) {
   .cia-hero-grid {
      align-items: center;
   }

   .cia-navbar-logo {
      margin-right: 140px;
   }

   .cia-navbar-menu {
      display: flex;
      align-items: center;
      gap: 24px;
   }

   .cia-agents-dropdown {
      width: 960px;
      max-width: calc(100vw - 100px);
      left: max(50px, calc((100% - 1314px) / 2 + 50px));
      right: auto;
      margin-right: 0;
      margin-left: 0;
   }

   .has-dropdown:focus-within > .cia-agents-dropdown {
      opacity: 1;
      visibility: visible;
      scale: 1;
   }

}

@media (min-width: 1200px) and (max-width: 1399px) {
   .cia-navbar-logo {
      margin-right: 140px;
   }

   .cia-navbar-menu {
      gap: 16px;
   }
}

@media (max-width: 1199px) {
   .cia-hero {
      padding-top: 100px;
   }

   .cia-hero-copy {
      order: 2;
   }

   .cia-hero-visual {
      order: 1;
      display: flex;
      justify-content: center;
   }

   .cia-hero-visual-inner {
      position: relative;
      width: 82vw;
      max-width: 702px;
      padding-top: 8%;
      margin-bottom: 40px;
      transform: translateX(-3%);
   }

   .cia-hero-thumb {
      display: block;
      width: 100%;
   }

   .cia-hero-picture {
      display: block;
      width: 100%;
   }

   .cia-hero-shape {
      top: 41%;
      left: 10%;
      width: 66.25%;
      height: auto;
   }

   .cia-hero-model {
      right: -9%;
      bottom: 6.5%;
      width: 64%;
      max-width: none;
      height: auto;
   }
}

@media (max-width: 991px) {
   .cia-hero-title {
      font-size: 50px;
      line-height: 55px;
   }
}

@media (max-width: 1023px) {
   .cia-outcome-copy {
      padding-right: 0;
   }

   .cia-outcome-visual {
      top: 0;
      justify-content: center;
      margin-top: 42px;
   }

   .cia-outcome-visual img {
      max-width: 630px;
   }

   .cia-workflow-composition {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      left: auto;
      width: 100%;
      max-width: 900px;
      margin: 0 auto;
      translate: none;
   }

   .cia-workflow-stack--right {
      display: grid;
      grid-column: 1 / -1;
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }

   .cia-workflow-card--knowledge {
      width: 100%;
      min-height: 210px;
      margin-left: 0;
   }

   .cia-workflow-float--note {
      top: -8px;
      left: 68%;
   }
}

@media (max-width: 767px) {
   .cia-workflow-floating-shape {
      display: none;
   }

   .cia-workflow-hero-title {
      font-size: 36px;
   }

   .cia-workflow-composition {
      display: flex;
      flex-direction: column;
      gap: 20px;
   }

   .cia-workflow-stack--left,
   .cia-workflow-stack--right {
      display: flex;
      width: 100%;
      padding-top: 0;
   }

   .cia-workflow-card--channels,
   .cia-workflow-card--knowledge {
      width: 100%;
      margin-left: 0;
   }

   .cia-workflow-float--yellow {
      top: -35px;
      right: 8px;
      width: 76px;
   }

   .cia-workflow-float--note {
      top: 90px;
      right: 18px;
      left: auto;
      width: 62px;
   }

   .cia-workflow-float--pink {
      right: 8px;
      bottom: -24px;
      width: 66px;
   }

   .cia-positioning-ai-tag {
      padding: 8px 14px;
      font-size: 12px;
   }

   .cia-positioning-ai-tag--capacity {
      top: 34px;
      left: 58px;
   }

   .cia-positioning-ai-tag--agility {
      top: 246px;
      right: 54px;
      left: auto;
   }

   .cia-positioning-ai-tag--efficiency {
      top: 32px;
      right: 82px;
   }

   .cia-agent-filters {
      width: 100%;
      flex-direction: column;
      border-radius: 24px;
   }

   .cia-agent-filter {
      width: 100%;
   }
}

@media (max-width: 479px) {
   .cia-site-container {
      padding-right: 24px;
      padding-left: 24px;
   }

   .cia-hero {
      padding-top: 112px;
   }

   .cia-hero-title {
      font-size: 40px;
      line-height: 44px;
   }

   .cia-hero-visual-inner {
      width: 84vw;
      max-width: 320px;
      padding-top: 11%;
      padding-bottom: 14px;
      margin-bottom: 30px;
   }

   .cia-hero-model {
      width: 76%;
      bottom: 0;
   }

   .cia-hero-shape {
      top: 65%;
   }
}