:root {
      
      --bg:        #060d1f;
      --surface:   #0d1a2e;
      --surface2:  #0f2040;
      --border:    rgba(255,255,255,.08);
      --text:      rgba(255,255,255,.92);
      --text2:     rgba(255,255,255,.65);
      --muted:     rgba(255,255,255,.38);
      --accent:    #3b82f6;
      --accent2:   #06b6d4;
      --green:     #4ade80;
      --orange:    #f59e0b;
      --meta-blue: #60a5fa;
      --shadow:    rgba(0,0,0,.4);
      --glow:      rgba(59,130,246,.20);
      --nav-bg:    rgba(6,13,31,.92);
    }

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

html{scroll-behavior:smooth;}

body{background: #060d1f !important;color:var(--text);font-family:"Poppins",sans-serif;line-height:1.65;overflow-x:hidden;}

.blog-hero{padding-top:68px;background:linear-gradient(145deg,#040c1a 0%,#0b1d3a 55%,#0c1120 100%);position:relative;overflow:hidden;}

.blog-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 50% 40%,rgba(26,86,219,.18),transparent 65%);pointer-events:none;}

.hero-inner{position:relative;z-index:1;padding:64px 0 52px;text-align:center;}

.hero-eyebrow{display:inline-flex;align-items:center;gap:7px;background:rgba(26,86,219,.20);border:1px solid rgba(26,86,219,.35);color:#93c5fd;font-size:.70rem;font-weight:700;letter-spacing:.10em;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:1.2rem;}

.hero-eyebrow .material-icons-round{font-size:13px;}

.hero-inner h1{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1.15;margin-bottom:.8rem;}

.hero-inner h1 .gr{background:linear-gradient(90deg,#60a5fa,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}

.hero-inner p{color:rgba(255,255,255,.50);font-size:.90rem;max-width:520px;margin:0 auto;}

.blog-search{display:flex;align-items:center;gap:10px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:10px 18px;max-width:500px;margin:1.6rem auto 0;}

.blog-search .material-icons-round{font-size:18px;color:rgba(255,255,255,.40);}

.blog-search input{background:none;border:none;outline:none;color:#fff;font-size:.84rem;font-family:"Poppins",sans-serif;width:100%;}

.blog-search input::placeholder{color:rgba(255,255,255,.30);}

.wave{display:block;width:100%;height:40px;margin-bottom:-2px;}

.filter-bar{background:var(--surface);border-bottom:1px solid var(--border);padding:18px 0;position:sticky;top:68px;z-index:99;box-shadow:0 2px 12px var(--shadow);}

.cat-filters{display:flex;gap:8px;overflow-x:auto;padding:0 4px;scrollbar-width:none;}

.cat-filters::-webkit-scrollbar{display:none;}

.cat-btn{display:inline-flex;align-items:center;white-space:nowrap;padding:7px 16px;border-radius:20px;font-size:.76rem;font-weight:600;font-family:"Poppins",sans-serif;border:1.5px solid var(--border);background:var(--surface);color:var(--text2);cursor:pointer;transition:all .15s;flex-shrink:0;}

.cat-btn:hover{border-color:var(--accent);color:var(--accent);}

.cat-btn.active{background:var(--accent);border-color:var(--accent);color:#fff;}

.blog-section{padding:56px 0 80px;background:var(--bg);}

.featured-label,.regular-label{font-size:.65rem;font-weight:800;letter-spacing:.10em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;display:flex;align-items:center;gap:8px;}

.featured-label::after,.regular-label::after{content:"";flex:1;height:1px;background:var(--border);}

.featured-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:40px;}

.regular-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

.blog-card{background:var(--surface);border:1.5px solid var(--border);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:14px;box-shadow:0 3px 16px var(--shadow);transition:transform .2s,box-shadow .2s;}

.blog-card:hover{transform:translateY(-4px);box-shadow:0 14px 40px var(--shadow);}

.blog-card--featured{border-color:rgba(26,86,219,.18);box-shadow:0 4px 24px rgba(26,86,219,.10);}

.blog-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}

.blog-cat-badge{display:inline-flex;align-items:center;gap:5px;font-size:.66rem;font-weight:700;padding:4px 11px;border-radius:20px;}

.blog-cat-badge .material-icons-round{font-size:13px;}

.blog-meta{display:flex;align-items:center;gap:5px;font-size:.70rem;color:var(--muted);}

.blog-meta .material-icons-round{font-size:13px;}

.meta-dot{color:var(--border);}

.blog-card-title{font-size:.96rem;font-weight:800;color:var(--text);line-height:1.35;}

.blog-card--featured .blog-card-title{font-size:1.05rem;}

.blog-card-desc{font-size:.78rem;color:var(--muted);line-height:1.70;flex:1;}

.blog-card-
    .blog-tags{display:flex;flex-wrap:wrap;gap:6px;}

.blog-tag{font-size:.64rem;font-weight:600;padding:2px 9px;border-radius:20px;}

.blog-read-btn{display:inline-flex;align-items:center;gap:4px;font-size:.74rem;font-weight:700;color:var(--accent);text-decoration:none;transition:gap .15s;white-space:nowrap;}

.blog-read-btn:hover{gap:7px;color:var(--accent);}

.blog-read-btn .material-icons-round{font-size:14px;}

.blog-card.hidden{display:none;}

.no-results{text-align:center;padding:48px 0;display:none;}

.no-results .material-icons-round{font-size:48px;color:var(--border);margin-bottom:12px;}

.no-results p{color:var(--muted);font-size:.88rem;}

.newsletter-strip{background:linear-gradient(145deg,#040c1a,#0d1f3c);padding:48px 0;}

.nl-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;}

.nl-text h3{font-size:1.2rem;font-weight:800;color:#fff;margin-bottom:6px;}

.nl-text p{font-size:.80rem;color:rgba(255,255,255,.45);}

.nl-form{display:flex;gap:10px;}

.nl-input{flex:1;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:12px 16px;color:#fff;font-size:.82rem;font-family:"Poppins",sans-serif;outline:none;}

.nl-input::placeholder{color:rgba(255,255,255,.30);}

.nl-btn{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;padding:12px 22px;border-radius:10px;font-size:.82rem;font-weight:700;font-family:"Poppins",sans-serif;cursor:pointer;white-space:nowrap;transition:opacity .2s;}

.nl-btn:hover{opacity:.88;}

.section-eyebrow{display:inline-flex;align-items:center;gap:7px;background:rgba(26,86,219,.08);border:1px solid rgba(26,86,219,.18);color:var(--accent);font-size:.70rem;font-weight:700;letter-spacing:.10em;text-transform:uppercase;padding:5px 14px;border-radius:20px;}

.section-eyebrow .material-icons-round{font-size:13px;}

.meta-badge {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      background: #fff;
      border: 1.5px solid rgba(24,119,242,0.22);
      border-radius: 14px;
      padding: 9px 16px 9px 12px;
      box-shadow: 0 4px 20px rgba(24,119,242,0.10), 0 1px 4px rgba(0,0,0,0.06);
      animation: fadeUp .4s ease both;
    }

.meta-badge-logo {
      display: flex;
      align-items: center;
      background: #1877F2;
      border-radius: 8px;
      padding: 5px 10px;
      flex-shrink: 0;
    }

.meta-badge-logo img { height: 13px; display: block; }

.meta-badge-divider {
      width: 1px; height: 28px;
      background: rgba(24,119,242,0.15);
      flex-shrink: 0;
    }

.meta-badge-text {
      display: flex;
      flex-direction: column;
      line-height: 1.2;
    }

.meta-badge-label {
      font-size: .62rem;
      font-weight: 700;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: #5a7fa8;
    }

.meta-badge-title {
      font-size: .82rem;
      font-weight: 800;
      color: #0a1628;
      letter-spacing: -.01em;
    }

.meta-badge-check {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 26px; height: 26px;
      background: linear-gradient(135deg, #1877F2, #0ea5e9);
      border-radius: 50%;
      flex-shrink: 0;
    }

.meta-badge-check .material-icons-round { font-size: 15px; color: #fff; }

.meta-sec {
      background: linear-gradient(160deg, #0a1628 0%, #0f2040 55%, #0d1c36 100%) !important;
      border-top: none !important;
      border-bottom: none !important;
      position: relative;
      overflow: hidden;
    }

.meta-sec::before {
      content: "";
      position: absolute; inset: 0; pointer-events: none;
      background:
        radial-gradient(ellipse 60% 80% at -10% 50%, rgba(24,119,242,0.18), transparent 55%),
        radial-gradient(ellipse 50% 60% at 110% 20%, rgba(14,165,233,0.12), transparent 55%);
    }

.meta-sec .section-title { color: #fff; }

.meta-sec .section-body { color: rgba(255,255,255,0.60); }

.meta-partner-logo-wrap {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      background: rgba(255,255,255,0.06);
      border: 1px solid rgba(255,255,255,0.12);
      border-radius: 16px;
      padding: 14px 24px;
      margin-bottom: 2rem;
    }

.meta-partner-logo-wrap img { height: 28px; filter: brightness(0) invert(1); }

.meta-partner-logo-wrap .mp-divider {
      width: 1px; height: 28px; background: rgba(255,255,255,0.20);
    }

.meta-partner-logo-wrap .mp-label {
      font-size: .72rem; font-weight: 700; letter-spacing: .12em;
      text-transform: uppercase; color: rgba(255,255,255,0.55);
      white-space: nowrap;
    }

.meta-stats-row {
      display: flex;
      justify-content: center;
      gap: 2px;
      flex-wrap: wrap;
      margin: 2rem 0;
      border: 1px solid rgba(255,255,255,0.08);
      border-radius: 18px;
      overflow: hidden;
      max-width: 680px;
      margin-left: auto;
      margin-right: auto;
    }

.meta-stat-item {
      flex: 1 1 140px;
      padding: 1.4rem 1.2rem;
      background: rgba(255,255,255,0.04);
      border-right: 1px solid rgba(255,255,255,0.07);
      text-align: center;
    }

.meta-stat-item:last-child { border-right: none; }

.meta-stat-num {
      font-family: "Poppins", sans-serif;
      font-weight: 800; font-size: 1.6rem;
      color: #fff; letter-spacing: -.03em; display: block;
      background: linear-gradient(130deg, #60a5fa, #38bdf8);
      -webkit-background-clip: text; -webkit-text-fill-color: transparent;
      background-clip: text;
    }

.meta-stat-lbl {
      font-size: .73rem; color: rgba(255,255,255,0.45);
      font-weight: 500; display: block; margin-top: 2px;
    }

.meta-chips .chip {
      background: rgba(255,255,255,0.07) !important;
      border-color: rgba(255,255,255,0.14) !important;
      color: rgba(255,255,255,0.80) !important;
    }

.meta-chips .chip .material-icons-round { color: #4ade80 !important; }

.meta-cert-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: linear-gradient(135deg, rgba(24,119,242,0.25), rgba(14,165,233,0.20));
      border: 1px solid rgba(96,165,250,0.35);
      border-radius: 99px;
      padding: 7px 18px;
      font-size: .78rem;
      font-weight: 700;
      color: #93c5fd;
      letter-spacing: .04em;
      margin-bottom: 1.5rem;
    }

.meta-cert-badge .material-icons-round { font-size: 16px; color: #60a5fa; }

.video-section {
      background: var(--surface);
      border-top: 1px solid var(--border);
      border-bottom: 1px solid var(--border);
      padding: 80px 0;
      transition: background .3s, border-color .3s;
    }

.video-header {
      text-align: center;
      margin-bottom: 3rem;
    }

.video-wrapper {
      position: relative;
      max-width: 860px;
      margin: 0 auto;
      border-radius: 24px;
      overflow: hidden;
      box-shadow:
        0 0 0 1px var(--border),
        0 24px 80px rgba(10,22,40,0.12),
        0 8px 24px rgba(26,86,219,0.08);
      background: #000;
      transition: box-shadow .3s;
    }

.video-wrapper:hover {
      box-shadow:
        0 0 0 1px rgba(26,86,219,0.35),
        0 32px 100px rgba(10,22,40,0.16),
        0 8px 32px rgba(26,86,219,0.14);
    }

.video-ratio {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
    }

.video-ratio iframe,
    .video-ratio video {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      border: none;
      display: block;
    }

.video-placeholder {
      position: absolute;
      inset: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      background: linear-gradient(135deg, #0a1628 0%, #0f2040 60%, #0d1c36 100%);
      gap: 1.2rem;
      cursor: pointer;
    }

.video-placeholder-icon {
      width: 72px; height: 72px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--accent), var(--accent2));
      display: flex; align-items: center; justify-content: center;
      box-shadow: 0 8px 32px rgba(26,86,219,0.45);
      transition: transform .2s, box-shadow .2s;
    }

.video-placeholder:hover .video-placeholder-icon {
      transform: scale(1.08);
      box-shadow: 0 12px 48px rgba(26,86,219,0.60);
    }

.video-placeholder-icon svg {
      width: 28px; height: 28px; fill: #fff;
      margin-left: 4px; 
    }

.video-placeholder-label {
      font-size: .9rem; font-weight: 600;
      color: rgba(255,255,255,0.60);
      letter-spacing: .02em;
    }

.video-meta {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 2rem;
      margin-top: 2rem;
      flex-wrap: wrap;
    }

.video-meta-item {
      display: flex;
      align-items: center;
      gap: 7px;
      font-size: .82rem;
      font-weight: 600;
      color: var(--muted);
    }

.video-meta-item .material-icons-round { font-size: 16px; color: var(--accent); }

@media (max-width:991px) {
.featured-grid{grid-template-columns:1fr;}
.nl-inner{grid-template-columns:1fr;text-align:center;}
}

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

@media  (max-width: 768px)  {
.section-title { font-size: clamp(1.5rem, 6vw, 2rem) !important; }
.plans-grid, .contact-grid, .faq-grid, .nl-inner,
      .discover-card, .agents-grid, .ct-cols { grid-template-columns: 1fr !important; }
.stats-bar .container { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
}

@media  (max-width: 575px)  {
.btn-primary, .btn-cta, .btn-find, .discover-btn, .btn-cta-primary, .btn-cta-secondary
        { width: 100% !important; justify-content: center !important; }
.huw-chips { gap: 8px; }
.huw-chip { font-size: .70rem; padding: 6px 12px; }
.section-eyebrow { font-size: .62rem; }
.ct-cols { grid-template-columns: 1fr !important; }
.ct-col-head { padding: 10px 16px; }
}

*, *::before, *::after { box-sizing: border-box; }

html { overflow-x: hidden; }

body { overflow-x: hidden; max-width: 100vw; }

.hero { zoom: 1 !important; }

.table-responsive-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }

table { min-width: 600px; }

img { max-width: 100%; height: auto; }

iframe { max-width: 100%; }

@media  (max-width: 991.98px)  {
.hero-inner {
        grid-template-columns: 1fr !important;
        padding: 88px 5vw 40px !important;
        gap: 2rem !important;
      }
.hero-left {
        align-items: center !important;
        text-align: center !important;
        order: 1;
      }
.hero-right {
        order: 2;
        width: 100% !important;
        max-width: 100% !important;
      }
.hda-wrap {
        max-width: 100% !important;
        width: 100% !important;
      }
.how-steps { grid-template-columns: 1fr 1fr !important; gap: 24px !important; }
.how-line  { display: none !important; }
.feat-grid { grid-template-columns: 1fr !important; }
.about-ob  { grid-template-columns: 1fr !important; }
.about-ob-right { flex-direction: row; justify-content: space-around; padding: 20px !important; }
.noshare-stats { grid-template-columns: 1fr 1fr !important; }
}

@media  (max-width: 767px)  {
.how-steps { grid-template-columns: 1fr !important; }
.how-step  { flex-direction: row; align-items: flex-start; text-align: left; gap: 12px; }
.how-step-num { flex-shrink: 0; margin-bottom: 0; margin-top: 2px; }
.meta-prem-stats { grid-template-columns: 1fr 1fr !important; }
.noshare-stats { grid-template-columns: 1fr !important; }
.noshare-stat  { border-right: none !important; border-bottom: 1px solid rgba(255,255,255,.05); padding: 16px 20px !important; }
.ct-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.ct-table      { min-width: 500px; }
.video-section { padding: 40px 0 !important; }
.py-5          { padding-top: 40px !important; padding-bottom: 40px !important; }
.noshare-section { padding: 40px 0 !important; }
.meta-sec      { padding: 40px 0 !important; }
.about-section { padding: 40px 0 !important; }
.feat-section  { padding: 40px 0 !important; }
.about-ob { grid-template-columns: 1fr !important; }
.about-ob-left { padding: 20px !important; }
}

@media  (max-width: 575px)  {
.hero-inner  { padding: 76px 4vw 32px !important; }
.hero h1     { font-size: clamp(1.6rem, 7vw, 2.2rem) !important; line-height: 1.2 !important; }
.hero-sub    { font-size: .875rem !important; }
.hero-cta    { flex-direction: column !important; width: 100% !important; gap: .6rem !important; }
.btn-primary, .btn-find { width: 100% !important; justify-content: center !important; }
.hero-right  { display: none !important; }
.section-title { font-size: clamp(1.25rem, 5.5vw, 1.7rem) !important; }
.section-body  { font-size: .85rem !important; }
.cta-card  { padding: 1.4rem 1.2rem !important; }
.feat-card-prem { flex-direction: column !important; }
.meta-prem-stats { grid-template-columns: 1fr 1fr !important; }
.meta-prem-top   { padding: 20px 16px !important; }
.meta-prem-chips { padding: 12px !important; gap: 6px !important; }
.meta-prem-chip  { font-size: .64rem !important; padding: 5px 8px !important; }
.meta-prem-title { font-size: 1.2rem !important; }
.final-btns  { flex-direction: column !important; align-items: center !important; }
}

@media  (max-width: 400px)  {
.hda-split   { grid-template-columns: 100px 1fr !important; height: 260px !important; }
.hda-bubble  { max-width: 130px !important; font-size: .60rem !important; }
}

body { background: #060d1f !important; color: rgba(255,255,255,.88); }

.nav-divider { background: rgba(255,255,255,.08) !important; }

.section-title { color: rgba(255,255,255,.92) !important; }

.section-eyebrow { color: #60a5fa !important; }

.section-body { color: rgba(255,255,255,.5) !important; }

.section-sub { color: rgba(255,255,255,.5) !important; }

.gr { color: #60a5fa; }

.feat-card-prem-title { color: rgba(255,255,255,.88) !important; }

.feat-card-prem-desc { color: rgba(255,255,255,.45) !important; }

.feat-card-prem-tag { color: #60a5fa !important; }

.feat-ico-blue { background: rgba(59,130,246,.15) !important; color: #60a5fa !important; }

.feat-ico-green { background: rgba(74,222,128,.12) !important; color: #4ade80 !important; }

.feat-ico-purple { background: rgba(139,92,246,.15) !important; color: #a78bfa !important; }

.noshare-card { background: #0a1628 !important; border-color: rgba(255,255,255,.07) !important; }

.video-header .section-title { color: rgba(255,255,255,.92) !important; }

.video-header .section-body { color: rgba(255,255,255,.5) !important; }

.video-meta-item { color: rgba(255,255,255,.45) !important; }

.video-meta-item .material-icons-round { color: #60a5fa !important; }

.cta-card:hover { border-color: rgba(59,130,246,.3) !important; box-shadow: 0 16px 48px rgba(0,0,0,.3) !important; background: rgba(255,255,255,.06) !important; }

.cta-tag { color: #60a5fa !important; }

.cta-card h3 { color: rgba(255,255,255,.92) !important; }

.cta-card p { color: rgba(255,255,255,.5) !important; }

.float-icon { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.1) !important; color: rgba(255,255,255,.5) !important; }

.about-ob-left { background: transparent !important; }

.about-ob-right { background: linear-gradient(145deg,#0d1a2e,#0f2040) !important; }

.about-ob-facts { }

.about-ob-fact { color: rgba(255,255,255,.55) !important; }

.about-ob-dot { background: #4ade80 !important; }

.section-header-centered .section-eyebrow { color: #60a5fa !important; }

.form-control-ub, .chat-input, input, textarea, select {
      background: rgba(255,255,255,.05) !important;
      border-color: rgba(255,255,255,.1) !important;
      color: rgba(255,255,255,.88) !important;
    }

.form-control-ub::placeholder, input::placeholder, textarea::placeholder {
      color: rgba(255,255,255,.3) !important;
    }

.meta-badge { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.12) !important; }

.meta-badge-text { color: rgba(255,255,255,.75) !important; }

.meta-badge-label { color: rgba(255,255,255,.55); }

.meta-badge-divider { background: rgba(255,255,255,.15) !important; }

.size-pill { background: rgba(255,255,255,.05) !important; border-color: rgba(255,255,255,.1) !important; color: rgba(255,255,255,.6) !important; }

.size-pill:hover, .size-pill.active { background: rgba(59,130,246,.2) !important; border-color: rgba(59,130,246,.4) !important; color: #60a5fa !important; }

::-webkit-scrollbar { width: 6px; }

::-webkit-scrollbar-track { background: #060d1f; }

::-webkit-scrollbar-thumb { background: rgba(255,255,255,.12); border-radius: 3px; }

::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.2); }

.feat-section,
    .noshare-section,
    .py-5,
    .video-section,
    .meta-sec,
    .about-section,
    .final-cta {
      border-top: 1px solid rgba(255,255,255,.05);
    }

.section-eyebrow::before {
      content: "";
      display: inline-block;
      width: 6px; height: 6px;
      border-radius: 50%;
      background: #3b82f6;
      margin-right: 6px;
      vertical-align: middle;
      box-shadow: 0 0 6px rgba(59,130,246,.6);
    }

.btn-find {
      border-color: rgba(255,255,255,.15) !important;
      background: rgba(255,255,255,.06) !important;
      color: rgba(255,255,255,.8) !important;
    }

.btn-find:hover {
      background: rgba(255,255,255,.10) !important;
      border-color: rgba(255,255,255,.25) !important;
    }

body::before {
      content: "";
      position: fixed;
      inset: 0;
      background:
        radial-gradient(ellipse 80% 50% at -10% 0%, rgba(59,130,246,.07), transparent 60%),
        radial-gradient(ellipse 60% 40% at 110% 30%, rgba(6,182,212,.05), transparent 55%),
        radial-gradient(ellipse 40% 60% at 50% 100%, rgba(59,130,246,.04), transparent 60%);
      pointer-events: none;
      z-index: 0;
    }

body > * { position: relative; z-index: 1; }

.about-ob-title .gr,
    h2 .gr, h3 .gr { color: #60a5fa; }

.cta-tag { 
      background: rgba(59,130,246,.12) !important; 
      border: 1px solid rgba(59,130,246,.2) !important;
      color: #60a5fa !important;
      display: inline-block;
      padding: 2px 10px;
      border-radius: 20px;
      font-size: .65rem;
      font-weight: 700;
      letter-spacing: .08em;
    }

.feat-section {
      background: #060d1f;
      padding: 80px 0;
      border-top: 1px solid rgba(255,255,255,.05);
    }

.feat-header-block {
      text-align: center;
      margin-bottom: 48px;
    }

.feat-eyebrow-wrap {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(59,130,246,.10);
      border: 1px solid rgba(59,130,246,.2);
      padding: 5px 14px;
      border-radius: 20px;
      margin-bottom: 16px;
    }

.feat-eyebrow-dot {
      width: 6px; height: 6px;
      border-radius: 50%;
      background: #3b82f6;
      box-shadow: 0 0 8px rgba(59,130,246,.6);
      flex-shrink: 0;
    }

.feat-eyebrow-text {
      font-size: .65rem;
      font-weight: 700;
      color: #60a5fa;
      letter-spacing: .10em;
      text-transform: uppercase;
      font-family: "Poppins", sans-serif;
    }

.feat-main-title {
      font-family: "Poppins", sans-serif;
      font-weight: 800;
      font-size: clamp(1.6rem, 2.8vw, 2.4rem);
      color: rgba(255,255,255,.92);
      line-height: 1.2;
      letter-spacing: -.03em;
      margin: 0 auto 12px;
      max-width: 640px;
    }

.feat-main-sub {
      font-size: .88rem;
      color: rgba(255,255,255,.4);
      font-family: "Poppins", sans-serif;
      line-height: 1.7;
      max-width: 480px;
      margin: 0 auto;
    }

.feat-bento {
      display: grid;
      grid-template-columns: 1.6fr 1fr 1fr;
      grid-template-rows: auto auto;
      gap: 14px;
    }

.feat-bento-card {
      background: rgba(255,255,255,.03);
      border: 1px solid rgba(255,255,255,.07);
      border-radius: 18px;
      padding: 28px;
      position: relative;
      overflow: hidden;
      transition: border-color .2s, background .2s, transform .2s;
    }

.feat-bento-card::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: 18px;
      opacity: 0;
      transition: opacity .3s;
    }

.feat-bento-card:hover {
      border-color: rgba(255,255,255,.14);
      background: rgba(255,255,255,.05);
      transform: translateY(-2px);
    }

.feat-bento-card:hover::before { opacity: 1; }

.feat-card-glow-blue::before { background: radial-gradient(ellipse 80% 60% at 0% 0%, rgba(59,130,246,.08), transparent 60%); }

.feat-card-glow-green::before { background: radial-gradient(ellipse 80% 60% at 0% 0%, rgba(74,222,128,.08), transparent 60%); }

.feat-card-glow-purple::before { background: radial-gradient(ellipse 80% 60% at 0% 0%, rgba(167,139,250,.08), transparent 60%); }

.feat-card-wide { grid-column: span 1; display: flex; gap: 20px; align-items: flex-start; }

.feat-card-tall { grid-row: span 1; }

.feat-bento-content { flex: 1; min-width: 0; position: relative; z-index: 1; }

.feat-bento-icon {
      width: 42px; height: 42px;
      border-radius: 12px;
      display: flex; align-items: center; justify-content: center;
      margin-bottom: 14px;
      flex-shrink: 0;
    }

.feat-bento-icon .material-icons-round { font-size: 20px; }

.feat-ico-blue  { background: rgba(59,130,246,.15);  color: #60a5fa; }

.feat-ico-green { background: rgba(74,222,128,.12);  color: #4ade80; }

.feat-ico-purple{ background: rgba(167,139,250,.12); color: #a78bfa; }

.feat-bento-label {
      font-size: .62rem;
      font-weight: 700;
      letter-spacing: .10em;
      text-transform: uppercase;
      color: rgba(255,255,255,.35);
      font-family: "Poppins", sans-serif;
      margin-bottom: 8px;
    }

.feat-bento-title {
      font-size: 1rem;
      font-weight: 700;
      color: rgba(255,255,255,.88);
      font-family: "Poppins", sans-serif;
      line-height: 1.3;
      margin-bottom: 10px;
      letter-spacing: -.01em;
    }

.feat-bento-desc {
      font-size: .78rem;
      color: rgba(255,255,255,.4);
      font-family: "Poppins", sans-serif;
      line-height: 1.65;
    }

.feat-security-badges {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 14px;
    }

.feat-sec-badge {
      font-size: .65rem;
      font-weight: 600;
      background: rgba(74,222,128,.08);
      border: 1px solid rgba(74,222,128,.18);
      color: #4ade80;
      padding: 3px 10px;
      border-radius: 20px;
      font-family: "Poppins", sans-serif;
    }

.feat-bento-visual {
      width: 220px;
      flex-shrink: 0;
      position: relative;
      z-index: 1;
    }

.feat-channel-stack {
      background: rgba(255,255,255,.04);
      border: 1px solid rgba(255,255,255,.08);
      border-radius: 12px;
      overflow: hidden;
    }

.fcs-item {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 8px 10px;
      border-bottom: 1px solid rgba(255,255,255,.05);
      transition: background .15s;
    }

.fcs-item:last-child { border-bottom: none; }

.fcs-active { background: rgba(59,130,246,.08); border-left: 2px solid #3b82f6; }

.fcs-av {
      width: 24px; height: 24px; border-radius: 50%;
      font-size: .55rem; font-weight: 700; color: #fff;
      display: flex; align-items: center; justify-content: center;
      flex-shrink: 0; font-family: "Poppins", sans-serif;
    }

.fcs-info { flex: 1; min-width: 0; }

.fcs-name { font-size: .62rem; font-weight: 600; color: rgba(255,255,255,.75); font-family: "Poppins", sans-serif; display: block; }

.fcs-msg  { font-size: .58rem; color: rgba(255,255,255,.35); font-family: "Poppins", sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }

.fcs-ch   { font-size: .52rem; font-weight: 700; padding: 1px 5px; border-radius: 4px; flex-shrink: 0; }

.fcs-wa   { background: rgba(37,211,102,.12); color: #25d366; }

.fcs-ig   { background: rgba(193,53,132,.12); color: #c13584; }

.fcs-ms   { background: rgba(0,120,255,.12); color: #60a5fa; }

@media (max-width:991px)  {
.feat-bento { grid-template-columns: 1fr 1fr; }
.feat-card-wide { flex-direction: column; }
.feat-bento-visual { width: 100%; }
}

@media (max-width:575px)  {
.feat-bento { grid-template-columns: 1fr; }
.feat-section { padding: 48px 0; }
}

.growth-section {
      background: #060d1f;
      padding: 80px 0;
      border-top: 1px solid rgba(255,255,255,.05);
    }

.growth-header {
      text-align: center;
      margin-bottom: 48px;
    }

.growth-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 20px;
      max-width: 900px;
      margin: 0 auto;
    }

.growth-card {
      background: rgba(255,255,255,.03);
      border: 1px solid rgba(255,255,255,.08);
      border-radius: 20px;
      padding: 32px;
      position: relative;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      transition: border-color .2s, transform .2s;
    }

.growth-card:hover { border-color: rgba(255,255,255,.14); transform: translateY(-3px); }

.growth-card-bg-glow {
      position: absolute;
      top: -40px; right: -40px;
      width: 200px; height: 200px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(59,130,246,.12), transparent 65%);
      pointer-events: none;
    }

.growth-glow-purple { background: radial-gradient(circle, rgba(167,139,250,.12), transparent 65%); }

.growth-card-inner { position: relative; z-index: 1; flex: 1; }

.growth-card-icon {
      position: absolute;
      bottom: 20px; right: 24px;
      width: 52px; height: 52px;
      border-radius: 14px;
      background: rgba(255,255,255,.05);
      border: 1px solid rgba(255,255,255,.08);
      display: flex; align-items: center; justify-content: center;
      color: rgba(255,255,255,.25);
      z-index: 1;
    }

.growth-card-icon .material-icons-round { font-size: 24px; }

.growth-card-tag {
      display: inline-flex;
      align-items: center;
      font-size: .62rem;
      font-weight: 700;
      letter-spacing: .09em;
      text-transform: uppercase;
      background: rgba(59,130,246,.12);
      border: 1px solid rgba(59,130,246,.22);
      color: #60a5fa;
      padding: 3px 10px;
      border-radius: 20px;
      font-family: "Poppins", sans-serif;
      margin-bottom: 14px;
    }

.growth-tag-purple {
      background: rgba(167,139,250,.12) !important;
      border-color: rgba(167,139,250,.22) !important;
      color: #a78bfa !important;
    }

.growth-card-title {
      font-size: 1.4rem;
      font-weight: 800;
      color: rgba(255,255,255,.92);
      font-family: "Poppins", sans-serif;
      letter-spacing: -.03em;
      margin-bottom: 10px;
    }

.growth-card-desc {
      font-size: .80rem;
      color: rgba(255,255,255,.45);
      font-family: "Poppins", sans-serif;
      line-height: 1.7;
      margin-bottom: 18px;
    }

.growth-card-list {
      list-style: none;
      padding: 0;
      margin: 0 0 24px;
      display: flex;
      flex-direction: column;
      gap: 7px;
    }

.growth-card-list li {
      font-size: .78rem;
      color: rgba(255,255,255,.55);
      font-family: "Poppins", sans-serif;
      display: flex;
      align-items: center;
      gap: 8px;
    }

.growth-card-list li::before {
      content: "";
      width: 5px; height: 5px;
      border-radius: 50%;
      background: #3b82f6;
      flex-shrink: 0;
    }

.growth-card-agent .growth-card-list li::before { background: #a78bfa; }

.growth-card-btn {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: .80rem;
      font-weight: 700;
      padding: 11px 22px;
      border-radius: 10px;
      text-decoration: none;
      font-family: "Poppins", sans-serif;
      transition: opacity .15s, transform .15s;
      width: fit-content;
    }

.growth-card-btn:hover { opacity: .88; transform: translateY(-1px); }

.growth-btn-blue {
      background: linear-gradient(135deg, #3b82f6, #06b6d4);
      color: #fff;
      box-shadow: 0 6px 20px rgba(59,130,246,.3);
    }

.growth-btn-purple {
      background: linear-gradient(135deg, #8b5cf6, #a78bfa);
      color: #fff;
      box-shadow: 0 6px 20px rgba(139,92,246,.3);
    }

@media (max-width:640px)  {
.growth-grid { grid-template-columns: 1fr; }
.growth-section { padding: 48px 0; }
}

.how-section {
      background: #060d1f;
      padding: 80px 0;
      border-top: 1px solid rgba(255,255,255,.05);
    }

.how-cards {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 14px;
    }

.how-card {
      background: rgba(255,255,255,.03);
      border: 1px solid rgba(255,255,255,.07);
      border-radius: 18px;
      padding: 28px 24px;
      position: relative;
      overflow: hidden;
      display: flex;
      flex-direction: column;
      gap: 12px;
      transition: border-color .2s, background .2s, transform .2s;
    }

.how-card::before {
      content: "";
      position: absolute;
      top: 0; left: 0; right: 0;
      height: 2px;
      background: linear-gradient(90deg, #3b82f6, #06b6d4);
      opacity: 0;
      transition: opacity .3s;
    }

.how-card:hover {
      border-color: rgba(59,130,246,.25);
      background: rgba(255,255,255,.05);
      transform: translateY(-3px);
    }

.how-card:hover::before { opacity: 1; }

.how-card-number {
      font-size: 2.8rem;
      font-weight: 800;
      color: rgba(255,255,255,.05);
      font-family: "Poppins", sans-serif;
      letter-spacing: -.05em;
      line-height: 1;
      position: absolute;
      top: 16px; right: 20px;
    }

.how-card-icon {
      width: 40px; height: 40px;
      border-radius: 11px;
      background: rgba(59,130,246,.12);
      border: 1px solid rgba(59,130,246,.2);
      display: flex; align-items: center; justify-content: center;
      color: #60a5fa;
      flex-shrink: 0;
    }

.how-card-icon .material-icons-round { font-size: 20px; }

.how-card-title {
      font-size: .92rem;
      font-weight: 700;
      color: rgba(255,255,255,.88);
      font-family: "Poppins", sans-serif;
      letter-spacing: -.01em;
      line-height: 1.3;
      margin: 0;
    }

.how-card-desc {
      font-size: .76rem;
      color: rgba(255,255,255,.4);
      font-family: "Poppins", sans-serif;
      line-height: 1.65;
      margin: 0;
      flex: 1;
    }

.how-card-tag {
      display: flex;
      align-items: center;
      gap: 5px;
      font-size: .65rem;
      font-weight: 600;
      color: #4ade80;
      font-family: "Poppins", sans-serif;
      margin-top: 4px;
    }

.how-card-tag .material-icons-round { color: #4ade80; }

.how-card:nth-child(2) .how-card-icon { background: rgba(74,222,128,.10); border-color: rgba(74,222,128,.2); color: #4ade80; }

.how-card:nth-child(3) .how-card-icon { background: rgba(167,139,250,.10); border-color: rgba(167,139,250,.2); color: #a78bfa; }

.how-card:nth-child(4) .how-card-icon { background: rgba(251,191,36,.10); border-color: rgba(251,191,36,.2); color: #fbbf24; }

.how-card:nth-child(2):hover { border-color: rgba(74,222,128,.25); }

.how-card:nth-child(3):hover { border-color: rgba(167,139,250,.25); }

.how-card:nth-child(4):hover { border-color: rgba(251,191,36,.25); }

.how-card:nth-child(2)::before { background: linear-gradient(90deg, #4ade80, #06b6d4); }

.how-card:nth-child(3)::before { background: linear-gradient(90deg, #a78bfa, #60a5fa); }

.how-card:nth-child(4)::before { background: linear-gradient(90deg, #fbbf24, #fb923c); }

@media (max-width:991px)  {
.how-cards { grid-template-columns: 1fr 1fr; }
}

@media (max-width:575px)   {
.how-cards { grid-template-columns: 1fr; }
.how-section { padding: 48px 0; }
}

.logos-section {
      background: #060d1f;
      padding: 28px 0 40px;
      border-bottom: 1px solid rgba(255,255,255,.05);
      overflow: hidden;
    }

.logos-label {
      text-align: center;
      font-size: .62rem;
      font-weight: 700;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: rgba(255,255,255,.25);
      font-family: "Poppins", sans-serif;
      margin-bottom: 20px;
    }

.logos-track {
      overflow: hidden;
      -webkit-mask: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
      mask: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
    }

.logos-inner {
      display: flex;
      gap: 24px;
      width: max-content;
      animation: logoScroll 22s linear infinite;
    }

.logos-inner:hover { animation-play-state: paused; }

@keyframes logoScroll {
      0%   { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

.logo-item {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 8px 16px;
      border-radius: 8px;
      flex-shrink: 0;
      transition: opacity .2s;
      opacity: .7;
    }

.logo-item:hover { opacity: 1; }

.logo-item svg { height: 28px; width: auto; display: block; }

.testimonials-section {
      background: #060d1f;
      padding: 80px 0;
      border-top: 1px solid rgba(255,255,255,.05);
    }

.testi-grid {
      display: grid;
      grid-template-columns: 1fr 1.1fr 1fr;
      gap: 16px;
      align-items: start;
    }

.testi-card {
      background: rgba(255,255,255,.03);
      border: 1px solid rgba(255,255,255,.07);
      border-radius: 18px;
      padding: 28px;
      display: flex;
      flex-direction: column;
      gap: 16px;
      transition: border-color .2s, transform .2s;
    }

.testi-card:hover {
      border-color: rgba(255,255,255,.12);
      transform: translateY(-3px);
    }

.testi-card-featured {
      background: rgba(59,130,246,.05);
      border-color: rgba(59,130,246,.2);
      position: relative;
    }

.testi-card-featured::before {
      content: "\"";
      position: absolute;
      top: 12px; right: 20px;
      font-size: 5rem;
      color: rgba(59,130,246,.12);
      font-family: Georgia, serif;
      line-height: 1;
    }

.testi-stars {
      color: #fbbf24;
      font-size: .85rem;
      letter-spacing: 2px;
    }

.testi-quote {
      font-size: .82rem;
      color: rgba(255,255,255,.6);
      font-family: "Poppins", sans-serif;
      line-height: 1.75;
      font-style: italic;
      flex: 1;
    }

.testi-author {
      display: flex;
      align-items: center;
      gap: 12px;
      padding-top: 14px;
      border-top: 1px solid rgba(255,255,255,.06);
    }

.testi-av {
      width: 38px; height: 38px;
      border-radius: 50%;
      font-size: .7rem;
      font-weight: 700;
      display: flex; align-items: center; justify-content: center;
      color: #fff;
      flex-shrink: 0;
      font-family: "Poppins", sans-serif;
    }

.testi-name {
      font-size: .82rem;
      font-weight: 700;
      color: rgba(255,255,255,.88);
      font-family: "Poppins", sans-serif;
    }

.testi-role {
      font-size: .70rem;
      color: rgba(255,255,255,.35);
      font-family: "Poppins", sans-serif;
      margin-top: 2px;
    }

@media (max-width:768px)  {
.testi-grid { grid-template-columns: 1fr; }
}

@media (max-width:991px)  {
.testi-grid { grid-template-columns: 1fr 1fr; }
.testi-card:last-child { grid-column: span 2; }
}

.final-cta-premium {
      position: relative;
      background: #060d1f;
      padding: 100px 0 80px;
      overflow: hidden;
      border-top: 1px solid rgba(255,255,255,.05);
    }

.final-cta-bg {
      position: absolute;
      inset: 0;
      pointer-events: none;
    }

.final-cta-glow {
      position: absolute;
      width: 500px; height: 500px;
      border-radius: 50%;
      filter: blur(80px);
    }

.final-cta-glow-left {
      top: -150px; left: -100px;
      background: radial-gradient(circle, rgba(59,130,246,.14), transparent 65%);
    }

.final-cta-glow-right {
      bottom: -150px; right: -100px;
      background: radial-gradient(circle, rgba(6,182,212,.10), transparent 65%);
    }

.final-cta-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      background: rgba(59,130,246,.10);
      border: 1px solid rgba(59,130,246,.22);
      color: #60a5fa;
      font-size: .70rem;
      font-weight: 700;
      letter-spacing: .08em;
      text-transform: uppercase;
      padding: 6px 16px;
      border-radius: 20px;
      font-family: "Poppins", sans-serif;
      margin-bottom: 24px;
    }

.final-cta-title {
      font-family: "Poppins", sans-serif;
      font-weight: 800;
      font-size: clamp(1.8rem, 3.5vw, 3rem);
      color: rgba(255,255,255,.92);
      line-height: 1.15;
      letter-spacing: -.04em;
      margin: 0 auto 16px;
      max-width: 640px;
    }

.final-cta-sub {
      font-size: .90rem;
      color: rgba(255,255,255,.42);
      font-family: "Poppins", sans-serif;
      line-height: 1.7;
      max-width: 480px;
      margin: 0 auto 36px;
    }

.final-cta-btns {
      display: flex;
      gap: 12px;
      justify-content: center;
      flex-wrap: wrap;
      margin-bottom: 28px;
    }

.final-cta-outline {
      display: inline-flex;
      align-items: center;
      font-size: .80rem;
      font-weight: 600;
      padding: 11px 24px;
      border-radius: 10px;
      border: 1.5px solid rgba(255,255,255,.16);
      background: rgba(255,255,255,.05);
      color: rgba(255,255,255,.72);
      text-decoration: none;
      font-family: "Poppins", sans-serif;
      transition: background .15s, border-color .15s;
    }

.final-cta-outline:hover { background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.28); color: #fff; }

.final-cta-trust {
      display: flex;
      justify-content: center;
      gap: 24px;
      flex-wrap: wrap;
      font-size: .72rem;
      color: rgba(255,255,255,.30);
      font-family: "Poppins", sans-serif;
    }

.final-cta-trust span { display: flex; align-items: center; gap: 5px; }

@media (max-width:575px)  {
.final-cta-premium { padding: 60px 0 48px; }
.final-cta-title { font-size: clamp(1.5rem, 7vw, 2rem); }
.final-cta-btns { flex-direction: column; align-items: center; }
.final-cta-trust { gap: 14px; }
}

.reveal {
      opacity: 0;
      transform: translateY(28px);
      transition: opacity .55s cubic-bezier(.22,1,.36,1), transform .55s cubic-bezier(.22,1,.36,1);
    }

.reveal.visible {
      opacity: 1;
      transform: translateY(0);
    }

.reveal-delay-1 { transition-delay: .10s; }

.reveal-delay-2 { transition-delay: .20s; }

.reveal-delay-3 { transition-delay: .30s; }

.reveal-delay-4 { transition-delay: .40s; }

.video-section .section-title .gr { color: #60a5fa; -webkit-text-fill-color: #60a5fa; }

.noshare-card-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 20px 32px 16px;
      border-bottom: 1px solid rgba(255,255,255,.06);
    }

.noshare-col-label {
      display: flex;
      align-items: center;
      gap: 7px;
      font-size: .72rem;
      font-weight: 700;
      font-family: "Poppins", sans-serif;
      letter-spacing: .06em;
      text-transform: uppercase;
    }

.noshare-col-bad  { color: #f87171; }

.noshare-col-good { color: #4ade80; }

.noshare-col-divider {
      flex: 1;
      height: 1px;
      background: rgba(255,255,255,.06);
      margin: 0 24px;
    }

@media (max-width:575px)  {
.noshare-card-header { padding: 14px 16px 12px; }
.noshare-col-divider { margin: 0 12px; }
}

.about-ob-body {
      margin-bottom: 20px;
    }

.about-ob-inner-title {
      font-family: "Poppins", sans-serif;
      font-weight: 700;
      font-size: 1.05rem;
      color: rgba(255,255,255,.88);
      line-height: 1.35;
      letter-spacing: -.02em;
      margin-bottom: 10px;
    }

.about-ob-inner-desc {
      font-size: .78rem;
      color: rgba(255,255,255,.42);
      font-family: "Poppins", sans-serif;
      line-height: 1.7;
    }

html, body { background: #060d1f !important; color: rgba(255,255,255,.88) !important; }

.card, .feature-card, .plan-card, .pricing-card, .agent-card,
    .blog-card, .step-card, .pain-card, .channel-card, .review-card,
    .stats-bar, .ct-table-wrap, .discover-section, .newsletter-strip,
    .filter-bar, .integ-grid, .crm-card, .open-api-section { background: var(--surface) !important; }

.card, .feature-card, .plan-card, .pricing-card, .agent-card,
    .blog-card, .step-card, .pain-card, .channel-card { border-color: rgba(255,255,255,.07) !important; }

section, .section, .ct-section, .pain-section, .channels-section,
    .agents-section, .how-section, .cta-section, .stats-bar,
    .discover-section, .filter-bar, .blog-section, .agents-choice-section,
    .process-section, .form-section, .integ-section, .crm-section,
    .pricing-section, .newsletter-strip, .open-api-section, .cta-band { background: #060d1f !important; }

.ct-table th { background: rgba(255,255,255,.05) !important; color: rgba(255,255,255,.55) !important; }

.ct-table td { color: rgba(255,255,255,.75) !important; border-color: rgba(255,255,255,.06) !important; }

.ct-table tr:nth-child(even) { background: rgba(255,255,255,.02) !important; }

.ct-table tr:hover { background: rgba(255,255,255,.04) !important; }

.ct-thead { background: rgba(255,255,255,.04) !important; border-color: rgba(255,255,255,.07) !important; }

.ct-col-head { background: rgba(59,130,246,.12) !important; color: #60a5fa !important; }

h1, h2, h3, h4 { color: rgba(255,255,255,.92) !important; }

p, li, span:not(.material-icons-round) { color: inherit; }

input, textarea, select, .form-control-ub, .form-control {
      background: rgba(255,255,255,.05) !important;
      border-color: rgba(255,255,255,.12) !important;
      color: rgba(255,255,255,.88) !important;
    }

input::placeholder, textarea::placeholder { color: rgba(255,255,255,.28) !important; }

label { color: rgba(255,255,255,.6) !important; }

.field-msg { color: rgba(255,255,255,.5) !important; }

.plan-card { background: rgba(255,255,255,.03) !important; border: 1px solid rgba(255,255,255,.08) !important; }

.plan-card.plan-featured { background: rgba(59,130,246,.08) !important; border-color: rgba(59,130,246,.25) !important; }

.plan-name { color: rgba(255,255,255,.88) !important; }

.plan-price { color: #fff !important; }

.plan-feature-item { color: rgba(255,255,255,.55) !important; }

.plan-feature-item::before { background: #4ade80 !important; }

.blog-card { background: rgba(255,255,255,.03) !important; border: 1px solid rgba(255,255,255,.07) !important; }

.blog-card:hover { border-color: rgba(59,130,246,.25) !important; background: rgba(255,255,255,.05) !important; }

.blog-card-title { color: rgba(255,255,255,.88) !important; }

.blog-card-excerpt { color: rgba(255,255,255,.45) !important; }

.blog-card-meta { color: rgba(255,255,255,.3) !important; }

.blog-card-tag { background: rgba(59,130,246,.12) !important; color: #60a5fa !important; border-color: rgba(59,130,246,.2) !important; }

.filter-bar { background: rgba(255,255,255,.03) !important; border-color: rgba(255,255,255,.07) !important; }

.filter-btn { color: rgba(255,255,255,.5) !important; background: transparent !important; border-color: transparent !important; }

.filter-btn.active, .filter-btn:hover { color: #60a5fa !important; background: rgba(59,130,246,.1) !important; border-color: rgba(59,130,246,.2) !important; }

.agent-card { background: rgba(255,255,255,.03) !important; border: 1px solid rgba(255,255,255,.07) !important; }

.agent-card:hover { border-color: rgba(59,130,246,.25) !important; }

.agent-name { color: rgba(255,255,255,.88) !important; }

.agent-role, .agent-desc { color: rgba(255,255,255,.45) !important; }

.agent-skill { background: rgba(59,130,246,.1) !important; color: #60a5fa !important; border-color: rgba(59,130,246,.18) !important; }

.stat-val, .stats-num { color: #fff !important; }

.stat-lbl, .stats-lbl { color: rgba(255,255,255,.45) !important; }

.stats-bar { border-color: rgba(255,255,255,.06) !important; }

.stat-item { border-color: rgba(255,255,255,.06) !important; }

.step-num { background: rgba(59,130,246,.12) !important; border-color: rgba(59,130,246,.25) !important; color: #60a5fa !important; }

.step-title { color: rgba(255,255,255,.88) !important; }

.step-desc { color: rgba(255,255,255,.45) !important; }

.process-line { background: rgba(255,255,255,.08) !important; }

.integ-card { background: rgba(255,255,255,.03) !important; border-color: rgba(255,255,255,.07) !important; }

.integ-card:hover { border-color: rgba(59,130,246,.25) !important; background: rgba(255,255,255,.05) !important; }

.integ-name { color: rgba(255,255,255,.88) !important; }

.integ-desc { color: rgba(255,255,255,.42) !important; }

.crm-card { background: rgba(255,255,255,.03) !important; border-color: rgba(255,255,255,.07) !important; }

.section-divider, hr { border-color: rgba(255,255,255,.07) !important; }

.page-header { background: linear-gradient(145deg,#040c1a,#0b1d3a,#0c1120) !important; }

.pain-card { background: rgba(255,255,255,.03) !important; border-color: rgba(255,255,255,.07) !important; }

.pain-card:hover { border-color: rgba(248,113,113,.25) !important; }

.pain-title { color: rgba(255,255,255,.88) !important; }

.pain-desc { color: rgba(255,255,255,.45) !important; }

.check-icon { color: #4ade80 !important; }

.x-icon { color: #f87171 !important; }

.size-pill { background: rgba(255,255,255,.05) !important; border-color: rgba(255,255,255,.1) !important; color: rgba(255,255,255,.6) !important; }

.size-pill.active { background: rgba(59,130,246,.2) !important; border-color: rgba(59,130,246,.4) !important; color: #60a5fa !important; }

.faq-item { border-color: rgba(255,255,255,.07) !important; }

.faq-question { color: rgba(255,255,255,.88) !important; }

.faq-answer { color: rgba(255,255,255,.5) !important; }

.faq-item:hover { border-color: rgba(59,130,246,.2) !important; background: rgba(255,255,255,.02) !important; }

.cta-band { background: linear-gradient(135deg,#0d1a2e,#0f2040) !important; border-color: rgba(255,255,255,.07) !important; }

.cta-band h2, .cta-band p { color: rgba(255,255,255,.88) !important; }

.newsletter-strip { background: rgba(255,255,255,.03) !important; border-color: rgba(255,255,255,.07) !important; }

::-webkit-scrollbar { width: 6px; }

::-webkit-scrollbar-track { background: #060d1f; }

::-webkit-scrollbar-thumb { background: rgba(255,255,255,.12); border-radius: 3px; }

::-webkit-scrollbar-thumb:hover { background: rgba(255,255,255,.2); }

body::before {
      content: "";
      position: fixed; inset: 0;
      background: radial-gradient(ellipse 80% 50% at -10% 0%, rgba(59,130,246,.07), transparent 60%),
                  radial-gradient(ellipse 60% 40% at 110% 30%, rgba(6,182,212,.05), transparent 55%);
      pointer-events: none; z-index: 0;
    }

body > * { position: relative; z-index: 1; }

#chat-launcher {
    position: fixed; bottom: 28px; right: 28px; z-index: 99999; pointer-events: auto;
    width: 60px; height: 60px; border-radius: 50%;
    background: linear-gradient(135deg, var(--accent), var(--accent2));
    border: none; cursor: pointer;
    box-shadow: 0 8px 32px rgba(26,86,219,0.40), 0 2px 8px rgba(0,0,0,0.12);
    display: flex; align-items: center; justify-content: center;
    transition: transform .2s, box-shadow .2s;
    animation: chatPop .4s .8s cubic-bezier(.34,1.56,.64,1) both;
  }

@keyframes chatPop {
    from { transform: scale(0); opacity: 0; }
    to   { transform: scale(1); opacity: 1; }
  }

#chat-launcher:hover { transform: scale(1.08); box-shadow: 0 12px 40px rgba(26,86,219,0.50); }

#chat-launcher:active { transform: scale(0.96); }

#chat-launcher svg { width: 28px; height: 28px; fill: #fff; transition: opacity .2s, transform .2s; }

#chat-launcher .icon-close { display: none; }

#chat-notif {
    position: absolute; top: 2px; right: 2px;
    width: 14px; height: 14px; border-radius: 50%;
    background: #ef4444; border: 2px solid #fff;
    animation: pulse-notif 2s infinite;
  }

@keyframes pulse-notif {
    0%,100% { transform: scale(1); }
    50%      { transform: scale(1.2); }
  }

#chat-window {
    position: fixed; bottom: 100px; right: 28px; z-index: 9998;
    width: 300px; max-height: 440px;
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: 20px;
    box-shadow: 0 24px 80px rgba(10,22,40,0.18), 0 4px 16px rgba(26,86,219,0.08);
    display: flex; flex-direction: column;
    overflow: hidden;
    transform: scale(0.85) translateY(20px); opacity: 0; pointer-events: none;
    transform-origin: bottom right;
    transition: transform .25s cubic-bezier(.34,1.56,.64,1), opacity .2s;
  }

#chat-window.open {
    transform: scale(1) translateY(0); opacity: 1; pointer-events: all;
  }

.chat-header {
    background: linear-gradient(135deg, var(--accent), var(--accent2));
    padding: 12px 14px; display: flex; align-items: center; gap: 10px;
    flex-shrink: 0;
  }

.chat-header-avatar {
    width: 34px; height: 34px; border-radius: 50%;
    background: rgba(255,255,255,0.20);
    display: flex; align-items: center; justify-content: center; flex-shrink: 0;
  }

.chat-header-avatar svg { width: 18px; height: 18px; fill: #fff; }

.chat-header-info { flex: 1; }

.chat-header-name { font-size: .84rem; font-weight: 700; color: #fff; }

.chat-header-status { font-size: .70rem; color: rgba(255,255,255,0.75); display: flex; align-items: center; gap: 5px; margin-top: 1px; }

.chat-header-status::before { content:""; width:6px; height:6px; border-radius:50%; background:#4ade80; display:inline-block; }

.chat-header-close { background: none; border: none; cursor: pointer; color: rgba(255,255,255,0.70); padding: 4px; border-radius: 6px; display:flex; }

.chat-header-close:hover { color: #fff; background: rgba(255,255,255,0.15); }

.chat-messages {
    flex: 1; overflow-y: auto; padding: 12px;
    display: flex; flex-direction: column; gap: 8px;
    scroll-behavior: smooth;
  }

.chat-messages::-webkit-scrollbar { width: 4px; }

.chat-messages::-webkit-scrollbar-track { background: transparent; }

.chat-messages::-webkit-scrollbar-thumb { background: var(--border); border-radius: 2px; }

.chat-bubble {
    max-width: 85%; padding: 8px 12px;
    border-radius: 14px; font-size: .80rem; line-height: 1.50;
    animation: bubbleIn .2s ease both;
  }

@keyframes bubbleIn { from { opacity:0; transform:translateY(6px); } to { opacity:1; transform:none; } }

.chat-bubble.bot {
    background: var(--bg);
    border: 1px solid var(--border);
    color: var(--text1);
    border-bottom-left-radius: 4px;
    align-self: flex-start;
  }

.chat-bubble.user {
    background: linear-gradient(135deg, var(--accent), var(--accent2));
    color: #fff;
    border-bottom-right-radius: 4px;
    align-self: flex-end;
  }

.chat-chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 0 12px 8px; }

.chat-chip {
    background: rgba(26,86,219,0.07); border: 1px solid rgba(26,86,219,0.20);
    color: var(--accent); font-size: .72rem; font-weight: 600;
    padding: 5px 10px; border-radius: 20px; cursor: pointer;
    transition: background .15s, transform .15s;
  }

.chat-chip:hover { background: rgba(26,86,219,0.14); transform: translateY(-1px); }

.chat-input-row {
    display: flex; gap: 7px; padding: 10px 12px;
    border-top: 1px solid var(--border); flex-shrink: 0;
    background: var(--surface);
  }

.chat-input {
    flex: 1; border: 1px solid var(--border);
    background: var(--bg); color: var(--text1);
    border-radius: 9px; padding: 7px 11px;
    font-size: .80rem; font-family: inherit; resize: none; outline: none;
    transition: border-color .15s;
  }

.chat-input:focus { border-color: var(--accent); }

.chat-send {
    width: 34px; height: 34px; border-radius: 9px; border: none; cursor: pointer;
    background: linear-gradient(135deg, var(--accent), var(--accent2));
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0; align-self: flex-end;
    transition: transform .15s, box-shadow .15s;
  }

.chat-send:hover { transform: scale(1.06); box-shadow: 0 4px 14px rgba(26,86,219,0.35); }

.chat-send svg { width: 15px; height: 15px; fill: #fff; }

.chat-typing { display: flex; gap: 4px; align-items: center; padding: 10px 14px; }

.chat-typing span {
    width: 7px; height: 7px; border-radius: 50%; background: var(--muted);
    animation: typingDot 1.2s infinite;
  }

.chat-typing span:nth-child(2) { animation-delay: .2s; }

.chat-typing span:nth-child(3) { animation-delay: .4s; }

@keyframes typingDot { 0%,60%,100% { transform:translateY(0); opacity:.4; } 30% { transform:translateY(-5px); opacity:1; }
      50%       { transform: translateY(-6px); }
    }

@media  (max-width: 480px)  {
#chat-window { width: calc(100vw - 32px); right: 16px; bottom: 88px; max-height: 380px; }
#chat-launcher { bottom: 20px; right: 16px; width: 52px; height: 52px; }
}