/* CONNECT IA — refined futuristic layer */
:root{
  --rf-deep:#071a33;
  --rf-deep-2:#0a294d;
  --rf-blue:#0b63f6;
  --rf-cyan:#21c8ef;
  --rf-indigo:#6477ff;
  --rf-surface:rgba(255,255,255,.86);
  --rf-line:rgba(116,174,226,.24);
  --rf-shadow:0 16px 46px rgba(8,47,88,.075);
}

/* Calmer, more premium global atmosphere */
body.public-landing{
  background:
    radial-gradient(circle at 8% 12%,rgba(33,200,239,.045),transparent 24rem),
    radial-gradient(circle at 94% 34%,rgba(100,119,255,.04),transparent 22rem),
    linear-gradient(180deg,#fff 0%,#f9fbfe 52%,#fff 100%) !important;
}

/* Header: subtle tech edge, not neon-heavy */
.public-header{
  background:rgba(255,255,255,.91) !important;
  box-shadow:0 8px 26px rgba(7,36,70,.045) !important;
}
.public-header:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:-1px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(11,99,246,.24),rgba(33,200,239,.32),transparent);
  pointer-events:none;
}
.ci-mobile-menu summary{
  background:rgba(255,255,255,.86) !important;
  box-shadow:0 7px 18px rgba(7,42,80,.045);
}

