/* AIWorkers Landing Page - core styles (extracted from FlowOS template) */

/* ========= DARK theme (default / FlowOS) ========= */
.aiw-theme-dark {
  background: #07090d;
  color: #e5e7eb;
  font-family: 'Heebo', 'Assistant', sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
.aiw-theme-dark html { scroll-behavior: smooth; }

/* Background grid */
.aiw-theme-dark .bg-grid {
  background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,0.06) 1px, transparent 0);
  background-size: 32px 32px;
}
.aiw-theme-dark .bg-aurora::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 50% at 30% 0%, rgba(37, 99, 235, 0.25), transparent 60%),
    radial-gradient(ellipse 50% 40% at 80% 20%, rgba(99, 102, 241, 0.15), transparent 60%);
  pointer-events: none;
}

/* Gradient text */
.aiw-theme-dark .grad-text {
  background: linear-gradient(135deg, #ffffff 0%, #cbd5e1 40%, #60a5fa 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.aiw-theme-dark .grad-text-blue {
  background: linear-gradient(135deg, #60a5fa, #2563EB);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}

/* Glass card */
.aiw-theme-dark .glass {
  background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.015));
  border: 1px solid rgba(255,255,255,0.08);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}
.aiw-theme-dark .glass:hover { border-color: rgba(96, 165, 250, 0.3); }
.aiw-theme-dark .glass-featured {
  background: linear-gradient(180deg, rgba(37,99,235,0.12), rgba(37,99,235,0.03));
  border: 1px solid rgba(96, 165, 250, 0.4);
  box-shadow: 0 0 60px -12px rgba(37, 99, 235, 0.45), inset 0 1px 0 rgba(255,255,255,0.08);
}

/* Buttons */
.aiw-theme-dark .btn-primary {
  background: linear-gradient(180deg, #3b82f6, #2563EB);
  color: white;
  box-shadow: 0 8px 24px -8px rgba(37,99,235,0.6), inset 0 1px 0 rgba(255,255,255,0.2);
  transition: transform .15s ease, box-shadow .15s ease;
  text-decoration: none;
}
.aiw-theme-dark .btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 12px 32px -8px rgba(37,99,235,0.75), inset 0 1px 0 rgba(255,255,255,0.25);
}
.aiw-theme-dark .btn-ghost {
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.1);
  color: #e5e7eb;
  transition: all .15s ease;
  text-decoration: none;
}
.aiw-theme-dark .btn-ghost:hover {
  background: rgba(255,255,255,0.08);
  border-color: rgba(255,255,255,0.18);
}

