.theme-toggle {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
}

.theme-toggle-option {
    width: 46px;
    height: 38px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: rgba(255, 255, 255, 0.72);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

.theme-toggle-option svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    fill: none;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.theme-toggle-option.is-active {
    background: #ffffff;
    color: #141826;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.18);
}

.theme-toggle-option:focus-visible {
    outline: 2px solid rgba(233, 30, 99, 0.6);
    outline-offset: 2px;
}

html[data-site-theme='light'] body.premium-bg,
html[data-site-theme='light'] .home-page {
    background:
        radial-gradient(circle at top left, rgba(233, 30, 99, 0.12), transparent 24%),
        radial-gradient(circle at 100% 0, rgba(59, 130, 246, 0.08), transparent 22%),
        linear-gradient(180deg, #fffafc 0%, #ffffff 42%, #fff7fb 100%) !important;
    color: #1a1f2b !important;
}

html[data-site-theme='light'] body.premium-bg::before {
    background-image: radial-gradient(rgba(20, 24, 38, 0.035) 1px, transparent 1px);
}

html[data-site-theme='light'] body.premium-bg .section-title,
html[data-site-theme='light'] .service-hero,
html[data-site-theme='light'] .service-hero .hero-title,
html[data-site-theme='light'] .service-hero .stat-number,
html[data-site-theme='light'] .service-hero .hero-subtitle,
html[data-site-theme='light'] .service-hero .stat-label,
html[data-site-theme='light'] .bg-dark .section-title,
html[data-site-theme='light'] .bg-dark .section-subtitle,
html[data-site-theme='light'] .bg-dark .step-title,
html[data-site-theme='light'] .bg-dark .step-description,
html[data-site-theme='light'] .bg-dark.text-white,
html[data-site-theme='light'] .bg-dark .text-white {
    color: #141826 !important;
}

html[data-site-theme='light'] .websites-hero-copy h1,
html[data-site-theme='light'] .branding-hero-copy h1,
html[data-site-theme='light'] .designer-hero-copy h1,
html[data-site-theme='light'] .performance-hero-copy h1,
html[data-site-theme='light'] .audiovisual-hero-copy h1,
html[data-site-theme='light'] .google-business-hero-copy h1,
html[data-site-theme='light'] .social-hero-copy h1,
html[data-site-theme='light'] .service-page .service-hero .hero-title {
    color: #ffffff !important;
}

html[data-site-theme='light'] .websites-hero-copy p,
html[data-site-theme='light'] .branding-hero-copy p,
html[data-site-theme='light'] .designer-hero-copy p,
html[data-site-theme='light'] .performance-hero-copy p,
html[data-site-theme='light'] .audiovisual-hero-copy p,
html[data-site-theme='light'] .google-business-hero-copy p,
html[data-site-theme='light'] .social-hero-copy p,
html[data-site-theme='light'] .service-page .service-hero .hero-subtitle {
    color: rgba(244, 247, 252, 0.9) !important;
}

html[data-site-theme='light'] .websites-eyebrow,
html[data-site-theme='light'] .branding-eyebrow,
html[data-site-theme='light'] .designer-eyebrow,
html[data-site-theme='light'] .performance-eyebrow,
html[data-site-theme='light'] .audiovisual-eyebrow,
html[data-site-theme='light'] .google-business-eyebrow,
html[data-site-theme='light'] .social-eyebrow {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
    background: rgba(8, 12, 20, 0.26) !important;
}

html[data-site-theme='light'] .service-page .service-hero,
html[data-site-theme='light'] .service-page .service-hero .hero-title,
html[data-site-theme='light'] .service-page .service-hero .stat-number,
html[data-site-theme='light'] .service-page .service-hero .hero-subtitle,
html[data-site-theme='light'] .service-page .service-hero .stat-label {
    color: #ffffff !important;
}

html[data-site-theme='light'] .bg-dark {
    background:
        linear-gradient(180deg, rgba(233, 30, 99, 0.03), rgba(255, 255, 255, 0.72)),
        #fff7fb !important;
}

html[data-site-theme='light'] .home-page .hero-glow-left,
html[data-site-theme='light'] .branding-hero-glow-left,
html[data-site-theme='light'] .designer-glow-left,
html[data-site-theme='light'] .performance-glow-left,
html[data-site-theme='light'] .audiovisual-glow-left,
html[data-site-theme='light'] .websites-glow-left,
html[data-site-theme='light'] .google-business-glow-left {
    background: rgba(233, 30, 99, 0.16) !important;
}

html[data-site-theme='light'] .home-page .hero-glow-right,
html[data-site-theme='light'] .branding-hero-glow-right,
html[data-site-theme='light'] .designer-glow-right,
html[data-site-theme='light'] .performance-glow-right,
html[data-site-theme='light'] .audiovisual-glow-right,
html[data-site-theme='light'] .websites-glow-right,
html[data-site-theme='light'] .google-business-glow-right {
    background: rgba(59, 130, 246, 0.12) !important;
}

html[data-site-theme='light'] .section-eyebrow,
html[data-site-theme='light'] .branding-eyebrow,
html[data-site-theme='light'] .designer-eyebrow,
html[data-site-theme='light'] .performance-eyebrow,
html[data-site-theme='light'] .audiovisual-eyebrow,
html[data-site-theme='light'] .websites-eyebrow,
html[data-site-theme='light'] .google-business-eyebrow {
    border-color: rgba(233, 30, 99, 0.14) !important;
    background: rgba(233, 30, 99, 0.05) !important;
}

html[data-site-theme='light'] .hero-title,
html[data-site-theme='light'] .section-heading h2,
html[data-site-theme='light'] .closing-cta h2,
html[data-site-theme='light'] .diagnostic-copy h2,
html[data-site-theme='light'] .branding-hero-copy h1,
html[data-site-theme='light'] .branding-section-heading h2,
html[data-site-theme='light'] .branding-offer-copy h2,
html[data-site-theme='light'] .designer-hero-copy h1,
html[data-site-theme='light'] .designer-section-heading h2,
html[data-site-theme='light'] .designer-offer-copy h2,
html[data-site-theme='light'] .performance-hero-copy h1,
html[data-site-theme='light'] .performance-section-heading h2,
html[data-site-theme='light'] .performance-offer-copy h2,
html[data-site-theme='light'] .audiovisual-hero-copy h1,
html[data-site-theme='light'] .audiovisual-section-heading h2,
html[data-site-theme='light'] .audiovisual-cta-copy h2,
html[data-site-theme='light'] .websites-hero-copy h1,
html[data-site-theme='light'] .websites-section-heading h2,
html[data-site-theme='light'] .websites-cta-copy h2,
html[data-site-theme='light'] .google-business-hero-copy h1,
html[data-site-theme='light'] .google-business-section-heading h2,
html[data-site-theme='light'] .google-business-offer-copy h2 {
    color: #141826 !important;
}

html[data-site-theme='light'] .hero-subtitle,
html[data-site-theme='light'] .section-heading p,
html[data-site-theme='light'] .closing-cta p,
html[data-site-theme='light'] .diagnostic-copy p,
html[data-site-theme='light'] .hero-support,
html[data-site-theme='light'] .problem-card p,
html[data-site-theme='light'] .solution-card p,
html[data-site-theme='light'] .project-card p,
html[data-site-theme='light'] .authority-card p,
html[data-site-theme='light'] .testimonial-author span,
html[data-site-theme='light'] .project-category,
html[data-site-theme='light'] .solution-badge,
html[data-site-theme='light'] .solution-link,
html[data-site-theme='light'] .branding-hero-copy p,
html[data-site-theme='light'] .branding-section-heading p,
html[data-site-theme='light'] .branding-offer-copy p,
html[data-site-theme='light'] .branding-process-card p,
html[data-site-theme='light'] .branding-card p,
html[data-site-theme='light'] .branding-timeline-card p,
html[data-site-theme='light'] .branding-deliverables-card strong,
html[data-site-theme='light'] .branding-checklist li,
html[data-site-theme='light'] .branding-proof-item span,
html[data-site-theme='light'] .branding-gallery-copy small,
html[data-site-theme='light'] .designer-hero-copy p,
html[data-site-theme='light'] .designer-section-heading p,
html[data-site-theme='light'] .designer-offer-copy p,
html[data-site-theme='light'] .designer-card p,
html[data-site-theme='light'] .designer-package-card p,
html[data-site-theme='light'] .designer-process-card p,
html[data-site-theme='light'] .designer-adjustment-card p,
html[data-site-theme='light'] .designer-proof-item span,
html[data-site-theme='light'] .performance-hero-copy p,
html[data-site-theme='light'] .performance-section-heading p,
html[data-site-theme='light'] .performance-offer-copy p,
html[data-site-theme='light'] .performance-card p,
html[data-site-theme='light'] .performance-timeline-card p,
html[data-site-theme='light'] .performance-summary-card strong,
html[data-site-theme='light'] .performance-checklist li,
html[data-site-theme='light'] .performance-proof-item span,
html[data-site-theme='light'] .audiovisual-hero-copy p,
html[data-site-theme='light'] .audiovisual-section-heading p,
html[data-site-theme='light'] .audiovisual-card p,
html[data-site-theme='light'] .audiovisual-offer-card p,
html[data-site-theme='light'] .audiovisual-process-card p,
html[data-site-theme='light'] .audiovisual-plan-card p,
html[data-site-theme='light'] .audiovisual-cta-copy p,
html[data-site-theme='light'] .audiovisual-proof-item span,
html[data-site-theme='light'] .audiovisual-offer-card small,
html[data-site-theme='light'] .audiovisual-plan-price span,
html[data-site-theme='light'] .audiovisual-plan-list li,
html[data-site-theme='light'] .websites-hero-copy p,
html[data-site-theme='light'] .websites-section-heading p,
html[data-site-theme='light'] .websites-card p,
html[data-site-theme='light'] .websites-offer-card p,
html[data-site-theme='light'] .websites-process-card p,
html[data-site-theme='light'] .websites-plan-card p,
html[data-site-theme='light'] .websites-cta-copy p,
html[data-site-theme='light'] .websites-proof-item span,
html[data-site-theme='light'] .google-business-hero-copy p,
html[data-site-theme='light'] .google-business-section-heading p,
html[data-site-theme='light'] .google-business-card p,
html[data-site-theme='light'] .google-business-process-card p,
html[data-site-theme='light'] .google-business-plan-card p,
html[data-site-theme='light'] .google-business-offer-copy p,
html[data-site-theme='light'] .google-business-proof-item span,
html[data-site-theme='light'] .google-business-search-card p,
html[data-site-theme='light'] .google-business-plan-head small {
    color: #5f6678 !important;
}

html[data-site-theme='light'] .websites-hero-copy h1,
html[data-site-theme='light'] .branding-hero-copy h1,
html[data-site-theme='light'] .designer-hero-copy h1,
html[data-site-theme='light'] .performance-hero-copy h1,
html[data-site-theme='light'] .audiovisual-hero-copy h1,
html[data-site-theme='light'] .google-business-hero-copy h1,
html[data-site-theme='light'] .social-hero-copy h1,
html[data-site-theme='light'] .service-page .service-hero .hero-title {
    color: #ffffff !important;
}

html[data-site-theme='light'] .websites-hero-copy p,
html[data-site-theme='light'] .branding-hero-copy p,
html[data-site-theme='light'] .designer-hero-copy p,
html[data-site-theme='light'] .performance-hero-copy p,
html[data-site-theme='light'] .audiovisual-hero-copy p,
html[data-site-theme='light'] .google-business-hero-copy p,
html[data-site-theme='light'] .social-hero-copy p,
html[data-site-theme='light'] .service-page .service-hero .hero-subtitle {
    color: rgba(244, 247, 252, 0.9) !important;
}

html[data-site-theme='light'] .problem-card,
html[data-site-theme='light'] .solution-card,
html[data-site-theme='light'] .project-card,
html[data-site-theme='light'] .testimonial-card,
html[data-site-theme='light'] .authority-card,
html[data-site-theme='light'] .closing-cta,
html[data-site-theme='light'] .diagnostic-panel,
html[data-site-theme='light'] .branding-proof-item,
html[data-site-theme='light'] .branding-card,
html[data-site-theme='light'] .branding-process-card,
html[data-site-theme='light'] .branding-timeline-card,
html[data-site-theme='light'] .branding-deliverables-card,
html[data-site-theme='light'] .branding-offer-panel,
html[data-site-theme='light'] .branding-gallery-card,
html[data-site-theme='light'] .designer-proof-item,
html[data-site-theme='light'] .designer-card,
html[data-site-theme='light'] .designer-package-card,
html[data-site-theme='light'] .designer-process-card,
html[data-site-theme='light'] .designer-offer-panel,
html[data-site-theme='light'] .designer-adjustment-card,
html[data-site-theme='light'] .designer-plan-card,
html[data-site-theme='light'] .performance-proof-item,
html[data-site-theme='light'] .performance-card,
html[data-site-theme='light'] .performance-timeline-card,
html[data-site-theme='light'] .performance-summary-card,
html[data-site-theme='light'] .performance-offer-panel,
html[data-site-theme='light'] .performance-pricing-card,
html[data-site-theme='light'] .audiovisual-proof-item,
html[data-site-theme='light'] .audiovisual-card,
html[data-site-theme='light'] .audiovisual-offer-card,
html[data-site-theme='light'] .audiovisual-process-card,
html[data-site-theme='light'] .audiovisual-plan-card,
html[data-site-theme='light'] .audiovisual-cta-panel,
html[data-site-theme='light'] .websites-proof-item,
html[data-site-theme='light'] .websites-card,
html[data-site-theme='light'] .websites-offer-card,
html[data-site-theme='light'] .websites-process-card,
html[data-site-theme='light'] .websites-plan-card,
html[data-site-theme='light'] .websites-cta-panel,
html[data-site-theme='light'] .google-business-proof-item,
html[data-site-theme='light'] .google-business-card,
html[data-site-theme='light'] .google-business-process-card,
html[data-site-theme='light'] .google-business-plan-card,
html[data-site-theme='light'] .google-business-offer-panel,
html[data-site-theme='light'] .google-business-visual-card,
html[data-site-theme='light'] .google-business-mini-card {
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: rgba(20, 24, 38, 0.08) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.7),
        0 20px 44px rgba(21, 28, 48, 0.08) !important;
}

html[data-site-theme='light'] .problem-card h3,
html[data-site-theme='light'] .solution-card h3,
html[data-site-theme='light'] .project-card h3,
html[data-site-theme='light'] .authority-card strong,
html[data-site-theme='light'] .testimonial-author strong,
html[data-site-theme='light'] .testimonial-quote,
html[data-site-theme='light'] .method-content h3,
html[data-site-theme='light'] .visual-card strong,
html[data-site-theme='light'] .branding-card h3,
html[data-site-theme='light'] .branding-process-card h3,
html[data-site-theme='light'] .branding-timeline-card h3,
html[data-site-theme='light'] .branding-gallery-copy strong,
html[data-site-theme='light'] .designer-card h3,
html[data-site-theme='light'] .designer-process-card h3,
html[data-site-theme='light'] .designer-adjustment-card strong,
html[data-site-theme='light'] .designer-package-card strong,
html[data-site-theme='light'] .designer-plan-head h3,
html[data-site-theme='light'] .performance-card h3,
html[data-site-theme='light'] .performance-timeline-card h3,
html[data-site-theme='light'] .performance-pricing-name,
html[data-site-theme='light'] .performance-pricing-price,
html[data-site-theme='light'] .performance-pricing-value,
html[data-site-theme='light'] .performance-pricing-currency,
html[data-site-theme='light'] .audiovisual-card h3,
html[data-site-theme='light'] .audiovisual-offer-card h3,
html[data-site-theme='light'] .audiovisual-process-card h3,
html[data-site-theme='light'] .audiovisual-plan-card h3,
html[data-site-theme='light'] .audiovisual-offer-card strong,
html[data-site-theme='light'] .audiovisual-plan-price strong,
html[data-site-theme='light'] .websites-card h3,
html[data-site-theme='light'] .websites-process-card h3,
html[data-site-theme='light'] .websites-plan-card h3,
html[data-site-theme='light'] .google-business-card h3,
html[data-site-theme='light'] .google-business-process-card h3,
html[data-site-theme='light'] .google-business-plan-card h3,
html[data-site-theme='light'] .google-business-search-card strong,
html[data-site-theme='light'] .google-business-mini-card strong {
    color: #141826 !important;
}

html[data-site-theme='light'] #solucoes .solution-card {
    background:
        linear-gradient(180deg, rgba(3, 7, 14, 0.18) 0%, rgba(3, 7, 14, 0.38) 34%, rgba(3, 7, 14, 0.8) 68%, rgba(3, 7, 14, 0.94) 100%) !important;
    border-color: rgba(var(--solution-accent-rgb), 0.7) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        inset 0 0 0 1px rgba(255, 255, 255, 0.02),
        0 0 0 1px rgba(var(--solution-accent-rgb), 0.22),
        0 18px 48px rgba(0, 0, 0, 0.28),
        0 0 32px rgba(var(--solution-accent-rgb), 0.16) !important;
}