/* Hero: depth without visual noise */
.ci-hero{
  background:
    radial-gradient(circle at 84% 20%,rgba(33,200,239,.075),transparent 16rem),
    radial-gradient(circle at 20% 82%,rgba(100,119,255,.045),transparent 22rem),
    linear-gradient(180deg,#fff 0%,#f8fbff 100%) !important;
}
.ci-hero:before{
  opacity:.14 !important;
  background-size:38px 38px !important;
}
.ci-hero:after{
  opacity:.66;
  filter:blur(18px) !important;
}
.ci-kicker{
  padding:6px 10px !important;
  border-color:rgba(11,99,246,.11) !important;
  background:rgba(255,255,255,.78) !important;
  box-shadow:none !important;
}
.ci-kicker:before{
  width:6px;height:6px;
  box-shadow:0 0 0 4px rgba(33,200,239,.08),0 0 12px rgba(33,200,239,.24) !important;
}
.ci-hero h1{
  background:linear-gradient(112deg,#071d3b 0%,#0b365f 56%,#0b63f6 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
}
.ci-hero-card{
  border-color:rgba(116,174,226,.22) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(247,251,255,.86)) !important;
  box-shadow:0 18px 52px rgba(8,51,96,.085) !important;
}

/* Buttons: crisp and commercial */
.ci-button-primary{
  background:linear-gradient(135deg,#0b63f6,#0a76d6 72%,#19bde8) !important;
  box-shadow:0 10px 24px rgba(11,99,246,.16) !important;
}
.ci-button-secondary{
  border-color:rgba(119,171,221,.30) !important;
  background:rgba(255,255,255,.86) !important;
  box-shadow:0 7px 20px rgba(8,49,92,.04);
}

/* Trust cards: lower height + controlled accents */
.ci-trustbar{gap:12px !important}
.ci-trustitem{
  border-color:var(--rf-line) !important;
  background:var(--rf-surface) !important;
  box-shadow:var(--rf-shadow) !important;
}
.ci-trustitem:after{
  height:1px !important;
  opacity:.30 !important;
}
.ci-iconbox{
  border-color:rgba(89,158,222,.25) !important;
  background:linear-gradient(145deg,#edf6ff,#f9fcff) !important;
  color:#0b5d9e !important;
  box-shadow:0 7px 20px rgba(11,99,246,.065) !important;
}
.ci-iconbox:after{
  opacity:.58;
  filter:blur(7px) !important;
}

/* Cards: premium modular panels */
.ci-feature-grid{gap:15px !important}
.ci-feature-grid>section{
  border-color:var(--rf-line) !important;
  background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(249,252,255,.90)) !important;
  box-shadow:var(--rf-shadow) !important;
}
.ci-feature-grid>section:before{
  width:2px !important;
  opacity:.54 !important;
}
.ci-feature-grid h2{
  letter-spacing:-.018em;
}
.ci-feature-grid p{
  color:#60758a !important;
}

/* Inline navigation: compact control strip */
.ci-page-nav{
  border-color:var(--rf-line) !important;
  background:rgba(255,255,255,.88) !important;
  box-shadow:0 8px 24px rgba(7,47,90,.05) !important;
}
.ci-page-nav a{
  color:#304b68 !important;
}
.ci-page-nav a:hover{
  color:var(--rf-blue) !important;
}

/* FAQ */
.ci-faq{
  border-color:var(--rf-line) !important;
  background:linear-gradient(180deg,rgba(249,252,255,.96),#fff) !important;
  box-shadow:0 14px 42px rgba(8,47,88,.045);
}
.ci-faq:before{
  opacity:.32 !important;
}
.ci-faq details{
  border-color:rgba(126,178,227,.22) !important;
}

/* Differentiator strip */
.ci-positioning{
  border-color:var(--rf-line) !important;
  background:rgba(255,255,255,.88) !important;
  box-shadow:0 10px 30px rgba(8,47,88,.045) !important;
}

/* CTA: navy first, cyan only as accent */
.ci-final-cta{
  background:
    radial-gradient(circle at 92% 12%,rgba(33,200,239,.13),transparent 14rem),
    radial-gradient(circle at 12% 95%,rgba(100,119,255,.10),transparent 16rem),
    linear-gradient(135deg,#06182f 0%,#092b51 58%,#0a4b82 100%) !important;
  box-shadow:0 20px 58px rgba(5,37,72,.16) !important;
  border:1px solid rgba(95,166,229,.18);
}
.ci-final-cta:before{
  opacity:.11 !important;
  background-size:32px 32px !important;
}
.ci-final-cta:after{
  background:rgba(33,200,239,.10) !important;
}
.ci-final-cta h2{
  max-width:760px;
  letter-spacing:-.03em !important;
}
.ci-final-cta p{
  color:#c9d9e8 !important;
}
.ci-final-cta .ci-button-primary{
  background:#fff !important;
  border-color:#fff !important;
  color:#0a4f91 !important;
  box-shadow:0 10px 24px rgba(0,0,0,.11) !important;
}
.ci-final-cta .ci-button-secondary{
  background:rgba(255,255,255,.075) !important;
  border-color:rgba(255,255,255,.34) !important;
  color:#fff !important;
  box-shadow:none !important;
}
.ci-final-cta .ci-button-secondary:hover{
  background:rgba(255,255,255,.12) !important;
}

/* Related solutions: compact chips/cards */
.ci-related{
  margin-top:28px !important;
}
.ci-related h2{
  color:#0b2b50 !important;
  font-size:clamp(20px,2.2vw,25px) !important;
  margin-bottom:12px !important;
}
.ci-related-links{
  gap:8px !important;
}
.ci-related-links a{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:9px 13px !important;
  border-color:rgba(120,174,225,.25) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.90) !important;
  color:#0a5ca5 !important;
  box-shadow:0 6px 18px rgba(8,47,88,.035);
}
.ci-related-links a:hover,
.ci-related-links a[aria-current="page"]{
  border-color:rgba(11,99,246,.30) !important;
  background:#f0f7ff !important;
}

/* Manuals */
.manual-step{
  border-color:var(--rf-line) !important;
  box-shadow:var(--rf-shadow) !important;
}
.manual-checklist{
  background:
    radial-gradient(circle at 90% 10%,rgba(33,200,239,.12),transparent 14rem),
    linear-gradient(135deg,#06182f,#0a3e70) !important;
}

/* Footer */
.public-footer,.ci-footer{
  background:linear-gradient(180deg,#fbfdff,#f6f9fd) !important;
}

/* Back to top: quiet utility */
.ci-back-top{
  background:rgba(10,73,138,.90) !important;
  box-shadow:0 6px 16px rgba(7,53,104,.13) !important;
}

/* Mobile refinements */
@media(max-width:768px){
  .ci-hero{
    padding-top:22px !important;
    padding-bottom:28px !important;
  }
  .ci-main{
    padding-top:16px !important;
  }
  .ci-breadcrumb{
    margin-bottom:12px !important;
  }

  .ci-trustbar{
    gap:9px !important;
    margin-bottom:16px !important;
  }
  .ci-trustitem{
    min-height:68px !important;
    padding:10px 12px !important;
  }
  .ci-trustitem>.ci-iconbox{
    width:42px !important;
    height:42px !important;
    flex-basis:42px !important;
  }
  .ci-trustitem>.ci-iconbox .ci-icon{
    width:19px !important;
    height:19px !important;
  }

  .ci-feature-grid{
    gap:10px !important;
    margin-bottom:24px !important;
  }
  .ci-feature-grid>section{
    padding:18px 17px !important;
  }
  .ci-feature-icon{
    margin-bottom:11px !important;
  }
  .ci-feature-icon .ci-iconbox{
    width:46px !important;
    height:46px !important;
    flex-basis:46px !important;
  }
  .ci-feature-grid h2{
    font-size:19px !important;
    line-height:1.22 !important;
  }

  .ci-page-nav:not(.manual-nav){
    gap:6px !important;
    padding:6px !important;
    margin-bottom:16px !important;
  }
  .ci-page-nav:not(.manual-nav) a{
    min-height:36px !important;
    padding:8px 10px !important;
    font-size:10.5px !important;
  }

  .ci-positioning{
    margin:22px 0 !important;
  }

  .ci-final-cta{
    margin:24px 0 22px !important;
    padding:24px 20px !important;
    border-radius:20px !important;
  }
  .ci-final-cta h2{
    font-size:clamp(25px,7vw,31px) !important;
    line-height:1.08 !important;
  }
  .ci-final-cta p{
    margin-top:9px !important;
    font-size:14px !important;
    line-height:1.52 !important;
  }
  .ci-final-cta .ci-hero-actions{
    gap:9px !important;
    margin-top:16px !important;
  }
  .ci-final-cta .ci-button{
    min-height:46px !important;
    font-size:13.5px !important;
  }

  .ci-related{
    margin-top:24px !important;
  }
  .ci-related h2{
    font-size:20px !important;
    line-height:1.16 !important;
  }
  .ci-related-links{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:7px !important;
  }
  .ci-related-links a{
    min-width:0;
    min-height:42px;
    padding:8px 9px !important;
    font-size:11px !important;
    line-height:1.25;
    text-align:center;
    overflow-wrap:anywhere;
  }

  .ci-back-top{
    width:28px !important;
    height:28px !important;
    right:10px !important;
    bottom:74px !important;
    font-size:11px !important;
    opacity:.70 !important;
  }
}

@media(max-width:430px){
  .ci-hero h1{
    font-size:clamp(29px,8.7vw,37px) !important;
    line-height:1.02 !important;
  }
  .ci-hero .ci-lead{
    font-size:15px !important;
    line-height:1.52 !important;
  }
  .ci-related-links{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:360px){
  .ci-related-links{
    grid-template-columns:1fr !important;
  }
}