/**
 * Scriplit public light theme.
 * Loaded after style.css so later duplicated dark rules do not win.
 * Brand accents remain #2D82FE and #00D9FF. Fonts are unchanged.
 *
 * Visual system: white page + #080C17 text + selective blue/cyan accents.
 * Dark #080C17 backgrounds are limited to the LLC banner and the process card.
 */

html,
body,
body#page-top,
html > body {
    background-color: #ffffff !important;
    background-image: radial-gradient(circle at 88% 0%, rgba(45, 130, 254, 0.07) 0%, transparent 28%),
        radial-gradient(circle at 8% 18%, rgba(0, 217, 255, 0.05) 0%, transparent 26%),
        #ffffff !important;
    color: #374151 !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: #080C17;
}

p,
.section-subtitle,
.hero-subtitle,
.page-subtitle,
.footer-about p,
.legal-body,
.legal-hero-sub {
    text-shadow: none !important;
}

.section-title,
.faq-section .section-title,
.page-title {
    color: #080C17 !important;
    background: none !important;
    -webkit-text-fill-color: #080C17 !important;
    text-shadow: none !important;
}

a:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.brand-lockup):not(.social-link):not(.service-card-link):not(.stretched-link):not(.nav-phone):not(.btn-cta-dark) {
    color: #2d82fe;
}

a:not(.btn):not(.nav-link):not(.dropdown-item):not(.navbar-brand):not(.brand-lockup):not(.social-link):not(.service-card-link):not(.stretched-link):not(.nav-phone):not(.btn-cta-dark):hover {
    color: #00d9ff;
}

/* Navbar */
.navbar,
.navbar.scrolled {
    background-color: rgba(255, 255, 255, 0.94) !important;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: 0 1px 0 rgba(8, 12, 23, 0.04);
}

.navbar.scrolled {
    background-color: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 0 8px 24px rgba(8, 12, 23, 0.06);
}

.navbar-collapse {
    background-color: #ffffff !important;
    border-bottom-color: #e5e7eb !important;
}

.nav-link,
.navbar .nav-link {
    color: #080C17 !important;
}

.nav-link:hover,
.nav-link:focus,
.nav-link.active,
.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link.active {
    color: #080C17 !important;
}

.dropdown-menu {
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 12px 32px rgba(8, 12, 23, 0.08);
}

.dropdown-item {
    color: #080C17 !important;
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active {
    background-color: rgba(45, 130, 254, 0.06) !important;
    color: #080C17 !important;
}

.dropdown-divider {
    border-top-color: #e5e7eb;
}

.navbar .nav-btn,
.navbar .nav-btn-llc,
.navbar .nav-btn-llc:hover,
.navbar .nav-btn-llc:focus,
.navbar .nav-btn-llc.active {
    color: #ffffff !important;
}

/* Hero — keep layout; charcoal title; gradient only on stats */
.hero-section {
    background-color: #ffffff;
}

#particles-js,
.particles-container,
.particle-container {
    opacity: 0.28 !important;
}

.llc-banner .particle-container {
    opacity: 0.4 !important;
}

.hero-section::before {
    background:
        radial-gradient(circle at 80% 20%, rgba(45, 130, 254, 0.1) 0%, transparent 32%),
        radial-gradient(circle at 18% 78%, rgba(0, 217, 255, 0.08) 0%, transparent 34%) !important;
}

.hero-title,
#animated-headline {
    color: #080C17 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    -webkit-text-fill-color: #080C17 !important;
}

