.elementor-5928 .elementor-element.elementor-element-f9644aa{--display:flex;--min-height:0px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:0;}.elementor-5928 .elementor-element.elementor-element-f9644aa:not(.elementor-motion-effects-element-type-background), .elementor-5928 .elementor-element.elementor-element-f9644aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2f9628a );}.elementor-5928 .elementor-element.elementor-element-f9644aa.e-con{--align-self:center;}.elementor-5928 .elementor-element.elementor-element-cc88a78{text-align:center;}.elementor-5928 .elementor-element.elementor-element-cc88a78 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:65px;font-weight:bold;line-height:1.2;}.elementor-5928 .elementor-element.elementor-element-839a777 > .elementor-widget-container{background-color:transparent;padding:16px 0px 16px 0px;background-image:radial-gradient(at center center, #D3D3D300 0%, #F5F5F500 100%);}.elementor-5928 .elementor-element.elementor-element-839a777.elementor-element{--align-self:center;}.elementor-5928 .elementor-element.elementor-element-839a777{text-align:center;}.elementor-5928 .elementor-element.elementor-element-839a777 img{border-radius:0px 0px 0px 0px;}.elementor-5928 .elementor-element.elementor-element-aab42bf{text-align:center;font-size:18px;}.elementor-5928 .elementor-element.elementor-element-705f75b{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:0px 14px;--row-gap:0px;--column-gap:14px;--grid-auto-flow:column;--justify-items:center;--align-items:center;}.elementor-5928 .elementor-element.elementor-element-4847f75 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Poppins", Sans-serif;font-weight:700;}.elementor-5928 .elementor-element.elementor-element-7c4ea77 .elementor-button{background-color:#02010100;font-family:"Poppins", Sans-serif;font-weight:700;fill:var( --e-global-color-c89e4b8 );color:var( --e-global-color-c89e4b8 );border-style:solid;border-width:2px 2px 2px 2px;}.elementor-5928 .elementor-element.elementor-element-8a8615b{--display:flex;--padding-top:96px;--padding-bottom:96px;--padding-left:0px;--padding-right:0px;}.elementor-5928 .elementor-element.elementor-element-e85fb4a{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:column;}.elementor-5928 .elementor-element.elementor-element-202c5cd > .elementor-widget-container{padding:0px 10px 60px 10px;}.elementor-5928 .elementor-element.elementor-element-f2a574c{--display:flex;--padding-top:96px;--padding-bottom:96px;--padding-left:0px;--padding-right:0px;}.elementor-5928 .elementor-element.elementor-element-f2a574c:not(.elementor-motion-effects-element-type-background), .elementor-5928 .elementor-element.elementor-element-f2a574c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-5928 .elementor-element.elementor-element-7cda116{--display:flex;--padding-top:96px;--padding-bottom:96px;--padding-left:0px;--padding-right:0px;}.elementor-5928 .elementor-element.elementor-element-7cda116:not(.elementor-motion-effects-element-type-background), .elementor-5928 .elementor-element.elementor-element-7cda116 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-79d2995 );}.elementor-5928 .elementor-element.elementor-element-4ae16e2{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:column;}.elementor-5928 .elementor-element.elementor-element-4fee697 > .elementor-widget-container{border-radius:16px 16px 16px 16px;}.elementor-5928 .elementor-element.elementor-element-8901e9b{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:96px;--padding-bottom:96px;--padding-left:0px;--padding-right:0px;}.elementor-5928 .elementor-element.elementor-element-8901e9b:not(.elementor-motion-effects-element-type-background), .elementor-5928 .elementor-element.elementor-element-8901e9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-5928 .elementor-element.elementor-element-8901e9b.e-con{--align-self:center;}@media(max-width:1024px){.elementor-5928 .elementor-element.elementor-element-705f75b{--grid-auto-flow:row;}.elementor-5928 .elementor-element.elementor-element-e85fb4a{--grid-auto-flow:row;}.elementor-5928 .elementor-element.elementor-element-4ae16e2{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-5928 .elementor-element.elementor-element-f9644aa{--content-width:1200px;}.elementor-5928 .elementor-element.elementor-element-8a8615b{--content-width:1200px;}.elementor-5928 .elementor-element.elementor-element-f2a574c{--content-width:1200px;}.elementor-5928 .elementor-element.elementor-element-7cda116{--content-width:1200px;}.elementor-5928 .elementor-element.elementor-element-8901e9b{--content-width:1200px;}}@media(max-width:767px){.elementor-5928 .elementor-element.elementor-element-705f75b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5928 .elementor-element.elementor-element-e85fb4a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-5928 .elementor-element.elementor-element-4ae16e2{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS *//* ── HERO ── */
.demo-hero {
  min-height: auto;
  padding: 60px 5% 40px;
  position: relative; overflow: hidden;
  display: flex; align-items: center;
  background-color: #F5F9FC;
  background-image: radial-gradient(circle, rgba(2,73,115,0.08) 1px, transparent 1px);
  background-size: 32px 32px;
}
.demo-hero::before {
  content: '';
  position: absolute;
  top: -20%; left: calc(100% - 630px);
  width: 700px; height: 700px;
  border-radius: 50%;
  background: rgba(233,249,249,0.70);
  z-index: 0; pointer-events: none;
}
.demo-hero::after {
  content: '';
  position: absolute;
  bottom: -15%; left: -5%;
  width: 480px; height: 480px;
  border-radius: 50%;
  background: rgba(58,197,206,0.07);
  z-index: 0; pointer-events: none;
}
.demo-hero .elementor-container {
  position: relative; z-index: 1;
  max-width: 900px !important;
  margin: 0 auto !important;
  text-align: center !important;
}
.demo-hero .elementor-heading-title,
.demo-hero h1 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 800 !important;
  font-size: clamp(30px, 4vw, 52px) !important;
  line-height: 1.1 !important;
  letter-spacing: -1.5px !important;
  color: #021939 !important;
}
/* Center CTAs and badge */
.demo-hero .elementor-widget-button { text-align: center !important; }
.demo-personalized-badge { display: inline-flex !important; }

/* Client name highlight */
.demo-client-name {
  color: #219EBC;
  font-weight: 800;
}

/* Personalised badge */
.demo-personalized-badge {
  display: flex;
  align-items: center;
  gap: 10px;
  background: rgba(33,158,188,0.07);
  border: 1px solid rgba(33,158,188,0.18);
  border-radius: 10px;
  padding: 12px 16px;
  margin-top: 24px;
}
.demo-personalized-badge p {
  font-family: 'Poppins', sans-serif;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #021939 !important;
  line-height: 1.4 !important;
  opacity: 1 !important;
  margin: 0 !important;
}
.demo-personalized-badge strong { color: #219EBC; }



/* ── DEMO SECTION ── */
.demo-chat-section { background: #ffffff !important; }

.demo-disclaimer {
  background: rgba(2,73,115,0.05);
  border-left: 3px solid rgba(33,158,188,0.35);
  border-radius: 0 8px 8px 0;
  padding: 12px 16px;
  font-family: 'Poppins', sans-serif;
  font-size: 12px !important;
  color: #2B2E3F !important;
  opacity: 0.65 !important;
  line-height: 1.6 !important;
  margin-bottom: 40px !important;
  font-style: italic !important;
}

/* Info cards */
.demo-info-dark {
  background: #021939;
  border-radius: 16px;
  padding: 28px;
}
.demo-info-teal {
  background: #E9F9F9;
  border: 1px solid rgba(33,158,188,0.18);
  border-radius: 16px;
  padding: 28px;
}
.demo-info-dark h3 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #3AC5CE !important;
  margin-bottom: 16px !important;
}
.demo-info-teal h3 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #219EBC !important;
  margin-bottom: 16px !important;
}
.demo-info-dark ul, .demo-info-teal ul {
  list-style: none; padding: 0;
  display: flex; flex-direction: column; gap: 8px;
}
.demo-info-dark li {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  color: rgba(255,255,255,0.70);
  display: flex; align-items: flex-start; gap: 8px; line-height: 1.5;
}
.demo-info-teal li {
  font-family: 'Poppins', sans-serif;
  font-size: 13px;
  color: #021939;
  display: flex; align-items: flex-start; gap: 8px; line-height: 1.5;
}
.demo-info-dark li::before { content: '›'; color: #3AC5CE; font-weight: 700; }
.demo-info-teal li::before { content: '›'; color: #219EBC; font-weight: 700; }

/* Avatar embed wrapper */
.demo-embed-wrapper {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 8px 40px rgba(2,25,57,0.12);
  border: 1px solid rgba(2,73,115,0.09);
}
.demo-embed-bar {
  background: #021939;
  padding: 14px 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.demo-embed-bar-label {
  font-family: 'Poppins', sans-serif;
  font-size: 11px; font-weight: 700;
  letter-spacing: 0.10em; text-transform: uppercase;
  color: #3AC5CE;
}
.demo-embed-status {
  display: flex; align-items: center; gap: 6px;
  font-family: 'Poppins', sans-serif;
  font-size: 11px; color: rgba(255,255,255,0.45);
}
.demo-embed-status-dot {
  width: 7px; height: 7px;
  border-radius: 50%; background: #22c55e;
}

/* ── CAPABILITIES SECTION — matches deploy-section ── */
.demo-cap-section {
  background: #021939 !important;
  position: relative; overflow: hidden;
}
.demo-cap-section::before {
  content: '';
  position: absolute;
  top: -200px; right: -200px;
  width: 600px; height: 600px;
  border-radius: 50%;
  background: rgba(33,158,188,0.05);
  pointer-events: none;
}
.demo-cap-section h2,
.demo-cap-section .elementor-heading-title { color: #ffffff !important; }
.demo-cap-section .section-label-dark { color: #3AC5CE !important; }

/* Capability card */
.demo-cap-card {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  padding: 20px 22px;
  display: flex;
  gap: 16px;
  align-items: flex-start;
  transition: background 0.2s, border-color 0.2s;
}
.demo-cap-card:hover {
  background: rgba(33,158,188,0.09);
  border-color: rgba(33,158,188,0.22);
}
.demo-cap-icon {
  width: 40px; height: 40px; min-width: 40px;
  border-radius: 10px;
  background: rgba(33,158,188,0.15);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; color: #3AC5CE;
}
.demo-cap-card h4 {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  font-size: 13px !important;
  color: #ffffff !important;
  margin-bottom: 4px !important;
}
.demo-cap-card p {
  font-size: 12px !important;
  color: rgba(255,255,255,0.48) !important;
  line-height: 1.55 !important;
  font-weight: 300 !important;
}

/* ── PREVIEW SECTION ── */
.demo-preview-section { background: #F5F9FC !important; }

/* ── CTA BANNER — exact ai-cta-banner match ── */
.demo-cta-section {
  background: #021939 !important;
  position: relative; overflow: hidden;
  text-align: center;
}
.demo-cta-section::before {
  content: '';
  position: absolute;
  top: -120px; left: 50%;
  transform: translateX(-50%);
  width: 800px; height: 400px;
  border-radius: 50%;
  background: rgba(33,158,188,0.08);
  pointer-events: none;
}
.demo-cta-section h2,
.demo-cta-section .elementor-heading-title { color: #ffffff !important; }
.demo-cta-section p { color: rgba(255,255,255,0.58) !important; }

/* ── RESPONSIVE ── */
@media(max-width:600px) {
  .demo-hero .elementor-container { text-align: left !important; }
  .demo-personalized-badge { text-align: left !important; }
}/* End custom CSS */