/* Chat Bot Genius public frontend — v67 */
:root {
  --cbg-navy: #0b1736;
  --cbg-navy-2: #101f44;
  --cbg-blue: #2468f2;
  --cbg-blue-2: #118df0;
  --cbg-cyan: #19c5d2;
  --cbg-ink: #101a35;
  --cbg-muted: #66728c;
  --cbg-line: #e5ebf5;
  --cbg-soft: #f5f8fd;
  --cbg-white: #ffffff;
  --cbg-radius-xl: 32px;
  --cbg-radius-lg: 24px;
  --cbg-radius-md: 18px;
  --cbg-shadow: 0 24px 70px rgba(12, 35, 83, .12);
  --cbg-shadow-soft: 0 14px 38px rgba(12, 35, 83, .08);
}

html { scroll-behavior: smooth; }
body.cbg-public-site {
  background: var(--cbg-white);
  color: var(--cbg-muted);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
  overflow-x: hidden;
}
body.cbg-public-site h1,
body.cbg-public-site h2,
body.cbg-public-site h3,
body.cbg-public-site h4,
body.cbg-public-site h5,
body.cbg-public-site h6 { color: var(--cbg-ink); font-weight: 800; letter-spacing: -.025em; }
body.cbg-public-site p { color: var(--cbg-muted); line-height: 1.85; }
body.cbg-public-site a { text-decoration: none; }
body.cbg-public-site .container { max-width: 1200px; }