/* Counters */
.aiw-theme-dark .stat-num {
  background: linear-gradient(180deg, #fff, #93c5fd);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}

/* Form fields */
.aiw-theme-dark .field {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  color: #e5e7eb;
  transition: border-color .15s ease, background .15s ease;
}
.aiw-theme-dark .field:focus {
  outline: none;
  border-color: #3b82f6;
  background: rgba(37, 99, 235, 0.06);
}
.aiw-theme-dark .field::placeholder { color: #6b7280; }

/* Step number */
.aiw-theme-dark .step-num {
  background: linear-gradient(180deg, rgba(37,99,235,0.2), rgba(37,99,235,0.05));
  border: 1px solid rgba(96, 165, 250, 0.4);
  color: #93c5fd;
}
.aiw-theme-dark .glow-ring {
  box-shadow: 0 0 0 1px rgba(96,165,250,0.25), 0 0 30px -8px rgba(37,99,235,0.4);
}
.aiw-theme-dark .ribbon {
  position: absolute; top: -1px; inset-inline-end: 1.5rem;
  background: linear-gradient(180deg, #3b82f6, #2563EB);
  color: white; font-size: 11px; font-weight: 700;
  padding: 6px 14px; border-radius: 0 0 8px 8px;
  letter-spacing: .04em;
}

/* ========= C2A theme (light, Consult2all-style) ========= */
.aiw-theme-c2a {
  background: #f7f8fb;
  color: #1f2937;
  font-family: 'Heebo', 'Assistant', sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
.aiw-theme-c2a .bg-grid {
  background-image: radial-gradient(circle at 1px 1px, rgba(0,0,0,0.05) 1px, transparent 0);
  background-size: 32px 32px;
}
.aiw-theme-c2a .bg-aurora::before {
  content: '';
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 60% 50% at 30% 0%, rgba(37, 99, 235, 0.15), transparent 60%),
    radial-gradient(ellipse 50% 40% at 80% 20%, rgba(99, 102, 241, 0.08), transparent 60%);
  pointer-events: none;
}
.aiw-theme-c2a .grad-text { color: #0f172a; background: none; -webkit-background-clip: initial; }
.aiw-theme-c2a .grad-text-blue {
  background: linear-gradient(135deg, #2563EB, #1e40af);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.aiw-theme-c2a .glass {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 4px 12px -6px rgba(15, 23, 42, 0.08);
  backdrop-filter: none;
}
.aiw-theme-c2a .glass:hover { border-color: #93c5fd; }
.aiw-theme-c2a .glass-featured {
  background: linear-gradient(180deg, #eff6ff, #ffffff);
  border: 2px solid #2563EB;
  box-shadow: 0 12px 36px -12px rgba(37, 99, 235, 0.4);
}
.aiw-theme-c2a .btn-primary {
  background: #2563EB; color: white; text-decoration: none;
  transition: transform .15s ease, background .15s ease;
}
.aiw-theme-c2a .btn-primary:hover { background: #1e40af; transform: translateY(-1px); }
.aiw-theme-c2a .btn-ghost {
  background: #ffffff; border: 1px solid #e5e7eb; color: #1f2937; text-decoration: none;
}
.aiw-theme-c2a .btn-ghost:hover { background: #f3f4f6; border-color: #cbd5e1; }
.aiw-theme-c2a .stat-num { color: #1e40af; background: none; -webkit-background-clip: initial; }
.aiw-theme-c2a .field { background: #ffffff; border: 1px solid #d1d5db; color: #1f2937; }
.aiw-theme-c2a .field:focus { border-color: #2563EB; outline: none; }
.aiw-theme-c2a .step-num {
  background: #eff6ff; border: 1px solid #93c5fd; color: #1e40af;
}
.aiw-theme-c2a .glow-ring { box-shadow: 0 8px 32px -12px rgba(37,99,235,0.3); }
.aiw-theme-c2a .ribbon {
  position: absolute; top: -1px; inset-inline-end: 1.5rem;
  background: #2563EB; color: white; font-size: 11px; font-weight: 700;
  padding: 6px 14px; border-radius: 0 0 8px 8px;
}
/* C2A overrides: text colors */
.aiw-theme-c2a .text-white { color: #0f172a !important; }
.aiw-theme-c2a .text-gray-200,
.aiw-theme-c2a .text-gray-300 { color: #334155 !important; }
.aiw-theme-c2a .text-gray-400,
.aiw-theme-c2a .text-gray-500 { color: #6b7280 !important; }
.aiw-theme-c2a .text-blue-400,
.aiw-theme-c2a .text-blue-300 { color: #2563EB !important; }
.aiw-theme-c2a header.fixed .glass {
  background: rgba(255,255,255,0.92);
  border-color: #e5e7eb;
}

/* ========= Shared animations ========= */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.reveal.in { opacity: 1; transform: translateY(0); }
@keyframes pulseDot { 0%,100% { opacity: .3; transform: scale(1); } 50% { opacity: 1; transform: scale(1.4); } }
.pulse-dot { animation: pulseDot 2.4s ease-in-out infinite; }
@keyframes flowMove { 0% { stroke-dashoffset: 200; } 100% { stroke-dashoffset: 0; } }
.flow-line { stroke-dasharray: 6 8; animation: flowMove 4s linear infinite; }

/* FAQ */
details > summary { list-style: none; cursor: pointer; }
details > summary::-webkit-details-marker { display: none; }
details[open] .faq-icon { transform: rotate(45deg); }
.faq-icon { transition: transform .2s ease; }

/* Scrollbar (dark only) */
.aiw-theme-dark::-webkit-scrollbar { width: 10px; }
.aiw-theme-dark::-webkit-scrollbar-track { background: #07090d; }
.aiw-theme-dark::-webkit-scrollbar-thumb { background: #1a2030; border-radius: 6px; }

/* Responsive */
@media (max-width: 768px) {
  .nav-links { display: none; }
}

/* Hide WP admin bar artifacts on this template */
html.wp-toolbar { padding-top: 0 !important; }