html[data-site-theme='light'] #solucoes .solution-card:hover {
    border-color: rgba(var(--solution-accent-rgb), 0.95) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        inset 0 0 0 1px rgba(255, 255, 255, 0.02),
        0 0 0 1px rgba(var(--solution-accent-rgb), 0.28),
        0 26px 58px rgba(0, 0, 0, 0.34),
        0 0 42px rgba(var(--solution-accent-rgb), 0.22) !important;
}

html[data-site-theme='light'] #solucoes .solution-card h3 {
    color: #ffffff !important;
}

html[data-site-theme='light'] #solucoes .solution-card p {
    color: rgba(234, 238, 245, 0.9) !important;
}

html[data-site-theme='light'] #solucoes .solution-badge {
    color: rgba(255, 255, 255, 0.84) !important;
}

html[data-site-theme='light'] #solucoes .solution-link {
    color: rgba(255, 255, 255, 0.96) !important;
}

html[data-site-theme='light'] .method-content p,
html[data-site-theme='light'] .contact-points a {
    color: #5f6678 !important;
}

html[data-site-theme='light'] .branding-proof-item strong,
html[data-site-theme='light'] .branding-carousel-status strong,
html[data-site-theme='light'] .designer-proof-item strong,
html[data-site-theme='light'] .performance-proof-item strong,
html[data-site-theme='light'] .audiovisual-proof-item strong,
html[data-site-theme='light'] .websites-proof-item strong,
html[data-site-theme='light'] .google-business-proof-item strong {
    color: #141826 !important;
}