/* Header */
.cbg-public-home .header_area { position: absolute; inset: 0 0 auto; z-index: 999; }
.cbg-public-home .header_navbar { padding: 18px 0; transition: .25s ease; background: transparent; }
.cbg-public-home .header_navbar.sticky {
  position: fixed; padding: 9px 0; background: rgba(255,255,255,.94); backdrop-filter: blur(18px);
  box-shadow: 0 12px 36px rgba(9, 28, 70, .10); border-bottom: 1px solid rgba(220,229,244,.75);
}
.cbg-public-home .navbar { min-height: 66px; padding: 7px 12px; border-radius: 19px; }
.cbg-public-home .navbar-brand img { max-height: 46px; width: auto; }
.cbg-public-home .header_navbar:not(.sticky) .navbar-nav .nav-item > a { color: rgba(255,255,255,.82); }
.cbg-public-home .header_navbar:not(.sticky) .navbar-nav .nav-item > a:hover,
.cbg-public-home .header_navbar:not(.sticky) .navbar-nav .nav-item > a.active { color: #fff; }
.cbg-public-home .navbar-nav { align-items: center; gap: 2px; }
.cbg-public-home .navbar-nav .nav-item > a {
  font-size: 14px; font-weight: 700; padding: 11px 13px !important; border-radius: 12px; transition: .2s ease;
}
.cbg-public-home .navbar-nav .cbg-login-item > a {
  border: 1px solid rgba(255,255,255,.36); margin-inline-start: 10px; padding-inline: 19px !important;
}
.cbg-public-home .header_navbar.sticky .navbar-nav .cbg-login-item > a { border-color: #dbe5f6; color: var(--cbg-blue); }
.cbg-public-home .navbar-nav .cbg-signup-item > a {
  color: #fff !important; background: linear-gradient(135deg, var(--cbg-blue), var(--cbg-blue-2));
  box-shadow: 0 10px 22px rgba(36,104,242,.25); margin-inline-start: 7px; padding-inline: 20px !important;
}
.cbg-public-home .navbar-toggler { border: 0; width: 46px; height: 46px; border-radius: 14px; background: rgba(255,255,255,.13); }
.cbg-public-home .header_navbar.sticky .navbar-toggler { background: #eef4ff; }

/* Hero */
.cbg-public-home .hero-area {
  position: relative; min-height: 780px; padding: 175px 0 105px; overflow: hidden;
  background:
    radial-gradient(circle at 85% 20%, rgba(26,197,210,.30), transparent 28%),
    radial-gradient(circle at 18% 80%, rgba(74,112,255,.32), transparent 32%),
    linear-gradient(135deg, #08142f 0%, #10285a 55%, #086fbd 100%) !important;
  border-radius: 0 0 56px 56px;
}
.cbg-public-home .hero-area::before {
  content:""; position:absolute; inset:0; opacity:.2; pointer-events:none;
  background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 44px 44px; mask-image: linear-gradient(to bottom, rgba(0,0,0,.75), transparent 90%);
}
.cbg-public-home .hero-area::after {
  content:""; position:absolute; width:540px; height:540px; border-radius:50%; right:-240px; top:80px;
  border: 100px solid rgba(255,255,255,.035); box-shadow: 0 0 0 70px rgba(255,255,255,.018);
}
.cbg-public-home .hero-area .container { position: relative; z-index: 2; }
.cbg-public-home .hero-content { max-width: 620px; }
.cbg-public-home .cbg-hero-kicker {
  display: inline-flex; align-items:center; gap:9px; margin-bottom:22px; padding:9px 14px;
  border:1px solid rgba(255,255,255,.2); border-radius:999px; background:rgba(255,255,255,.09);
  color:#dffaff; font-size:13px; font-weight:750; backdrop-filter: blur(10px);
}
.cbg-public-home .cbg-hero-kicker i { color:#4de2e9; font-size:18px; }
.cbg-public-home .hero-content h2 { color:#fff; font-size: clamp(46px, 5vw, 72px); line-height:1.03; margin-bottom:18px; }
.cbg-public-home .hero-content h3 { color:#cfe0ff; font-size: clamp(20px, 2vw, 27px); font-weight:650; line-height:1.45; margin-bottom:18px; }
.cbg-public-home .hero-content p { color:rgba(235,243,255,.78); font-size:17px; max-width:590px; margin-bottom:31px; }
.cbg-public-home .hero-btns { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.cbg-public-home .hero-btns .main-btn {
  min-height:54px; display:inline-flex; align-items:center; gap:10px; padding:0 24px; border:0; border-radius:15px;
  color:#0c1a36; background:#fff; font-weight:800; box-shadow:0 18px 36px rgba(0,0,0,.18);
}
.cbg-public-home .cbg-hero-login {
  min-height:54px; display:inline-flex; align-items:center; padding:0 23px; color:#fff; font-weight:800;
  border:1px solid rgba(255,255,255,.28); border-radius:15px; background:rgba(255,255,255,.08);
}
.cbg-public-home .watch-btn { margin:0 !important; min-height:54px; padding:0 8px 0 0; color:#fff !important; }
.cbg-public-home .watch-btn i { width:54px; height:54px; display:grid; place-items:center; background:linear-gradient(135deg,#1cc9d4,#2c8df5); box-shadow:0 12px 28px rgba(13,188,213,.28); }
.cbg-public-home .hero-img { position:relative; min-height:490px; display:flex; align-items:center; justify-content:center; }
.cbg-public-home .hero-img > img:first-of-type {
  position:relative; z-index:2; border-radius:25px; filter: drop-shadow(0 32px 45px rgba(0,0,0,.28));
  transform: perspective(1200px) rotateY(-5deg) rotateX(2deg);
}
.cbg-public-home .hero-img .img-screen { border-radius:17px; box-shadow:0 22px 42px rgba(2,12,35,.32); border:1px solid rgba(255,255,255,.2); }
.cbg-public-home .cbg-visual-badge {
  position:absolute; z-index:8; display:flex; align-items:center; gap:10px; padding:13px 16px; border-radius:15px;
  color:var(--cbg-ink); background:rgba(255,255,255,.94); box-shadow:0 20px 40px rgba(1,17,53,.2); font-size:13px; font-weight:800;
}
.cbg-public-home .cbg-visual-badge i { width:32px; height:32px; display:grid; place-items:center; color:#fff; border-radius:10px; background:linear-gradient(135deg,var(--cbg-blue),var(--cbg-cyan)); }
.cbg-public-home .cbg-visual-badge-one { top:48px; left:-18px; }
.cbg-public-home .cbg-visual-badge-two { right:-8px; bottom:55px; }

/* Generic sections */
.cbg-public-home section:not(.hero-area) { position:relative; }
.cbg-public-home .pt-120, .cbg-public-home .pt-130, .cbg-public-home .pt-150 { padding-top:105px !important; }
.cbg-public-home .pb-150 { padding-bottom:105px !important; }
.cbg-public-home .section-title h3,
.cbg-public-home .faq-wrapper > h4,
.cbg-public-home .contact-form-wrapper > h4 { font-size:clamp(30px,3vw,44px); line-height:1.2; }
.cbg-public-home .section-title h3::before,
.cbg-public-home .faq-wrapper > h4::before,
.cbg-public-home .contact-form-wrapper > h4::before {
  content:""; display:block; width:52px; height:5px; margin:0 auto 18px; border-radius:999px; background:linear-gradient(90deg,var(--cbg-blue),var(--cbg-cyan));
}

/* Features */
.cbg-public-home .feature-area { padding-bottom:80px; }
.cbg-public-home .single-feature {
  height:100%; min-height:285px; padding:30px 27px; border:1px solid var(--cbg-line); border-radius:var(--cbg-radius-lg);
  background:#fff; box-shadow:var(--cbg-shadow-soft); transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.cbg-public-home .single-feature:hover { transform:translateY(-8px); border-color:#cfe0ff; box-shadow:var(--cbg-shadow); }
.cbg-public-home .single-feature .feature-icon { width:68px; height:68px; margin-bottom:26px; border-radius:20px; box-shadow:none; }
.cbg-public-home .single-feature h4 { font-size:20px; margin-bottom:12px; }
.cbg-public-home .single-feature p { font-size:14px; margin:0; }

/* How it works */
.cbg-public-home .how-work-area { padding-bottom:100px; background:linear-gradient(180deg,#fff 0,#f5f8fe 100%); }
.cbg-public-home .how-work-img { position:relative; padding:24px; border-radius:32px; background:linear-gradient(145deg,#eaf2ff,#fff); box-shadow:var(--cbg-shadow-soft); }
.cbg-public-home .how-work-img > img:first-child { border-radius:24px; }
.cbg-public-home .how-work-content-wrapper { padding-inline-start:20px; }
.cbg-public-home .how-work-content-wrapper .section-title h3::before { margin-inline-start:0; }
.cbg-public-home .single-accordion { margin-bottom:13px !important; border:1px solid var(--cbg-line); border-radius:17px; background:#fff; box-shadow:0 9px 25px rgba(16,43,92,.05); overflow:hidden; }
.cbg-public-home .accordion-btn button { min-height:72px; padding:12px 18px; background:#fff; color:var(--cbg-ink); font-weight:800; }
.cbg-public-home .accordion-btn button .icon-style { flex:0 0 44px; width:44px; height:44px; border-radius:13px; }
.cbg-public-home .accordion-content { padding:0 20px 21px 82px; color:var(--cbg-muted); line-height:1.75; }
[dir="rtl"] .cbg-public-home .accordion-content { padding:0 82px 21px 20px; }

/* Video / screenshots */
.cbg-public-home .video-area .video-wrapper,
.cbg-public-home .screenshot-area-wrapper .container { border-radius:32px; }
.cbg-public-home .video-wrapper { overflow:hidden; box-shadow:var(--cbg-shadow); }
.cbg-public-home .video-wrapper::after { border-radius:32px; }
.cbg-public-home .video-btn { width:82px; height:82px; box-shadow:0 0 0 13px rgba(255,255,255,.17); }
.cbg-public-home .screenshot-area-wrapper { padding-bottom:75px; background:#f5f8fd; }
.cbg-public-home .single-screenshot img { border-radius:20px; border:1px solid var(--cbg-line); box-shadow:0 18px 45px rgba(16,40,85,.12); }

/* Testimonials */
.cbg-public-home .testimonial-area { padding-bottom:90px; background:#fff; }
.cbg-public-home .single-testimonial {
  border:1px solid var(--cbg-line); border-radius:25px; background:#fff; box-shadow:var(--cbg-shadow-soft); overflow:hidden;
}
.cbg-public-home .single-testimonial .testimonial-content { padding:29px; }
.cbg-public-home .member-image img { border:5px solid #eef4ff; }

/* Pricing */
.cbg-public-home .pricing-area { padding-bottom:95px; background:linear-gradient(180deg,#f5f8fd 0,#fff 100%); }
.cbg-public-home .pricing-nav .row { justify-content:center; row-gap:24px; }
.cbg-public-home .single-price {
  height:100%; padding:34px 26px 30px; border:1px solid var(--cbg-line); border-radius:26px; background:#fff; box-shadow:var(--cbg-shadow-soft); transition:.24s ease;
}
.cbg-public-home .single-price:hover { transform:translateY(-7px); box-shadow:var(--cbg-shadow); }
.cbg-public-home .single-price.active { border:2px solid var(--cbg-blue); position:relative; overflow:hidden; }
.cbg-public-home .single-price.active::before { content:"★"; position:absolute; top:14px; right:16px; width:35px; height:35px; display:grid; place-items:center; color:#fff; border-radius:12px; background:linear-gradient(135deg,var(--cbg-blue),var(--cbg-cyan)); }
[dir="rtl"] .cbg-public-home .single-price.active::before { right:auto; left:16px; }
.cbg-public-home .single-price .price-icon { width:68px; height:68px; border-radius:20px; }
.cbg-public-home .package-price { font-size:38px; color:var(--cbg-blue); }
.cbg-public-home .package-price sub { display:block; margin-top:9px; color:var(--cbg-muted); font-size:13px; }
.cbg-public-home .package-details { max-height:300px; overflow:auto; padding:0 5px; text-align:left; }
[dir="rtl"] .cbg-public-home .package-details { text-align:right; }
.cbg-public-home .package-details li { padding:10px 0; border-bottom:1px dashed #e7edf7; font-size:13px; }
.cbg-public-home .package-details .fas { color:var(--cbg-cyan); font-size:8px; }
.cbg-public-home .price-btn { display:inline-flex; align-items:center; justify-content:center; width:100%; min-height:50px; border-radius:14px; }

/* CTA */
.cbg-public-home .download-area { padding-top:40px !important; }
.cbg-public-home .download-wrapper {
  overflow:hidden; border-radius:34px; background:linear-gradient(135deg,#0b1736,#174a9f 62%,#09a9c4) !important; box-shadow:var(--cbg-shadow);
}
.cbg-public-home .download-wrapper::before { content:""; position:absolute; width:460px; height:460px; right:-170px; top:-260px; border-radius:50%; background:rgba(255,255,255,.08); }
.cbg-public-home .download-content { padding:70px 0; }
.cbg-public-home .download-content .section-title h3::before { margin-inline-start:0; background:#fff; }
.cbg-public-home .download-btn { border:1px solid rgba(255,255,255,.18); border-radius:17px; background:rgba(255,255,255,.1); backdrop-filter:blur(10px); }

/* FAQ + contact */
.cbg-public-home .contact-area { padding-bottom:105px; background:#f5f8fd; }
.cbg-public-home .faq-wrapper,
.cbg-public-home .contact-form-wrapper {
  height:100%; padding:34px; border:1px solid var(--cbg-line); border-radius:28px; background:#fff; box-shadow:var(--cbg-shadow-soft);
}
.cbg-public-home .faq-wrapper > h4,
.cbg-public-home .contact-form-wrapper > h4 { font-size:27px; }
.cbg-public-home .faq-accordion .single-accordion { box-shadow:none; }
.cbg-public-home .faq-accordion .accordion-btn button { min-height:62px; }
.cbg-public-home .contact-form input,
.cbg-public-home .contact-form textarea {
  width:100%; min-height:54px; margin-bottom:14px !important; padding:14px 16px; border:1px solid #dfe7f3; border-radius:14px; background:#fbfcff; color:var(--cbg-ink); transition:.2s ease;
}
.cbg-public-home .contact-form textarea { min-height:135px; resize:vertical; }
.cbg-public-home .contact-form input:focus,
.cbg-public-home .contact-form textarea:focus { outline:0; border-color:#79a7ff; box-shadow:0 0 0 4px rgba(36,104,242,.10); background:#fff; }
.cbg-public-home .contact-form .main-btn { min-height:53px; border:0; border-radius:14px; background:linear-gradient(135deg,var(--cbg-blue),var(--cbg-blue-2)); box-shadow:0 12px 26px rgba(36,104,242,.2); }

/* Footer */
.cbg-public-home .footer-area { padding-top:78px; background:linear-gradient(145deg,#071126,#0e2045) !important; }
.cbg-public-home .footer-widget { text-align:left !important; }
[dir="rtl"] .cbg-public-home .footer-widget { text-align:right !important; }
.cbg-public-home .footer-widget .logo { max-height:52px; }
.cbg-public-home .footer-widget h3,
.cbg-public-home .footer-widget h4 { color:#fff; }
.cbg-public-home .footer-widget p,
.cbg-public-home .footer-widget li,
.cbg-public-home .footer-widget a { color:rgba(228,237,255,.72); }
.cbg-public-home .footer-widget a:hover { color:#55dce4; }
.cbg-public-home .footer-widget ul li { margin-bottom:11px; }
.cbg-public-home .social-links { justify-content:flex-start !important; }
[dir="rtl"] .cbg-public-home .social-links { justify-content:flex-start !important; }
.cbg-public-home .social-links a { width:42px; height:42px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.12); border-radius:13px; background:rgba(255,255,255,.06); }
.cbg-public-home .footer-cradit { margin-top:40px; padding-top:25px; border-top:1px solid rgba(255,255,255,.1); }
.cbg-public-home .footer-cradit p { color:rgba(228,237,255,.6); }
.cbg-public-home .cookiealert { left:18px; right:18px; bottom:18px; border-radius:17px; overflow:hidden; background:rgba(7,17,38,.95); box-shadow:0 18px 50px rgba(0,0,0,.25); backdrop-filter:blur(12px); }
.cbg-public-home .back-to-top { width:48px; height:48px; border-radius:15px; background:linear-gradient(135deg,var(--cbg-blue),var(--cbg-cyan)); }

/* Static/public inner pages */
.cbg-public-inner { background:#f4f7fc !important; }
.cbg-public-inner .header-top-area { background:linear-gradient(135deg,#091630,#163f84) !important; }
.cbg-public-inner .mainmenu-area { background:rgba(8,20,47,.96) !important; box-shadow:0 10px 30px rgba(8,25,60,.15); }
.cbg-public-inner .navbar-brand img { max-height:48px; }
.cbg-public-inner .stellarnav ul li a { font-weight:700; }
.cbg-public-inner .sign-up { border-radius:12px !important; background:linear-gradient(135deg,var(--cbg-blue),var(--cbg-blue-2)) !important; }
.cbg-public-inner .about-area { padding:130px 0 80px !important; }
.cbg-public-inner .about-content {
  padding:42px !important; border:1px solid var(--cbg-line); border-radius:28px; background:#fff; box-shadow:var(--cbg-shadow-soft);
}
.cbg-public-inner .about-content h1,
.cbg-public-inner .about-content h2,
.cbg-public-inner .about-content h3 { color:var(--cbg-ink); }
.cbg-public-inner .footer-area { background:linear-gradient(145deg,#071126,#0e2045) !important; }

/* Responsive */
@media (max-width: 991.98px) {
  .cbg-public-home .header_navbar { padding:10px 0; }
  .cbg-public-home .navbar { background:rgba(10,25,57,.92); backdrop-filter:blur(16px); }
  .cbg-public-home .header_navbar.sticky .navbar { background:#fff; }
  .cbg-public-home .navbar-collapse { margin-top:12px; padding:14px; border-radius:18px; background:#fff; box-shadow:0 18px 40px rgba(5,25,67,.16); }
  .cbg-public-home .navbar-nav { align-items:stretch; }
  .cbg-public-home .navbar-nav .nav-item > a,
  .cbg-public-home .header_navbar:not(.sticky) .navbar-nav .nav-item > a { color:var(--cbg-ink); }
  .cbg-public-home .navbar-nav .cbg-login-item > a { margin-inline-start:0; border-color:#dfe7f4; }
  .cbg-public-home .navbar-nav .cbg-signup-item > a { margin-inline-start:0; text-align:center; }
  .cbg-public-home .hero-area { padding:145px 0 75px; min-height:auto; border-radius:0 0 36px 36px; }
  .cbg-public-home .hero-content { text-align:center; margin:0 auto; }
  .cbg-public-home .cbg-hero-kicker { margin-inline:auto; }
  .cbg-public-home .hero-content p { margin-inline:auto; }
  .cbg-public-home .hero-btns { justify-content:center; }
  .cbg-public-home .hero-img { margin-top:55px; min-height:420px; }
  .cbg-public-home .cbg-visual-badge-one { left:5px; }
  .cbg-public-home .cbg-visual-badge-two { right:5px; }
  .cbg-public-home .how-work-content-wrapper { padding-inline-start:0; margin-top:45px; }
  .cbg-public-home .how-work-content-wrapper .section-title h3::before { margin-inline:auto; }
  .cbg-public-home .download-content { padding:55px 25px 25px; text-align:center; }
  .cbg-public-home .download-content .section-title h3::before { margin-inline:auto; }
  .cbg-public-home .download-btns { justify-content:center; }
  .cbg-public-home .faq-wrapper { margin-bottom:25px; }
}
@media (max-width: 767.98px) {
  .cbg-public-home .hero-content h2 { font-size:42px; }
  .cbg-public-home .hero-content h3 { font-size:20px; }
  .cbg-public-home .hero-content p { font-size:15px; }
  .cbg-public-home .hero-btns > a { width:100%; justify-content:center; }
  .cbg-public-home .watch-btn { justify-content:center; }
  .cbg-public-home .hero-img { min-height:320px; }
  .cbg-public-home .hero-img .img-screen { display:none; }
  .cbg-public-home .cbg-visual-badge { font-size:11px; padding:10px 12px; }
  .cbg-public-home .cbg-visual-badge-one { top:20px; }
  .cbg-public-home .cbg-visual-badge-two { bottom:20px; }
  .cbg-public-home .pt-120, .cbg-public-home .pt-130, .cbg-public-home .pt-150 { padding-top:75px !important; }
  .cbg-public-home .single-feature { min-height:0; }
  .cbg-public-home .faq-wrapper, .cbg-public-home .contact-form-wrapper { padding:23px 18px; border-radius:22px; }
  .cbg-public-home .contact-form .row > div { width:100%; }
  .cbg-public-home .footer-widget { text-align:center !important; margin-bottom:35px; }
  .cbg-public-home .social-links { justify-content:center !important; }
  .cbg-public-inner .about-content { padding:25px 20px !important; border-radius:20px; }
}

/* RTL refinements */
[dir="rtl"] .cbg-public-home .hero-content,
[dir="rtl"] .cbg-public-home .package-details,
[dir="rtl"] .cbg-public-home .footer-widget { direction:rtl; }
[dir="rtl"] .cbg-public-home .hero-btns .main-btn i { transform:rotate(180deg); }
[dir="rtl"] .cbg-public-home .cbg-visual-badge-one { left:auto; right:-18px; }
[dir="rtl"] .cbg-public-home .cbg-visual-badge-two { right:auto; left:-8px; }