/* ============================================
   LANDING PAGE STYLES — Agentifiq
   Dark theme for marketing/static content pages.
   Used by: index.html, blog/, support/, tutorials/
   ============================================ */

* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/* ===== GRADIENT TEXT ===== */
.text-gradient {
    background: linear-gradient(135deg, #3394ff 0%, #cc44ff 50%, #3394ff 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: shimmer 4s ease-in-out infinite;
}
@keyframes shimmer {
    0%   { background-position: 0% center }
    50%  { background-position: 100% center }
    100% { background-position: 0% center }
}

/* ===== GRAIN OVERLAY ===== */
.grain::after {
    content: '';
    position: absolute;
    inset: 0;
    opacity: 0.025;
    pointer-events: none;
    z-index: 5;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ===== FLOATING AMBIENT ORBS ===== */
.ambient-orb { position: absolute; border-radius: 50%; pointer-events: none; will-change: transform; }
.orb-1 { width:600px; height:600px; background:rgba(51,148,255,0.07); filter:blur(140px); top:15%; left:15%; animation:orbF1 20s ease-in-out infinite; }
.orb-2 { width:450px; height:450px; background:rgba(204,68,255,0.05); filter:blur(120px); bottom:20%; right:15%; animation:orbF2 25s ease-in-out infinite; }
.orb-3 { width:300px; height:300px; background:rgba(51,148,255,0.04); filter:blur(100px); top:60%; left:50%; animation:orbF3 18s ease-in-out infinite; }
@keyframes orbF1 { 0%,100%{transform:translate(0,0) scale(1)} 33%{transform:translate(40px,-30px) scale(1.05)} 66%{transform:translate(-20px,20px) scale(0.95)} }
@keyframes orbF2 { 0%,100%{transform:translate(0,0) scale(1)} 33%{transform:translate(-30px,25px) scale(1.08)} 66%{transform:translate(25px,-15px) scale(0.92)} }
@keyframes orbF3 { 0%,100%{transform:translate(0,0)} 50%{transform:translate(50px,-40px)} }

/* ===== ORCHESTRATED HERO ENTRANCE ===== */
.hero-enter { opacity: 0; transform: translateY(24px); }
.hero-enter.in { animation: heroIn 0.9s cubic-bezier(0.16,1,0.3,1) forwards; }
@keyframes heroIn { from{opacity:0;transform:translateY(24px) rotateX(6deg)} to{opacity:1;transform:translateY(0) rotateX(0)} }
.hero-d1.in{animation-delay:0.4s}
.hero-d2.in{animation-delay:0.6s}
.hero-d3.in{animation-delay:0.75s}
.hero-d4.in{animation-delay:0.9s}
.hero-d5.in{animation-delay:1.05s}
.hero-d6.in{animation-delay:1.2s}
.hero-d7.in{animation-delay:1.4s}
.hero-d8.in{animation-delay:1.6s}

/* Eyebrow line draw */
.eyebrow-line {
    display: inline-block;
    width: 0;
    height: 1px;
    background: #3394ff;
    vertical-align: middle;
    margin-right: 12px;
    transition: width 0.6s cubic-bezier(0.16,1,0.3,1) 0.8s;
}
.hero-enter.in .eyebrow-line { width: 32px; }
.eyebrow-dot {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #3394ff;
    margin-right: 12px;
    vertical-align: middle;
    animation: edPulse 3s ease-in-out infinite;
}
@keyframes edPulse {
    0%,100% { box-shadow: 0 0 0 0 rgba(51,148,255,0.4) }
    50%      { box-shadow: 0 0 0 6px rgba(51,148,255,0) }
}

/* ===== SCROLL REVEAL ===== */
[data-reveal] {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.8s cubic-bezier(0.16,1,0.3,1), transform 0.8s cubic-bezier(0.16,1,0.3,1);
}
[data-reveal].revealed { opacity: 1; transform: translateY(0); }
[data-reveal-delay="1"] { transition-delay: 0.12s }
[data-reveal-delay="2"] { transition-delay: 0.24s }
[data-reveal-delay="3"] { transition-delay: 0.36s }
[data-reveal-delay="4"] { transition-delay: 0.48s }

/* ===== GLASSMORPHISM CARDS ===== */
.glass-card {
    background: rgba(10,14,26,0.6);
    backdrop-filter: blur(20px) saturate(1.3);
    -webkit-backdrop-filter: blur(20px) saturate(1.3);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 1rem;
    position: relative;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.16,1,0.3,1);
}
.glass-card:hover { border-color: rgba(255,255,255,0.12); transform: translateY(-4px); }

/* Animated gradient border on hover */
.glass-card::before {
    content: '';
    position: absolute;
    inset: -1px;
    border-radius: inherit;
    padding: 1px;
    z-index: -1;
    background: conic-gradient(from var(--border-angle,0deg), transparent 40%, rgba(51,148,255,0.4), rgba(204,68,255,0.4), transparent 60%);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.5s ease;
}
.glass-card:hover::before { opacity: 1; animation: borderSpin 3s linear infinite; }
@keyframes borderSpin { to { --border-angle: 360deg; } }
@property --border-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }

/* 3D tilt inner shine */
.glass-card .tilt-shine {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
    background: radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%), rgba(255,255,255,0.04), transparent 60%);
    opacity: 0;
    transition: opacity 0.3s ease;
}
.glass-card:hover .tilt-shine { opacity: 1; }

/* ===== SERVICE CARD ===== */
.service-card { transition: all 0.4s cubic-bezier(0.16,1,0.3,1); }
.service-card:hover { transform: translateY(-3px); }
.service-card:hover .service-arrow { transform: translateX(4px); }
.service-arrow { transition: transform 0.3s ease; }

/* ===== NAV ===== */
.nav-scrolled {
    background: rgba(10,14,26,0.92) !important;
    backdrop-filter: blur(24px) saturate(1.2);
    border-bottom-color: rgba(255,255,255,0.05) !important;
}
.mobile-menu { max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0.16,1,0.3,1); }
.mobile-menu.open { max-height: 400px; }

/* ===== SECTION DIVIDERS ===== */
.section-line {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.06) 20%, rgba(255,255,255,0.06) 80%, transparent);
}
.section-line-animated {
    height: 1px;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 1s cubic-bezier(0.16,1,0.3,1);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.06) 20%, rgba(255,255,255,0.06) 80%, transparent);
}
.section-line-animated.revealed { transform: scaleX(1); }

/* ===== LEFT ACCENT LINE ===== */
.line-accent { position: relative; }
.line-accent::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 2px;
    height: 0;
    background: linear-gradient(180deg, #3394ff, #cc44ff);
    border-radius: 2px;
    transition: height 0.8s cubic-bezier(0.16,1,0.3,1) 0.2s;
}
.line-accent.revealed::before { height: 100%; }

/* ===== CTA BUTTONS ===== */
.cta-primary {
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.16,1,0.3,1);
}
.cta-primary::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
    transform: translateX(-100%);
    transition: transform 0.5s ease;
}
.cta-primary:hover::before { transform: translateX(100%); }
.cta-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 32px rgba(26,116,245,0.35), 0 0 0 1px rgba(51,148,255,0.2);
}
.cta-primary:hover .arrow-icon { transform: translateX(4px); }
.arrow-icon { transition: transform 0.3s ease; display: inline-block; }

/* ===== GLOW ===== */
.glow-accent { box-shadow: 0 0 80px rgba(51,148,255,0.1), 0 0 160px rgba(51,148,255,0.04); }

/* ===== STATS COUNTER ===== */
.stat-counter { font-variant-numeric: tabular-nums; }

/* ===== CUSTOM CURSOR ===== */
.cc-ring {
    position: fixed;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1.5px solid rgba(51,148,255,0.5);
    pointer-events: none;
    z-index: 9999;
    transform: translate(-50%,-50%);
    transition: width 0.3s, height 0.3s, border-color 0.3s, background 0.3s;
    mix-blend-mode: screen;
}
.cc-ring.hover {
    width: 48px;
    height: 48px;
    background: rgba(51,148,255,0.08);
    border-color: rgba(51,148,255,0.3);
}
.cc-dot {
    position: fixed;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #3394ff;
    pointer-events: none;
    z-index: 10000;
    transform: translate(-50%,-50%);
}

/* ===== COOKIE BANNER ===== */
.cookie-banner { transform: translateY(100%); transition: transform 0.5s cubic-bezier(0.16,1,0.3,1); }
.cookie-banner.visible { transform: translateY(0); }