html[data-site-theme='light'] .performance-pricing-tier {
    background: rgba(20, 24, 38, 0.05) !important;
    color: #6a7286 !important;
}

html[data-site-theme='light'] .performance-pricing-period,
html[data-site-theme='light'] .performance-pricing-description,
html[data-site-theme='light'] .performance-pricing-meta span,
html[data-site-theme='light'] .performance-pricing-features li,
html[data-site-theme='light'] .performance-offer-copy small {
    color: #5f6678 !important;
}

html[data-site-theme='light'] .performance-pricing-card.is-featured {
    background:
        linear-gradient(145deg, rgba(233, 30, 99, 0.1), rgba(255, 255, 255, 0.94)),
        rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(233, 30, 99, 0.24) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 22px 48px rgba(233, 30, 99, 0.1) !important;
}

html[data-site-theme='light'] .audiovisual-plan-card.is-featured {
    background:
        linear-gradient(145deg, rgba(233, 30, 99, 0.1), rgba(255, 255, 255, 0.94)),
        rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(233, 30, 99, 0.24) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 22px 48px rgba(233, 30, 99, 0.1) !important;
}

html[data-site-theme='light'] .performance-pricing-card .btn-secondary {
    background: #141826 !important;
    border-color: #141826 !important;
    color: #ffffff !important;
}