#animated-headline .cursor,
.hero-title .cursor {
    background: linear-gradient(90deg, #2D82FE, #00D9FF) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.hero-subtitle,
.stat-label {
    color: #374151 !important;
    opacity: 1 !important;
}

.stat-number {
    background: linear-gradient(90deg, #2D82FE, #00D9FF) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.tech-icon-wrapper {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 8px 20px rgba(45, 130, 254, 0.12) !important;
    color: #2d82fe !important;
}

.glow-circle {
    background: radial-gradient(circle, rgba(45, 130, 254, 0.16) 0%, transparent 70%) !important;
}

/* Buttons — on-accent text stays white */
.btn-primary,
.btn.btn-primary,
.btn-primary .btn-text,
.btn-primary .btn-icon,
.btn-primary i {
    color: #ffffff !important;
}

.btn-primary,
.btn.btn-primary {
    background: linear-gradient(135deg, #2d82fe, #00d9ff) !important;
    border: none !important;
    box-shadow: 0 8px 20px rgba(45, 130, 254, 0.22);
}

.btn-primary:hover,
.btn.btn-primary:hover {
    color: #ffffff !important;
    filter: brightness(1.05);
    box-shadow: 0 10px 24px rgba(0, 217, 255, 0.28);
}

.btn-outline-primary {
    color: #080C17 !important;
    background: #ffffff !important;
    border: 1px solid #2d82fe !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:hover .btn-text,
.btn-outline-primary:hover .btn-icon,
.btn-outline-primary:hover i {
    color: #ffffff !important;
}

.btn-outline-primary:hover {
    background: linear-gradient(135deg, #2d82fe, #00d9ff) !important;
    border-color: transparent !important;
}

.pr-ribbon,
.legal-siblings a.active {
    color: #ffffff !important;
}

/* Most Bootstrap .bg-dark bands become subtle light */
.bg-dark,
section.bg-dark,
.faq-section.bg-dark,
.contact-form-section.bg-dark,
.process-section.bg-dark,
.portfolio-showcase-section.bg-dark,
.results-section.bg-dark {
    background-color: #f7f9fc !important;
    background-image: none !important;
    color: #374151 !important;
}

.faq-section {
    background: #f7f9fc !important;
}

/* Neutralize leftover dark section overlays */
.bg-dark::before,
.bg-dark section::before,
.services-section::before,
.faq-section::before,
.portfolio-section::before,
.contact-section::before,
.testimonials-section::before,
.key-benefits-section::before,
.latest-news-section::before,
.process-section::before,
.features-section::before,
.about-agency-section::before {
    background: transparent !important;
    background-image: none !important;
}

.web-development-section,
.page-header,
.contact-info-section,
.service-content-section {
    background-color: #ffffff;
}

/* Cards / glass */
.card,
.glass-effect,
.portfolio-card,
.blog-card,
.benefit-card,
.feature-card-modern,
.stat-box-alt,
.contact-card,
.testimonial-card,
.service-card-modern,
.services-section .card,
.faq-section .card {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 8px 24px rgba(8, 12, 23, 0.05) !important;
    color: #374151;
}

.card:hover,
.glass-effect:hover,
.portfolio-card:hover,
.blog-card:hover,
.benefit-card:hover,
.feature-card-modern:hover,
.stat-box-alt:hover,
.services-section .card:hover {
    box-shadow: none !important;
    border-color: rgba(45, 130, 254, 0.16) !important;
}

.glass-effect-alt:not(.bg-dark) {
    background: #ffffff !important;
    border: 1px solid rgba(45, 130, 254, 0.18) !important;
    box-shadow: 0 8px 24px rgba(8, 12, 23, 0.05) !important;
}

.card h1, .card h2, .card h3, .card h4, .card h5, .card h6,
.glass-effect h1, .glass-effect h2, .glass-effect h3, .glass-effect h4, .glass-effect h5, .glass-effect h6,
.portfolio-card h1, .portfolio-card h2, .portfolio-card h3, .portfolio-card h4,
.testimonial-card h3, .service-card-modern h3, .benefit-card h3, .blog-card h2, .blog-card h3 {
    color: #080C17;
}

/* Intentional dark process card */
.glass-effect-alt.bg-dark,
.process-section .glass-effect-alt.bg-dark {
    background: #080C17 !important;
    border: 1px solid rgba(45, 130, 254, 0.28) !important;
    box-shadow: 0 16px 40px rgba(8, 12, 23, 0.18) !important;
    color: #d1d5db !important;
}

.glass-effect-alt.bg-dark h2,
.glass-effect-alt.bg-dark h3,
.glass-effect-alt.bg-dark .section-title,
.process-section .glass-effect-alt.bg-dark h3 {
    color: #ffffff !important;
    background: none !important;
    -webkit-text-fill-color: #ffffff !important;
}

.glass-effect-alt.bg-dark p {
    color: #d1d5db !important;
}

/* FAQ accordion */
.faq-section .accordion-item,
.accordion-item {
    background-color: #ffffff !important;
    border: 1px solid #e5e7eb !important;
}

.faq-section .accordion-button,
.accordion-button {
    background-color: #ffffff !important;
    color: #080C17 !important;
}

.faq-section .accordion-button:not(.collapsed),
.accordion-button:not(.collapsed) {
    background: linear-gradient(135deg, rgba(45, 130, 254, 0.08), rgba(0, 217, 255, 0.06)) !important;
    color: #080C17 !important;
    box-shadow: none !important;
}

.faq-section .accordion-body,
.accordion-body {
    background-color: #f7f9fc !important;
    color: #374151 !important;
}

.accordion-body p {
    color: #374151 !important;
}

.faq-section .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23080C17'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

/* Forms */
.form-control,
.form-select,
.input-group-text {
    background-color: #ffffff !important;
    border: 1px solid #d1d5db !important;
    color: #080C17 !important;
}

.form-control:focus,
.form-select:focus {
    background-color: #ffffff !important;
    color: #080C17 !important;
    border-color: #2d82fe !important;
    box-shadow: 0 0 0 0.25rem rgba(45, 130, 254, 0.2) !important;
}

.form-control::placeholder {
    color: #6b7280 !important;
    opacity: 1;
}

.form-label,
label {
    color: #080C17;
}

.form-check-input {
    background-color: #ffffff;
    border-color: #d1d5db;
}

/* Footer */
.modern-footer,
footer.footer {
    background-color: #080C17 !important;
    color: #9ca3af;
    border-top: none;
}

.modern-footer h2,
.modern-footer h4,
.footer-links h4,
.footer-newsletter h4 {
    background: linear-gradient(90deg, #2D82FE, #00D9FF) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    color: #00D9FF;
}

.footer-about p,
.footer-contact-item,
.footer-bottom {
    color: #9ca3af;
}

.footer-links a,
.footer-contact-item a {
    color: #d1d5db;
}

.footer-links a:hover,
.footer-contact-item a:hover {
    color: #00d9ff;
}

.footer-bottom {
    border-top: 1px solid #e5e7eb;
}

.social-link {
    background-color: #ffffff;
    border-color: #e5e7eb;
    color: #080C17;
}

.social-link:hover {
    color: #ffffff;
    background: linear-gradient(135deg, #2d82fe, #00d9ff);
    border-color: transparent;
}

/* Success modal overlay can stay dimmed; panel is light */
.form-success-modal {
    background: rgba(8, 12, 23, 0.45) !important;
}

.form-success-content {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 20px 50px rgba(8, 12, 23, 0.12) !important;
    color: #374151;
}

.form-success-content h2,
.form-success-content h3 {
    color: #080C17;
}

/* Legal / pricing / tax / LLC page skins */
.legal-hero,
.pr-hero,
.tax-hero,
.tf-hero,
.llc-hero {
    background:
        radial-gradient(circle at 78% 18%, rgba(45, 130, 254, 0.1), transparent 45%),
        radial-gradient(circle at 8% 82%, rgba(0, 217, 255, 0.08), transparent 45%),
        #ffffff !important;
}

.legal-hero h1,
.pr-hero h1,
.tax-hero h1,
.tf-hero h1,
.llc-hero h1 {
    color: #080C17 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    -webkit-text-fill-color: #080C17 !important;
}

.legal-body h2,
.legal-body h3,
.legal-body strong,
.legal-callout h3,
.legal-right-card h3,
.legal-table th,
.legal-table td:first-child {
    color: #080C17 !important;
}

.legal-body,
.legal-body p,
.legal-body em,
.legal-body address,
.legal-callout ul,
.legal-hero-sub,
.legal-meta,
.legal-ref,
.pr-hero-sub,
.tax-hero-sub,
.llc-hero-sub {
    color: #374151 !important;
}

.legal-body a,
.legal-toc a:hover {
    color: #2d82fe !important;
}

.legal-body a:hover {
    color: #00d9ff !important;
}

.legal-toc,
.legal-callout,
.legal-contact,
.legal-right-card,
.legal-table-wrap,
.legal-body address {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
}

.legal-body h2,
.legal-siblings {
    border-bottom-color: #e5e7eb !important;
    border-top-color: #e5e7eb !important;
}

.legal-table th,
.legal-table td {
    border-bottom-color: #e5e7eb !important;
    color: #374151 !important;
}

.legal-table th,
.legal-table td:first-child {
    color: #080C17 !important;
}

.legal-siblings a {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    color: #374151 !important;
}

.legal-callout p,
.legal-callout ul,
.legal-right-card p {
    color: #374151 !important;
}

/* Intentional dark LLC banner */
.llc-banner {
    background:
        radial-gradient(circle at 12% 25%, rgba(45, 130, 254, 0.22), transparent 48%),
        radial-gradient(circle at 88% 70%, rgba(0, 217, 255, 0.16), transparent 48%),
        linear-gradient(160deg, #080C17 0%, #0B1121 100%) !important;
    border-top: 1px solid rgba(255, 255, 255, 0.06) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06) !important;
    color: #d1d5db;
}

.llc-banner h2,
.llc-banner h3,
.llc-globe-card h3 {
    color: #ffffff !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    -webkit-text-fill-color: #ffffff !important;
}

.llc-banner-lead,
.llc-banner-item,
.llc-globe-card,
.llc-stat span {
    color: #d1d5db !important;
}

.llc-globe-card {
    background: rgba(255, 255, 255, 0.045) !important;
    border: 1px solid rgba(0, 217, 255, 0.28) !important;
}

.llc-stat strong {
    background: linear-gradient(90deg, #2D82FE, #00D9FF) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.llc-banner .btn-outline-primary {
    color: #ffffff !important;
    background: transparent !important;
    border: 1px solid rgba(0, 217, 255, 0.55) !important;
}

.llc-banner .btn-outline-primary:hover {
    color: #ffffff !important;
    background: linear-gradient(135deg, #2d82fe, #00d9ff) !important;
    border-color: transparent !important;
}

.about-agency-content {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
}

.about-agency-content:hover {
    background: #ffffff !important;
    border: 1px solid rgba(45, 130, 254, 0.22) !important;
    box-shadow: 0 16px 32px rgba(45, 130, 254, 0.08) !important;
}

.pr-card,
.pr-range-card,
.pr-factor,
.pr-table-wrap,
.pr-passthrough,
.tax-card,
.llc-card,
.llc-step,
.llc-price-card {
    background: #ffffff !important;
    border-color: #e5e7eb !important;
    color: #374151;
}

.pr-card.featured {
    background: linear-gradient(160deg, rgba(45, 130, 254, 0.08), #ffffff) !important;
    border-color: rgba(0, 217, 255, 0.45) !important;
}

.pr-card h3,
.pr-range-card h3,
.pr-factor h3,
.pr-table th,
.pr-table td:first-child,
.llc-card h3,
.tax-card h3 {
    color: #080C17 !important;
}

.pr-amount,
.llc-price,
.tax-amount {
    background: linear-gradient(90deg, #2D82FE, #00D9FF) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.pr-amount .pr-amount-suffix,
.pr-amount-note {
    color: #6b7280 !important;
    -webkit-text-fill-color: #6b7280 !important;
}

.cta-title,
.cta-subtitle,
.collaboration-cta-section h2,
.collaboration-cta-section h3,
.cta-section h2 {
    color: #080C17 !important;
}

.collaboration-cta-section,
.cta-section {
    background-color: #ffffff;
}

.scrolling-logos-section {
    background-color: #f7f9fc !important;
    border-color: #e5e7eb !important;
}

.newsletter-form input,
.footer-newsletter input {
    background: #ffffff !important;
    color: #080C17 !important;
    border-color: #d1d5db !important;
}

.newsletter-form button,
.newsletter-form button i {
    color: #ffffff !important;
}

.badge-text {
    color: #374151 !important;
}

.text-dark,
.text-medium,
.section-title,
p {
    text-shadow: none !important;
}

@media (max-width: 991.98px) {
    .navbar-collapse {
        background-color: #ffffff !important;
        border-bottom: 1px solid #e5e7eb !important;
        box-shadow: 0 12px 28px rgba(8, 12, 23, 0.08);
    }

    .navbar-nav > .nav-item:not(.nav-cta-cluster) {
        border-bottom-color: #e5e7eb !important;
    }
}

/* Beat leftover dark-theme "force white text" rules in style.css */
.section-badge {
    color: #2d82fe !important;
}

.section-title,
.page-title,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.card-title,
.accordion-button,
.faq-section .accordion-button,
.faq-section .accordion-button:not(.collapsed) {
    color: #080C17 !important;
}

.section-subtitle,
.hero-subtitle,
.page-subtitle,
p,
.accordion-body,
.faq-section .accordion-body,
.feature-item-modern p {
    color: #374151 !important;
}

.feature-item-modern h3,
.feature-item-modern h4 {
    color: #080C17 !important;
    -webkit-text-fill-color: #080C17 !important;
}

.feature-item-modern {
    background: #ffffff !important;
    border: 1px solid #e5e7eb !important;
}

.feature-item-modern:hover {
    background: #ffffff !important;
    border-color: rgba(45, 130, 254, 0.28) !important;
}

.stat-number,
.llc-stat strong,
.pr-amount,
.hero-title .cursor,
#animated-headline .cursor {
    background: linear-gradient(90deg, #2D82FE, #00D9FF) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

.brand-text,
.navbar-brand .brand-text,
.brand-lockup .brand-text {
    font-family: 'Exo 2', sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
    text-transform: uppercase !important;
    font-variant: normal !important;
    font-variant-caps: normal !important;
    color: #080C17 !important;
    background: none !important;
    -webkit-background-clip: unset !important;
    background-clip: unset !important;
    -webkit-text-fill-color: #080C17 !important;
}

.modern-footer .brand-text,
.modern-footer .footer-logo .brand-text {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    background: none !important;
}

.btn-primary,
.btn-primary .btn-text,
.btn-primary .btn-icon,
.btn-primary i,
.nav-btn-llc,
.nav-btn-llc span,
.nav-btn-llc i {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Restore contrast inside the two intentional dark bands */
.llc-banner,
.llc-banner p,
.llc-banner-lead,
.llc-banner-item,
.llc-stat span,
.llc-globe-card,
.llc-globe-card p {
    color: #d1d5db !important;
    -webkit-text-fill-color: #d1d5db !important;
}

.llc-banner h2,
.llc-banner h3,
.llc-globe-card h3 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.glass-effect-alt.bg-dark,
.glass-effect-alt.bg-dark p {
    color: #d1d5db !important;
    -webkit-text-fill-color: #d1d5db !important;
}

.glass-effect-alt.bg-dark h2,
.glass-effect-alt.bg-dark h3 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}