/* Landing Page Specific Styles (extracted from inline styles & new components) */
/* Color tokens (align with existing palette assumptions) */
:root {
	--qs-indigo-50:#eef2ff;--qs-indigo-100:#e0e7ff;--qs-indigo-200:#c7d2fe;--qs-indigo-700:#4338ca;--qs-indigo-800:#3730a3;--qs-indigo-900:#312e81;
	--qs-slate-900:#0f172a;--qs-slate-800:#1e293b;--qs-slate-700:#334155;--qs-slate-50:#f8fafc;
	--qs-warning:#f59e0b;--qs-purple:#7c3aed;--qs-success:#22c55e;--qs-blue:#2563eb;
	--qs-gradient-hero:linear-gradient(135deg,var(--qs-slate-50) 0%,var(--qs-indigo-100) 60%,var(--qs-indigo-200) 100%);
}

/* Structural section classes extracted from inline */
.lp-topbar { background:linear-gradient(90deg,#1e3a8a,#4338ca); }
.lp-hero { background: var(--qs-gradient-hero); }
.lp-pillars-section { background:linear-gradient(135deg,#eef2ff 0%,#fafafa 100%); }
.lp-teaser-section { background:#0f172a; }
.lp-testimonials { background:linear-gradient(135deg,#1e293b,#0f172a); }
.lp-metrics-section { background:linear-gradient(135deg,#1e293b,#0f172a); position:relative; }
.lp-metrics-section::before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 85% 15%,rgba(124,58,237,.25),transparent 55%); pointer-events:none; }
.metric-card { background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.08); backdrop-filter:blur(4px); transition:background .3s,border-color .3s,transform .25s; }
.metric-card:hover { background:rgba(255,255,255,0.12); border-color:rgba(255,255,255,0.25); transform:translateY(-3px); }
.teaser-frame img { aspect-ratio: 16/10; object-fit:cover; }


/* Utility helpers */
.text-blue-900 { color: var(--qs-indigo-900) !important; }
.text-blue-800 { color: var(--qs-indigo-800) !important; }
.bg-blue-50 { background: var(--qs-indigo-50) !important; }
.text-purple { color: var(--qs-purple)!important; }
.border-purple { border-color: var(--qs-purple)!important; }
.text-gradient { background:linear-gradient(90deg,var(--qs-warning),var(--qs-purple)); -webkit-background-clip:text; background-clip:text; color:transparent; }

/* Hero */
.lp-hero { background: var(--qs-gradient-hero); }
.lp-hero .badge-micro { background: rgba(255,255,255,.65); backdrop-filter: blur(4px); }

/* Pillar cards */
.lp-pillar-card { transition: box-shadow .25s, transform .25s; }
.lp-pillar-card:hover { box-shadow:0 10px 24px -6px rgba(31,41,55,.15); transform:translateY(-4px); }

/* Teaser Carousel */
#teaserCarousel .carousel-item img { object-fit:cover; max-height:460px; }

/* ROI Metrics grid */
.roi-metric { position:relative; overflow:hidden; }
.roi-metric::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 120% 120%,rgba(124,58,237,0.08),transparent 60%); pointer-events:none; }

/* FAQ */
.accordion-button:not(.collapsed){ background: var(--qs-indigo-50); color: var(--qs-indigo-900); }
.accordion-button:focus { box-shadow: 0 0 0 .15rem rgba(124,58,237,.3); }

/* Final CTA */
.lp-final-cta { background: linear-gradient(135deg,var(--qs-indigo-700),var(--qs-purple)); }

/* ROI Calculator Modal */
.roi-modal .modal-header { background: linear-gradient(90deg,var(--qs-indigo-700),var(--qs-purple)); color:#fff; }
.roi-modal .form-range::-webkit-slider-thumb { background: var(--qs-purple); }
.roi-modal .form-range::-moz-range-thumb { background: var(--qs-purple); }
.roi-output-card { background:var(--qs-indigo-50); border:1px solid var(--qs-indigo-100); }
.roi-output-card h4 { font-size:1.1rem; }
.roi-badge { background:var(--qs-purple); color:#fff; font-size:.65rem; letter-spacing:.5px; }

/* Animations */
@keyframes fadeInUp { from { opacity:0; transform:translateY(12px);} to { opacity:1; transform:translateY(0);} }
[data-animate="fade-up"] { animation: fadeInUp .6s ease both; }

/* Responsive tweaks */
@media (max-width: 767.98px) {
	#teaserCarousel .carousel-item img { max-height:260px; }
}

/* Buttons (overrides) */
.btn-warning { background: var(--qs-warning); border-color: var(--qs-warning); }
.btn-warning:hover { background:#d97706; border-color:#d97706; }

/* Compact hero CTA variant */
.hero-cta-compact .btn-cta { padding:.65rem 1.15rem; font-size:.95rem; border-radius:.65rem; }
.hero-cta-compact .btn-cta-link { padding:.4rem .25rem; font-size:.9rem; }
.hero-cta-compact .btn-cta i { font-size:1rem; }

/* Shadow accent bar removed; replaced by border-top utility on cards */

/* Accessibility improvements */
.carousel-control-prev-icon, .carousel-control-next-icon { filter: drop-shadow(0 0 2px rgba(0,0,0,.4)); }

/* Light dark-mode consideration (if data-bs-theme toggles) */
[data-bs-theme="dark"] .lp-pillar-card { background:#1e1e2b; border-color:#2c2c3a; }
[data-bs-theme="dark"] .roi-output-card { background:#1e1e2b; border-color:#2c2c3a; }

/* Inline style extractions mapping (documentation) */
/* original inline gradients moved into --qs-gradient-hero and specific section classes */