html[data-site-theme='light'] .performance-pricing-card .btn-secondary:hover {
    background: #0d111b !important;
    border-color: #0d111b !important;
}

html[data-site-theme='light'] .logo-strip-item,
html[data-site-theme='light'] .logo-strip-empty,
html[data-site-theme='light'] .logo-strip > span,
html[data-site-theme='light'] .method-content,
html[data-site-theme='light'] .visual-card,
html[data-site-theme='light'] .project-placeholder,
html[data-site-theme='light'] .faq-item,
html[data-site-theme='light'] .branding-page .faq-item,
html[data-site-theme='light'] .audiovisual-page .faq-item,
html[data-site-theme='light'] .google-business-page .faq-item,
html[data-site-theme='light'] .social-media-page .faq-item {
    background: rgba(255, 255, 255, 0.94) !important;
    border-color: rgba(20, 24, 38, 0.08) !important;
    box-shadow: 0 18px 40px rgba(21, 28, 48, 0.08) !important;
}

html[data-site-theme='light'] .logo-strip-logo {
    filter: brightness(0) !important;
    opacity: 0.84;
}

html[data-site-theme='light'] .faq-question,
html[data-site-theme='light'] .branding-page .faq-question,
html[data-site-theme='light'] .audiovisual-page .faq-question,
html[data-site-theme='light'] .google-business-page .faq-question {
    color: #141826 !important;
}

