/* ═══════════════════════════════════════════
   AI Chat History Pro — Enhancement Styles
   Dark mode (default) + Light mode overrides
   ═══════════════════════════════════════════ */

/* ── Sticky CTA Bar ── */
.sticky-cta-bar{position:fixed;top:-80px;left:0;width:100%;z-index:9999;background:rgba(15,15,30,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(139,92,246,.2);padding:12px 0;transition:top .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 30px rgba(0,0,0,.3)}
.sticky-cta-bar.visible{top:0}
.sticky-cta-bar .sticky-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.sticky-cta-bar .sticky-brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:.95rem;color:#fff;white-space:nowrap}
.sticky-cta-bar .sticky-brand svg{width:28px;height:28px}
.sticky-cta-bar .sticky-trust{display:flex;align-items:center;gap:16px;font-size:.8rem;color:rgba(255,255,255,.6)}
.sticky-cta-bar .sticky-trust span{display:flex;align-items:center;gap:4px;white-space:nowrap}
.sticky-cta-bar .sticky-trust .trust-dot{width:4px;height:4px;border-radius:50%;background:rgba(139,92,246,.5)}
.sticky-cta-bar .sticky-cta-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;padding:10px 24px;border-radius:12px;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;white-space:nowrap;box-shadow:0 4px 15px rgba(139,92,246,.3)}
.sticky-cta-bar .sticky-cta-btn:hover{background:linear-gradient(135deg,#9b6ff6,#7c3aed);transform:translateY(-1px);box-shadow:0 6px 25px rgba(139,92,246,.45)}
.sticky-cta-bar .sticky-cta-btn svg{width:18px;height:18px}

/* ── Hero Trust Bar ── */
.hero-trust-bar{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px;padding:12px 24px;border-radius:100px;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.15);flex-wrap:wrap;width:100%;box-sizing:border-box}
.hero-trust-bar .trust-item{display:flex;align-items:center;gap:6px;font-size:.82rem;color:rgba(255,255,255,.7);white-space:nowrap}
.hero-trust-bar .trust-item .trust-icon{font-size:1rem;color:#8b5cf6}
.hero-trust-bar .trust-separator{width:4px;height:4px;border-radius:50%;background:rgba(139,92,246,.4)}
.hero-microcopy{text-align:center;font-size:.78rem;color:rgba(255,255,255,.45);margin-top:10px;width:100%}

/* ── Section Titles (injected elements) ── */
.section-title{color:#fff}
.section-subtitle{color:rgba(255,255,255,.5)}

/* ── Comparison Table ── */
.comparison-section{padding:80px 0}
.comparison-section .section-badge,.testimonials-section .section-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);padding:6px 16px;border-radius:100px;font-size:.8rem;font-weight:600;color:#a78bfa;margin-bottom:16px}
.comparison-table-wrap{max-width:800px;margin:40px auto 0;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02)}
.comparison-table{width:100%;border-collapse:collapse}
.comparison-table th,.comparison-table td{padding:14px 20px;text-align:left;font-size:.88rem;border-bottom:1px solid rgba(255,255,255,.06);color:rgba(255,255,255,.85)}
.comparison-table thead th{background:rgba(139,92,246,.1);font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:1px;color:#a78bfa}
.comparison-table thead th:first-child{color:rgba(255,255,255,.5)}
.comparison-table thead th.highlight{color:#8b5cf6}
.comparison-table tbody tr:hover{background:rgba(139,92,246,.04)}
.comparison-table .check{color:#10b981;font-weight:700}
.comparison-table .cross{color:rgba(255,255,255,.2)}
.comparison-table .highlight-cell{color:#a78bfa;font-weight:600}

/* ── Testimonials ── */
.testimonials-section{padding:80px 0;text-align:center}
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1000px;margin:40px auto 0;padding:0 24px}
.testimonial-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;text-align:left;transition:all .3s ease}
.testimonial-card:hover{border-color:rgba(139,92,246,.3);transform:translateY(-4px);box-shadow:0 12px 40px rgba(139,92,246,.1)}
.testimonial-stars{color:#f59e0b;font-size:.9rem;margin-bottom:14px;letter-spacing:2px}
.testimonial-text{font-size:.9rem;line-height:1.6;color:rgba(255,255,255,.75);margin-bottom:20px;font-style:italic}
.testimonial-author{display:flex;align-items:center;gap:12px}
.testimonial-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#6d28d9);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;color:#fff}
.testimonial-info .testimonial-name{font-weight:600;font-size:.85rem;color:#fff}
.testimonial-info .testimonial-role{font-size:.75rem;color:rgba(255,255,255,.4)}

/* ── Scroll Reveal ── */
.reveal-section{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}
.reveal-section.revealed{opacity:1;transform:translateY(0)}

/* ── Chrome icon on CTA buttons ── */
.cta-chrome-icon{width:20px;height:20px;margin-right:6px;vertical-align:middle;display:inline}

/* ── Pulse badge animation ── */
@keyframes badge-pulse{0%,100%{box-shadow:0 0 0 0 rgba(139,92,246,.4)}50%{box-shadow:0 0 0 8px rgba(139,92,246,0)}}
.pulse-badge{animation:badge-pulse 2s ease-in-out infinite}


/* ═══════════════════════════════════
   LIGHT MODE OVERRIDES
   body:not(.dark) selectors
   ═══════════════════════════════════ */

/* Sticky CTA - keep dark for contrast */
[data-theme="light"] .sticky-cta-bar{background:rgba(15,15,30,.95);border-bottom:1px solid rgba(139,92,246,.3)}

/* Hero trust bar */
[data-theme="light"] .hero-trust-bar{background:rgba(139,92,246,.06);border-color:rgba(139,92,246,.12)}
[data-theme="light"] .hero-trust-bar .trust-item{color:rgba(30,30,46,.7)}
[data-theme="light"] .hero-microcopy{color:rgba(30,30,46,.4)}

/* Section titles & subtitles */
[data-theme="light"] .section-title{color:#1e1e2e !important}
[data-theme="light"] .section-subtitle{color:#666 !important}
[data-theme="light"] .section-badge{background:rgba(139,92,246,.08);color:#7c3aed}

/* Comparison table */
[data-theme="light"] .comparison-table-wrap{border-color:rgba(0,0,0,.1);background:rgba(0,0,0,.01)}
[data-theme="light"] .comparison-table th{border-color:rgba(0,0,0,.08)}
[data-theme="light"] .comparison-table td{border-color:rgba(0,0,0,.08);color:#333 !important}
[data-theme="light"] .comparison-table thead th{background:rgba(139,92,246,.06)}
[data-theme="light"] .comparison-table thead th:first-child{color:rgba(0,0,0,.5)}
[data-theme="light"] .comparison-table tbody tr:hover{background:rgba(139,92,246,.03)}
[data-theme="light"] .comparison-table .check{color:#059669}
[data-theme="light"] .comparison-table .cross{color:rgba(0,0,0,.2) !important}
[data-theme="light"] .comparison-table .highlight-cell{color:#7c3aed !important}

/* Testimonials */
[data-theme="light"] .testimonial-card{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.08)}
[data-theme="light"] .testimonial-card:hover{border-color:rgba(139,92,246,.25);box-shadow:0 12px 40px rgba(139,92,246,.08)}
[data-theme="light"] .testimonial-text{color:#444 !important}
[data-theme="light"] .testimonial-info .testimonial-name{color:#1e1e2e !important}
[data-theme="light"] .testimonial-info .testimonial-role{color:#666 !important}
[data-theme="light"] .testimonial-stars{color:#f59e0b}


/* ═══════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════ */
@media(max-width:768px){
  .sticky-cta-bar .sticky-trust{display:none}
  .sticky-cta-bar .sticky-inner{justify-content:center;gap:12px}
  .testimonials-grid{grid-template-columns:1fr}
  .comparison-table{font-size:.8rem}
  .comparison-table th,.comparison-table td{padding:10px 12px}
  .hero-trust-bar{gap:12px;padding:10px 16px}
  .hero-trust-bar .trust-separator{display:none}
  .social-proof-bar .proof-logos{gap:24px}
}
@media(max-width:480px){
  .sticky-cta-bar .sticky-brand span{display:none}
  .comparison-table th:nth-child(3),.comparison-table td:nth-child(3){display:none}
}

/* ═══════════════════════════════════
   PLATFORM ICON ANIMATIONS
   ═══════════════════════════════════ */
@keyframes icon-float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}
@keyframes icon-glow{
  0%,100%{filter:drop-shadow(0 0 0 transparent)}
  50%{filter:drop-shadow(0 0 8px rgba(139,92,246,.4))}
}
.platform-icons img,
.platform-icons svg,
.supported-platforms img,
.supported-platforms svg,
.hero-platforms img,
.hero-platforms svg,
section.hero .platform-icon,
.platforms-row img,
.platforms-row svg {
  transition:transform .3s ease,filter .3s ease;
  animation:icon-float 3s ease-in-out infinite;
}
.platform-icons img:nth-child(2),.supported-platforms img:nth-child(2),.platforms-row img:nth-child(2){animation-delay:.3s}
.platform-icons img:nth-child(3),.supported-platforms img:nth-child(3),.platforms-row img:nth-child(3){animation-delay:.6s}
.platform-icons img:nth-child(4),.supported-platforms img:nth-child(4),.platforms-row img:nth-child(4){animation-delay:.9s}
.platform-icons img:nth-child(5),.supported-platforms img:nth-child(5),.platforms-row img:nth-child(5){animation-delay:1.2s}
.platform-icons img:nth-child(6),.supported-platforms img:nth-child(6),.platforms-row img:nth-child(6){animation-delay:1.5s}
.platform-icons img:nth-child(7),.supported-platforms img:nth-child(7),.platforms-row img:nth-child(7){animation-delay:1.8s}
.platform-icons img:nth-child(8),.supported-platforms img:nth-child(8),.platforms-row img:nth-child(8){animation-delay:2.1s}

.platform-icons img:hover,
.supported-platforms img:hover,
.platforms-row img:hover,
.hero-platforms img:hover {
  transform:translateY(-8px) scale(1.15);
  animation:icon-glow 1.5s ease-in-out infinite;
  filter:drop-shadow(0 0 12px rgba(139,92,246,.5));
}