/* ===== FOCUS ===== */
input:focus, textarea:focus, select:focus {
    outline: none;
    border-color: #3394ff;
    box-shadow: 0 0 0 3px rgba(51,148,255,0.12);
}

html { scroll-behavior: smooth; }

/* ===== SCROLL PROGRESS ===== */
.scroll-progress {
    position: fixed;
    top: 0;
    left: 0;
    height: 2px;
    z-index: 9999;
    transform-origin: left;
    transform: scaleX(0);
    background: linear-gradient(90deg, #3394ff, #cc44ff);
    width: 100%;
}

/* ===== BLOG / CONTENT PAGE STYLES ===== */
.prose-dark { color: #8d93ab; }
.prose-dark h1, .prose-dark h2, .prose-dark h3, .prose-dark h4 { color: #fff; }
.prose-dark p { line-height: 1.8; margin-bottom: 1.25rem; }
.prose-dark a { color: #3394ff; }
.prose-dark a:hover { color: #59b4ff; }
.prose-dark code {
    background: rgba(51,148,255,0.08);
    border: 1px solid rgba(51,148,255,0.15);
    border-radius: 4px;
    padding: 0.15em 0.45em;
    font-size: 0.875em;
    color: #59b4ff;
}
.prose-dark pre {
    background: rgba(10,14,26,0.8);
    border: 1px solid rgba(255,255,255,0.06);
    border-radius: 0.75rem;
    padding: 1.5rem;
    overflow-x: auto;
}
.prose-dark pre code { background: none; border: none; padding: 0; color: #b3b7c7; }
.prose-dark blockquote {
    border-left: 2px solid #3394ff;
    padding-left: 1.25rem;
    margin-left: 0;
    color: #676f8f;
    font-style: italic;
}
.prose-dark ul { list-style: none; padding: 0; }
.prose-dark ul li { padding-left: 1.25rem; position: relative; margin-bottom: 0.5rem; }
.prose-dark ul li::before { content: '▸'; position: absolute; left: 0; color: #3394ff; font-size: 0.75em; top: 0.2em; }
.prose-dark ol { counter-reset: list-counter; padding: 0; list-style: none; }
.prose-dark ol li { counter-increment: list-counter; padding-left: 2rem; position: relative; margin-bottom: 0.75rem; }
.prose-dark ol li::before { content: counter(list-counter); position: absolute; left: 0; width: 1.25rem; height: 1.25rem; border-radius: 50%; background: rgba(51,148,255,0.1); border: 1px solid rgba(51,148,255,0.2); color: #3394ff; font-size: 0.7rem; font-weight: 600; display: flex; align-items: center; justify-content: center; top: 0.15em; }

/* ===== TAG / CATEGORY CHIPS ===== */
.tag-chip {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.6875rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    background: rgba(51,148,255,0.08);
    border: 1px solid rgba(51,148,255,0.15);
    color: #59b4ff;
}

/* ===== RESPONSIVE & ACCESSIBILITY ===== */
@media (max-width: 768px) {
    .cc-ring, .cc-dot { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
}

/* ===== AI RECEPTIONIST WORKFLOW DIAGRAM ===== */

/* Phone ring animation */
@keyframes phone-ring {
    0%, 55%, 100% { transform: rotate(0deg); }
    10%            { transform: rotate(-15deg); }
    20%            { transform: rotate(15deg); }
    30%            { transform: rotate(-10deg); }
    40%            { transform: rotate(8deg); }
    50%            { transform: rotate(0deg); }
}
.workflow-phone-ring {
    animation: phone-ring 3s ease-in-out infinite;
    transform-origin: center;
}

/* Waveform bar animations */
@keyframes waveform-a {
    0%, 100% { height: 8px; }
    50%       { height: 20px; }
}
@keyframes waveform-b {
    0%, 100% { height: 14px; }
    50%       { height: 6px; }
}
@keyframes waveform-c {
    0%, 100% { height: 10px; }
    50%       { height: 22px; }
}
.workflow-waveform-a { height: 8px;  animation: waveform-a 1.2s ease-in-out infinite; }
.workflow-waveform-b { height: 14px; animation: waveform-b 1.2s ease-in-out infinite 0.2s; }
.workflow-waveform-c { height: 10px; animation: waveform-c 1.2s ease-in-out infinite 0.4s; }

/* Calendar pulse */
@keyframes calendar-pulse {
    0%, 100% { transform: scale(1); }
    50%       { transform: scale(1.14); }
}
.workflow-calendar-pulse {
    animation: calendar-pulse 2s ease-in-out infinite;
    transform-origin: center;
}

/* Checkmark draw */
@keyframes draw-check {
    from { stroke-dashoffset: 60; opacity: 0.4; }
    to   { stroke-dashoffset: 0;  opacity: 1; }
}

/* Chat bubble pop */
@keyframes bubble-pop {
    0%   { transform: scale(0.85); opacity: 0.6; }
    60%  { transform: scale(1.08); }
    100% { transform: scale(1);    opacity: 1; }
}
.workflow-bubble-pop {
    animation: bubble-pop 2s ease-in-out infinite alternate;
}

/* Notification dot pulse */
@keyframes notif-pulse {
    0%, 100% { transform: scale(1);    opacity: 1; }
    50%       { transform: scale(1.5); opacity: 0.7; }
}
.workflow-notification-dot {
    animation: notif-pulse 1.5s ease-in-out infinite;
}

/* Flow dot traveling across connector */
@keyframes flow-dot {
    0%   { left: 0%;   opacity: 0; }
    10%  { opacity: 1; }
    90%  { opacity: 1; }
    100% { left: 100%; opacity: 0; }
}
.workflow-line {
    position: relative;
    overflow: visible;
}
.workflow-dot {
    position: absolute;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #3394ff;
    transform: translateY(-50%);
    animation: flow-dot 2.5s ease-in-out infinite;
    box-shadow: 0 0 6px #3394ff;
}

/* Vertical line on mobile */
@media (max-width: 767px) {
    .workflow-step {
        flex-direction: row;
        text-align: left;
        max-width: 100%;
        gap: 1rem;
        margin-bottom: 1.5rem;
    }
    .workflow-step > div:first-child {
        flex-shrink: 0;
    }
}

/* =========================================================
   LIGHT THEME
   Activated by: <html data-theme="light">
   Defaults to dark; preference stored in localStorage.
   ========================================================= */

[data-theme="light"] {
  color-scheme: light;
}

/* Page / body */
[data-theme="light"] body {
  background-color: #f2f4fc;
  color: #1a2040;
}

/* Nav */
[data-theme="light"] nav {
  background-color: rgba(242,244,252,0.92) !important;
  border-bottom-color: rgba(0,0,0,0.08) !important;
}
[data-theme="light"] nav a,
[data-theme="light"] nav button:not(#theme-toggle):not([class*="bg-accent"]) {
  color: #2d3a5e !important;
}
[data-theme="light"] nav a:hover { color: #0f1229 !important; }
[data-theme="light"] #mobileMenu {
  background-color: rgba(242,244,252,0.97) !important;
}
[data-theme="light"] #mobileMenu a { color: #2d3a5e !important; }
[data-theme="light"] #mobileMenu a:hover { color: #0f1229 !important; }

/* Theme toggle button */
[data-theme="light"] #theme-toggle { color: #4a5580 !important; }
[data-theme="light"] #theme-toggle:hover { color: #0f1229 !important; }

/* Midnight text utilities */
[data-theme="light"] .text-white { color: #0f1229 !important; -webkit-text-fill-color: #0f1229 !important; }
[data-theme="light"] [class*="bg-accent"] .text-white,
[data-theme="light"] [class*="bg-accent"] { color: #ffffff !important; }
[data-theme="light"] [class*="bg-electric"] { color: #ffffff !important; }
[data-theme="light"] .text-midnight-100 { color: #0f1229 !important; }
[data-theme="light"] .text-midnight-200 { color: #1a2040 !important; }
[data-theme="light"] .text-midnight-300 { color: #2d3a5e !important; }
[data-theme="light"] .text-midnight-400 { color: #4a5580 !important; }
[data-theme="light"] .text-midnight-500 { color: #6b7aab !important; }
[data-theme="light"] .text-midnight-600 { color: #8a97c8 !important; }

/* Midnight background utilities */
[data-theme="light"] .bg-midnight-950,
[data-theme="light"] .bg-midnight-900 { background-color: transparent !important; }
[data-theme="light"] section { background-color: transparent !important; }
[data-theme="light"] .bg-midnight-800 { background-color: #dde1f4 !important; }
[data-theme="light"] .bg-midnight-700 { background-color: #ccd2eb !important; }

/* Utility backgrounds that use opacity */
[data-theme="light"] [class*="bg-midnight-950\/"],
[data-theme="light"] [class*="bg-midnight-900\/"] { background-color: transparent !important; }
[data-theme="light"] [class*="bg-white\/"] { background-color: rgba(255,255,255,0.7) !important; }

/* Borders */
[data-theme="light"] [class*="border-midnight-800"],
[data-theme="light"] [class*="border-midnight-700"] { border-color: rgba(0,0,0,0.10) !important; }
[data-theme="light"] [class*="border-white\/"] { border-color: rgba(0,0,0,0.08) !important; }

/* Dividers */
[data-theme="light"] .border-t,
[data-theme="light"] .border-b { border-color: rgba(0,0,0,0.08) !important; }

/* Glass cards */
[data-theme="light"] .glass-card {
  background: rgba(255,255,255,0.72) !important;
  border-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 8px 24px rgba(0,0,0,0.06) !important;
  backdrop-filter: blur(16px);
}

/* Footer */
[data-theme="light"] footer {
  background-color: #eaedf8 !important;
  border-top-color: rgba(0,0,0,0.08) !important;
}

/* Ambient orbs — subtle in light mode */
[data-theme="light"] .ambient-orb,
[data-theme="light"] .ind-orb { opacity: 0.06 !important; }

/* Hero gradient text — keep gradient, ensure visibility */
[data-theme="light"] .hero-gradient-text { opacity: 1; }

/* Scroll progress bar */
[data-theme="light"] .scroll-progress {
  background: linear-gradient(90deg, #3394ff, #cc44ff) !important;
}

/* Workflow steps (animated section) */
[data-theme="light"] .workflow-step-icon {
  background: rgba(255,255,255,0.8) !important;
  border-color: rgba(0,0,0,0.10) !important;
}
[data-theme="light"] .workflow-connector { opacity: 0.3 !important; }

/* Industry pages */
[data-theme="light"] .industry-stat-card,
[data-theme="light"] .ind-stat-card {
  background: rgba(255,255,255,0.75) !important;
  border-color: rgba(0,0,0,0.08) !important;
}
[data-theme="light"] .integration-card,
[data-theme="light"] .ind-integration-card {
  background: rgba(255,255,255,0.75) !important;
  border-color: rgba(0,0,0,0.08) !important;
}
[data-theme="light"] .ind-swaig-row {
  background: rgba(0,0,0,0.03) !important;
  border-color: rgba(0,0,0,0.07) !important;
}
[data-theme="light"] .ind-channel-card {
  background: rgba(255,255,255,0.75) !important;
  border-color: rgba(0,0,0,0.08) !important;
}
[data-theme="light"] .industry-pain-pill {
  background: rgba(0,0,0,0.04) !important;
  border-color: rgba(0,0,0,0.08) !important;
  color: #2d3a5e !important;
}
[data-theme="light"] .faq-item,
[data-theme="light"] .ind-faq-item { border-bottom-color: rgba(0,0,0,0.08) !important; }
[data-theme="light"] .faq-summary { color: #2d3a5e !important; }
[data-theme="light"] .faq-summary:hover { color: #0f1229 !important; }
[data-theme="light"] .faq-body { color: #4a5580 !important; }

/* Mega menu */
[data-theme="light"] .mega-menu-panel {
  background: #ffffff !important;
  border-color: rgba(0,0,0,0.10) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,0.12) !important;
}
[data-theme="light"] .mm-name { color: #1a2040 !important; }
[data-theme="light"] .mm-tagline { color: #6b7aab !important; }
[data-theme="light"] .mega-menu-entry:hover { background: rgba(0,0,0,0.04) !important; }

/* Legal prose */
[data-theme="light"] .prose-legal h2 { color: #0f1229 !important; border-top-color: rgba(0,0,0,0.08) !important; }
[data-theme="light"] .prose-legal h3 { color: #1a2040 !important; }
[data-theme="light"] .prose-legal p,
[data-theme="light"] .prose-legal li { color: #4a5580 !important; }
[data-theme="light"] .prose-legal strong { color: #1a2040 !important; }
[data-theme="light"] .prose-legal .legal-box {
  background: rgba(0,0,0,0.03) !important;
  border-color: rgba(0,0,0,0.08) !important;
}
[data-theme="light"] .prose-legal table th { color: #1a2040 !important; border-bottom-color: rgba(0,0,0,0.10) !important; }
[data-theme="light"] .prose-legal table td { color: #4a5580 !important; border-bottom-color: rgba(0,0,0,0.05) !important; }

/* Separator dots */
[data-theme="light"] .w-px { background-color: rgba(0,0,0,0.15) !important; }

/* Code / overline text */
[data-theme="light"] .text-overline { color: #3394ff !important; }

/* Input / textarea fields */
[data-theme="light"] input,
[data-theme="light"] textarea,
[data-theme="light"] select {
  background-color: #ffffff !important;
  border-color: rgba(0,0,0,0.12) !important;
  color: #1a2040 !important;
}
[data-theme="light"] input::placeholder,
[data-theme="light"] textarea::placeholder { color: #8a97c8 !important; }

/* =========================================================
   LIGHT THEME — TARGETED FIXES (round 2)
   ========================================================= */

/* Canvas stays visible in light mode — JS scales up opacities for pale bg contrast */
/* Hide dark text-protection gradient overlays (inline styles, must target by id) */
[data-theme="light"] #heroOverlay { display: none !important; }
[data-theme="light"] #heroSection {
  background: linear-gradient(135deg, #eef0ff 0%, #f4f6ff 60%, #f0f4ff 100%) !important;
}

/* bg-midnight-800/60 cards (channel cards, SWAIG rows, AI hub circle, agent filter tabs) */
[data-theme="light"] [class*="bg-midnight-800"] {
  background-color: rgba(255,255,255,0.75) !important;
  border-color: rgba(0,0,0,0.08) !important;
}
[data-theme="light"] [class*="bg-midnight-700"] {
  background-color: rgba(255,255,255,0.6) !important;
  border-color: rgba(0,0,0,0.08) !important;
}
[data-theme="light"] [class*="bg-midnight-900"] {
  background-color: transparent !important;
}

/* AI Receptionist hub circle */
[data-theme="light"] .w-28.h-28.rounded-full {
  background-color: #ffffff !important;
  border-color: rgba(102,68,255,0.25) !important;
  box-shadow: 0 4px 24px rgba(102,68,255,0.10) !important;
}

/* Model pills (Claude, GPT-4o, Gemini, etc.) */
[data-theme="light"] .bg-midnight-800.border-midnight-700.rounded-full,
[data-theme="light"] span[class*="bg-midnight-800"][class*="rounded-full"] {
  background-color: #e8ebf8 !important;
  border-color: rgba(0,0,0,0.10) !important;
  color: #2d3a5e !important;
}

/* Agent filter tabs (Alpine.js bound, inactive state) */
[data-theme="light"] button[class*="bg-midnight-800"],
[data-theme="light"] [x-bind\:class*="bg-midnight-800"] {
  background-color: #e8ebf8 !important;
  border-color: rgba(0,0,0,0.10) !important;
}

/* Section overlay backgrounds (bg-midnight-900/30) */
[data-theme="light"] .absolute.inset-0[class*="bg-midnight"] { display: none !important; }

/* Industry page hub circle (workflow section) */
[data-theme="light"] [class*="ind-hub"],
[data-theme="light"] .rounded-full[class*="border-electric"] {
  background-color: #ffffff !important;
}

/* Inbound channel cards on industry pages */
[data-theme="light"] .ind-channel-card {
  background: rgba(255,255,255,0.85) !important;
  border-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
}

/* Text overrides for items inside bg-midnight-800 cards */
[data-theme="light"] [class*="bg-midnight-800"] .text-white,
[data-theme="light"] [class*="bg-midnight-800"] h3,
[data-theme="light"] [class*="bg-midnight-800"] p { color: #1a2040 !important; }
[data-theme="light"] [class*="bg-midnight-800"] .text-midnight-300,
[data-theme="light"] [class*="bg-midnight-800"] .text-midnight-400 { color: #4a5580 !important; }

/* Gradient separator lines */
[data-theme="light"] .section-line-animated { opacity: 0.2 !important; }

/* How-we-work cards (section with bg-midnight-900/30 overlay) */
[data-theme="light"] section .glass-card { box-shadow: 0 2px 8px rgba(0,0,0,0.06), 0 8px 24px rgba(0,0,0,0.05) !important; }

/* Service cards — slight elevation in light mode */
[data-theme="light"] .service-card {
  background: rgba(255,255,255,0.80) !important;
  border-color: rgba(0,0,0,0.08) !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05) !important;
}
[data-theme="light"] .service-card.glow-accent { box-shadow: 0 0 0 1px rgba(51,148,255,0.15), 0 4px 20px rgba(51,148,255,0.08) !important; }

/* Contact section border card */
[data-theme="light"] .border.border-midnight-700\/60 {
  border-color: rgba(0,0,0,0.10) !important;
}
[data-theme="light"] .bg-midnight-950\/40 { background-color: rgba(255,255,255,0.5) !important; }
[data-theme="light"] .bg-midnight-900\/60 { background-color: rgba(240,242,255,0.6) !important; }

/* Stat counters keep gradient text — text-display catch-all removed (would silently hide all headings) */
[data-theme="light"] .stat-number,
[data-theme="light"] .stat-counter { -webkit-text-fill-color: transparent; }
[data-theme="light"] .stat-number,
[data-theme="light"] .stat-counter {
  background: linear-gradient(135deg, #1a56ff 0%, #8b3fff 100%);
  -webkit-background-clip: text;
  background-clip: text;
}

/* Horizontal rule lines */
[data-theme="light"] hr { border-color: rgba(0,0,0,0.08) !important; }

/* Custom cursor — hide in light mode (it's white) */
[data-theme="light"] .cc-ring,
[data-theme="light"] .cc-dot { display: none !important; }

/* Grain overlay — reduce opacity */
[data-theme="light"] .grain::before { opacity: 0.02 !important; }

/* Agent tab active states — keep accent colors */
[data-theme="light"] .bg-accent-600 { background-color: #3394ff !important; color: #ffffff !important; }
[data-theme="light"] .bg-electric-600 { color: #ffffff !important; }

/* =========================================================
   LIGHT THEME — TARGETED FIXES (round 3)
   ========================================================= */

/* Industry hub inner circle (bg-midnight-900 inside waveform) */
[data-theme="light"] .w-20.h-20.rounded-full.bg-midnight-900 {
  background-color: #ffffff !important;
  border-color: rgba(51,148,255,0.20) !important;
}
[data-theme="light"] .w-28.h-28.rounded-full,
[data-theme="light"] .w-24.h-24.rounded-full {
  background: rgba(255,255,255,0.6) !important;
}

/* Industry page eyebrow badge (bg-white/5 border-white/10) */
[data-theme="light"] .bg-white\/5 {
  background-color: rgba(51,148,255,0.06) !important;
}
[data-theme="light"] .border-white\/10 {
  border-color: rgba(51,148,255,0.15) !important;
}

/* Inline pulsing skeleton loaders (bg-midnight-800 in contact form) */
[data-theme="light"] .animate-pulse .bg-midnight-800,
[data-theme="light"] .animate-pulse [class*="bg-midnight-800"] {
  background-color: #dde1f4 !important;
}

/* Section background — ensure full light page bg */
[data-theme="light"] .bg-midnight-950 { background-color: #f2f4fc !important; }
[data-theme="light"] .bg-midnight-950\/80 { background-color: rgba(242,244,252,0.90) !important; }

/* Nav — ensure it stays light on scroll */
[data-theme="light"] #mainNav {
  background-color: rgba(242,244,252,0.92) !important;
  border-bottom-color: rgba(0,0,0,0.08) !important;
}
/* Logo — inline style color:#fff can't be overridden without ID selector */
[data-theme="light"] #navLogo { color: #0f1229 !important; }

/* tilt-card shine should be invisible in light mode */
[data-theme="light"] .tilt-shine { display: none !important; }

/* Overline caps text */
[data-theme="light"] .text-overline,
[data-theme="light"] [class*="text-overline"] { color: #3394ff !important; }

/* glow/shadow utilities that reference dark colors */
[data-theme="light"] .glow-accent { box-shadow: 0 0 0 1px rgba(51,148,255,0.20), 0 8px 32px rgba(51,148,255,0.10) !important; }

/* Review/stat cards gradient number text in light mode */
[data-theme="light"] .industry-stat-card .stat-number,
[data-theme="light"] .ind-stat-card .stat-number {
  background: linear-gradient(135deg, #1a56ff 0%, #7c3aed 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Connector lines in workflow hub */
[data-theme="light"] [style*="border-left: 2px solid"],
[data-theme="light"] [style*="border: 2px dashed"] { opacity: 0.25 !important; }