html[data-site-theme='light'] .faq-answer p,
html[data-site-theme='light'] .branding-page .faq-answer p,
html[data-site-theme='light'] .audiovisual-page .faq-answer p,
html[data-site-theme='light'] .google-business-page .faq-answer p {
    color: #5f6678 !important;
}

html[data-site-theme='light'] .visual-frame,
html[data-site-theme='light'] .branding-showcase-card,
html[data-site-theme='light'] .designer-showcase-card,
html[data-site-theme='light'] .performance-showcase-card,
html[data-site-theme='light'] .websites-showcase-card,
html[data-site-theme='light'] .google-business-visual-card {
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(20, 24, 38, 0.08) !important;
    box-shadow: 0 30px 70px rgba(21, 28, 48, 0.12) !important;
}

html[data-site-theme='light'] .floating-note,
html[data-site-theme='light'] .branding-floating-card,
html[data-site-theme='light'] .designer-floating-card,
html[data-site-theme='light'] .performance-floating-card,
html[data-site-theme='light'] .websites-floating-note,
html[data-site-theme='light'] .google-business-floating-card {
    background:
        linear-gradient(145deg, rgba(233, 30, 99, 0.1), rgba(255, 255, 255, 0.92)),
        rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(233, 30, 99, 0.16) !important;
    box-shadow: 0 26px 50px rgba(21, 28, 48, 0.12) !important;
}

html[data-site-theme='light'] .floating-note strong,
html[data-site-theme='light'] .branding-floating-card strong,
html[data-site-theme='light'] .designer-floating-card strong,
html[data-site-theme='light'] .performance-floating-card strong,
html[data-site-theme='light'] .websites-floating-note strong,
html[data-site-theme='light'] .google-business-floating-card strong {
    color: #141826 !important;
}

html[data-site-theme='light'] .branding-gallery-category {
    background: rgba(233, 30, 99, 0.1) !important;
    color: #d81b60 !important;
}

html[data-site-theme='light'] .branding-carousel-status span {
    color: #d81b60 !important;
}

html[data-site-theme='light'] .branding-carousel-dot {
    background: rgba(20, 24, 38, 0.16) !important;
}

html[data-site-theme='light'] .branding-gallery-card:hover {
    border-color: rgba(233, 30, 99, 0.18) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.7),
        0 26px 52px rgba(21, 28, 48, 0.12) !important;
}

html[data-site-theme='light'] .branding-logo-marquee {
    --branding-marquee-fade: #fffafc;
}

html[data-site-theme='light'] .branding-logo-pill {
    background: rgba(255, 255, 255, 0.9) !important;
    border-color: rgba(20, 24, 38, 0.08) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        0 16px 34px rgba(21, 28, 48, 0.08) !important;
}

html[data-site-theme='light'] .branding-logo-pill img {
    filter: grayscale(1) brightness(0.82) !important;
    opacity: 0.92 !important;
}

html[data-site-theme='light'] .branding-logo-pill:hover img {
    filter: grayscale(0) brightness(1) !important;
    opacity: 1 !important;
}

html[data-site-theme='light'] .visual-chip,
html[data-site-theme='light'] .hero-tags span {
    background: rgba(20, 24, 38, 0.04) !important;
    border-color: rgba(20, 24, 38, 0.08) !important;
    color: #5f6678 !important;
}

html[data-site-theme='light'] .home-page .btn-secondary,
html[data-site-theme='light'] .home-page .btn-outline {
    background: rgba(255, 255, 255, 0.78) !important;
    color: #141826 !important;
    border-color: rgba(20, 24, 38, 0.12) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.85),
        0 12px 24px rgba(21, 28, 48, 0.08) !important;
}

html[data-site-theme='light'] .home-page .btn-secondary:hover,
html[data-site-theme='light'] .home-page .btn-outline:hover {
    background: #ffffff !important;
    border-color: rgba(20, 24, 38, 0.18) !important;
    color: #0f1420 !important;
}

html[data-site-theme='light'] .visual-sidebar {
    background: rgba(20, 24, 38, 0.02) !important;
    border-color: rgba(20, 24, 38, 0.06) !important;
}

html[data-site-theme='light'] .project-media,
html[data-site-theme='light'] .project-placeholder {
    background:
        linear-gradient(135deg, rgba(233, 30, 99, 0.14), rgba(59, 130, 246, 0.08)),
        rgba(255, 255, 255, 0.96) !important;
}

html[data-site-theme='light'] .websites-section-alt,
html[data-site-theme='light'] .branding-section-alt,
html[data-site-theme='light'] .designer-section-alt,
html[data-site-theme='light'] .performance-section-alt,
html[data-site-theme='light'] .google-business-section-alt {
    background:
        linear-gradient(180deg, rgba(233, 30, 99, 0.03), rgba(255, 255, 255, 0.7)),
        #fff7fb !important;
}

html[data-site-theme='light'] .designer-plan-card.is-featured,
html[data-site-theme='light'] .websites-plan-card.is-featured,
html[data-site-theme='light'] .google-business-plan-card.is-featured {
    background:
        linear-gradient(160deg, rgba(233, 30, 99, 0.12), rgba(255, 255, 255, 0.94)),
        rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(233, 30, 99, 0.24) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.8),
        0 22px 48px rgba(233, 30, 99, 0.1) !important;
}

html[data-site-theme='light'] .designer-plan-card h3 {
    color: #141826 !important;
}

html[data-site-theme='light'] .designer-plan-card strong,
html[data-site-theme='light'] .websites-plan-card strong,
html[data-site-theme='light'] .google-business-plan-head strong {
    color: #141826 !important;
}

html[data-site-theme='light'] .designer-plan-badge {
    background: rgba(20, 24, 38, 0.05) !important;
    color: #6a7286 !important;
}

html[data-site-theme='light'] .designer-plan-card.is-featured .designer-plan-badge {
    background: rgba(233, 30, 99, 0.16) !important;
    color: #c2185b !important;
}

html[data-site-theme='light'] .designer-plan-card p,
html[data-site-theme='light'] .designer-plan-price span,
html[data-site-theme='light'] .designer-plan-card li,
html[data-site-theme='light'] .websites-plan-card li,
html[data-site-theme='light'] .google-business-plan-list li,
html[data-site-theme='light'] .performance-checklist li,
html[data-site-theme='light'] .branding-checklist li {
    color: #4f5669 !important;
}

html[data-site-theme='light'] .designer-plan-top {
    gap: 14px !important;
}

html[data-site-theme='light'] .designer-plan-price {
    border-top-color: rgba(20, 24, 38, 0.08) !important;
    border-bottom-color: rgba(20, 24, 38, 0.08) !important;
}

html[data-site-theme='light'] .designer-plan-card .btn-secondary {
    background: #141826 !important;
    border-color: #141826 !important;
    color: #ffffff !important;
}

html[data-site-theme='light'] .designer-plan-card .btn-secondary:hover {
    background: #0d111b !important;
    border-color: #0d111b !important;
}

html[data-site-theme='dark'] .social-media-page {
    background:
        radial-gradient(circle at top left, rgba(233, 30, 99, 0.16), transparent 28%),
        radial-gradient(circle at 100% 0, rgba(59, 130, 246, 0.12), transparent 24%),
        linear-gradient(180deg, #05070c 0%, #080b11 48%, #05070c 100%) !important;
    color: var(--tg-text) !important;
}

html[data-site-theme='dark'] .social-glow-left {
    background: rgba(233, 30, 99, 0.34) !important;
}

html[data-site-theme='dark'] .social-glow-right {
    background: rgba(59, 130, 246, 0.22) !important;
}

html[data-site-theme='dark'] .social-eyebrow {
    border-color: rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.03) !important;
}

html[data-site-theme='dark'] .social-hero-copy h1,
html[data-site-theme='dark'] .social-section-heading h2,
html[data-site-theme='dark'] .social-offer-copy h2,
html[data-site-theme='dark'] .social-proof-item strong,
html[data-site-theme='dark'] .social-card h3,
html[data-site-theme='dark'] .social-process-card h3,
html[data-site-theme='dark'] .social-plan-card h3,
html[data-site-theme='dark'] .social-plan-head strong,
html[data-site-theme='dark'] .social-floating-card strong,
html[data-site-theme='dark'] .social-step-number,
html[data-site-theme='dark'] .social-media-page .faq-question {
    color: #ffffff !important;
}

html[data-site-theme='dark'] .social-hero-copy p,
html[data-site-theme='dark'] .social-section-heading p,
html[data-site-theme='dark'] .social-card p,
html[data-site-theme='dark'] .social-process-card p,
html[data-site-theme='dark'] .social-plan-card p,
html[data-site-theme='dark'] .social-offer-copy p,
html[data-site-theme='dark'] .social-proof-item span,
html[data-site-theme='dark'] .social-plan-head small,
html[data-site-theme='dark'] .social-plan-list li,
html[data-site-theme='dark'] .social-media-page .faq-answer p {
    color: var(--tg-muted) !important;
}

html[data-site-theme='dark'] .social-proof-item,
html[data-site-theme='dark'] .social-card,
html[data-site-theme='dark'] .social-process-card,
html[data-site-theme='dark'] .social-plan-card,
html[data-site-theme='dark'] .social-offer-panel,
html[data-site-theme='dark'] .social-media-page .faq-item {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.05),
        0 20px 44px rgba(0, 0, 0, 0.24) !important;
}

html[data-site-theme='dark'] .social-showcase-card {
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 34px 70px rgba(0, 0, 0, 0.34) !important;
    background: rgba(255, 255, 255, 0.03) !important;
}

html[data-site-theme='dark'] .social-floating-card {
    background: rgba(7, 9, 14, 0.88) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 26px 50px rgba(0, 0, 0, 0.35) !important;
}

html[data-site-theme='dark'] .social-section-alt {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.01), rgba(255, 255, 255, 0.03)) !important;
}

html[data-site-theme='dark'] .social-plan-card.is-featured,
html[data-site-theme='dark'] .social-media-page .faq-item.is-open {
    background:
        linear-gradient(160deg, rgba(233, 30, 99, 0.14), rgba(255, 255, 255, 0.04)),
        rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(233, 30, 99, 0.22) !important;
}

@media (max-width: 980px) {
    .theme-toggle {
        margin-left: auto;
    }

    .theme-toggle-option {
        width: 42px;
        height: 36px;
    }
}

html[data-site-theme='light'] .briefing-page {
    background:
        radial-gradient(circle at top left, rgba(233, 30, 99, 0.12), transparent 24%),
        radial-gradient(circle at 100% 0, rgba(59, 130, 246, 0.08), transparent 22%),
        linear-gradient(180deg, #fffafc 0%, #ffffff 42%, #fff7fb 100%) !important;
    color: #141826 !important;
}

html[data-site-theme='light'] .briefing-hero h1,
html[data-site-theme='light'] .briefing-section-heading h2,
html[data-site-theme='light'] .briefing-field span {
    color: #141826 !important;
}

html[data-site-theme='light'] .briefing-hero p,
html[data-site-theme='light'] .briefing-section-heading p,
html[data-site-theme='light'] .briefing-option span {
    color: #5f6678 !important;
}

html[data-site-theme='light'] .briefing-meta-card,
html[data-site-theme='light'] .briefing-form-card {
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: rgba(20, 24, 38, 0.08) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.7),
        0 20px 44px rgba(21, 28, 48, 0.08) !important;
}

html[data-site-theme='light'] .briefing-field input,
html[data-site-theme='light'] .briefing-field textarea,
html[data-site-theme='light'] .briefing-options {
    background: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(20, 24, 38, 0.08) !important;
    color: #141826 !important;
}