html.boring-mode {
    color-scheme: dark;
}

.boring-mode-toggle {
    align-items: center;
    background: rgba(15, 17, 19, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 999px;
    color: #f4f4f5;
    cursor: pointer;
    display: inline-flex;
    gap: 0.55rem;
    min-height: 2.75rem;
    padding: 0.42rem 0.5rem 0.42rem 0.8rem;
    position: fixed;
    right: 10.25rem;
    top: 1.15rem;
    z-index: 1003;
}

.boring-mode-toggle:focus-visible {
    outline: 2px solid #c4ef17;
    outline-offset: 3px;
}

.boring-mode-toggle__label {
    font-size: 0.68rem;
    font-weight: 900;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
}

.boring-mode-toggle__track {
    background: #2d3339;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 999px;
    display: inline-flex;
    height: 1.55rem;
    padding: 0.16rem;
    width: 2.9rem;
}

.boring-mode-toggle__thumb {
    background: #c4ef17;
    border-radius: 999px;
    display: block;
    height: 1.1rem;
    transform: translateX(0);
    transition: transform 180ms ease, background-color 180ms ease;
    width: 1.1rem;
}

.boring-mode-toggle.is-active {
    background: #20252a;
    border-color: rgba(196, 239, 23, 0.46);
}

.boring-mode-toggle.is-active .boring-mode-toggle__thumb {
    background: #f4f4f5;
    transform: translateX(1.32rem);
}

html.boring-mode *,
html.boring-mode *::before,
html.boring-mode *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 1ms !important;
}

html.boring-mode body {
    background: #111315 !important;
    color: #e5e7eb !important;
}

html.boring-mode .bg-video,
html.boring-mode .hero-video-toggle,
html.boring-mode .laraweb-parallax-bg,
html.boring-mode .laraweb-parallax-glow,
html.boring-mode .speech-block-blue::before,
html.boring-mode .speech-block-blue::after {
    display: none !important;
}

html.boring-mode .hero-video--home,
html.boring-mode .banner-bg-image,
html.boring-mode .news-index-hero,
html.boring-mode .service-hero,
html.boring-mode .contact-hero {
    background-color: #111315 !important;
    background-image: linear-gradient(180deg, #16191c 0%, #101214 100%) !important;
}

html.boring-mode .banner-bg-image img,
html.boring-mode .portfolio-case-hero img,
html.boring-mode .news-list-card-img {
    filter: grayscale(1) brightness(0.72) contrast(0.95) !important;
}

html.boring-mode .hero-title,
html.boring-mode .md-hero-title,
html.boring-mode .sml-hero-title,
html.boring-mode .ftc-heading-1,
html.boring-mode .text-ghost,
html.boring-mode .hero-start-title,
html.boring-mode .footer-start-title {
    letter-spacing: 0 !important;
    text-shadow: none !important;
}

html.boring-mode .text-ghost,
html.boring-mode .has-color-white,
html.boring-mode .hero-title,
html.boring-mode .md-hero-title,
html.boring-mode .ftc-heading-1 {
    color: #f4f4f5 !important;
}

html.boring-mode .span-color,
html.boring-mode .text-green,
html.boring-mode .news-filter-kicker,
html.boring-mode .footer-start-kicker {
    color: #cbd5e1 !important;
}

html.boring-mode .bg-green,
html.boring-mode .bg-blue,
html.boring-mode .ftc-text-slide-1-area,
html.boring-mode .ftc-text-slide-2-area,
html.boring-mode .web-design-ai-section,
html.boring-mode .web-design-final-cta {
    background: #15191d !important;
    border-color: #2b3137 !important;
    color: #e5e7eb !important;
}

html.boring-mode .ftc-text-slide-1-wrap,
html.boring-mode .ftc-text-slide-2-wrap {
    animation: none !important;
    flex-wrap: wrap;
    transform: none !important;
    width: auto;
}

html.boring-mode .ftc-text-slide-1-item,
html.boring-mode .ftc-text-slide-2-item {
    color: #e5e7eb !important;
    font-size: clamp(1.4rem, 4vw, 3rem) !important;
    letter-spacing: 0 !important;
}

html.boring-mode .card,
html.boring-mode .news-list-card.card,
html.boring-mode .news-filter-card,
html.boring-mode .service-area-card,
html.boring-mode .portfolio-card,
html.boring-mode .laraweb-offer,
html.boring-mode .ftc-footer-lead-card {
    background: #171a1d !important;
    border-color: #30363d !important;
    box-shadow: none !important;
}

html.boring-mode .btn,
html.boring-mode .ftc-btn-1,
html.boring-mode .hero-primary-cta,
html.boring-mode .laraweb-cta-button,
html.boring-mode .web-design-action-primary,
html.boring-mode .news-filter-link.is-active,
html.boring-mode .news-list-card-tag {
    background: #252a30 !important;
    border-color: #58606a !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    color: #f4f4f5 !important;
    text-shadow: none !important;
}

html.boring-mode .btn:hover,
html.boring-mode .btn:focus,
html.boring-mode .ftc-btn-1:hover,
html.boring-mode .ftc-btn-1:focus-visible,
html.boring-mode .hero-primary-cta:hover,
html.boring-mode .hero-primary-cta:focus-visible,
html.boring-mode .laraweb-cta-button:hover,
html.boring-mode .laraweb-cta-button:focus-visible {
    background: #303740 !important;
    border-color: #8b949e !important;
    color: #ffffff !important;
    transform: none !important;
}

html.boring-mode .hero-direct-link,
html.boring-mode .contact-direct-link,
html.boring-mode .news-filter-link {
    background: #161a1e !important;
    border-color: #30363d !important;
    color: #e5e7eb !important;
}

html.boring-mode body .footer-start-cta {
    background: #151719 !important;
    border-color: #30363d !important;
    box-shadow: none !important;
}

html.boring-mode body .footer-start-cta::before,
html.boring-mode body .footer-start-cta::after {
    display: none !important;
}

html.boring-mode body .footer-start-title {
    display: block !important;
    max-width: 42rem !important;
}

html.boring-mode body .footer-start-title span {
    background: transparent !important;
    box-shadow: none !important;
    color: #f4f4f5 !important;
    display: inline !important;
    padding: 0 !important;
    text-shadow: none !important;
    transform: none !important;
}

html.boring-mode body .footer-start-title span + span::before {
    color: #8b949e;
    content: " / ";
}

html.boring-mode body .footer-start-cta .ftc-footer-cta {
    background: #252a30 !important;
    border-color: #58606a !important;
    box-shadow: none !important;
    color: #f4f4f5 !important;
}

html.boring-mode body .footer-start-cta .ftc-footer-cta:hover,
html.boring-mode body .footer-start-cta .ftc-footer-cta:focus-visible {
    background: #303740 !important;
    border-color: #8b949e !important;
    color: #ffffff !important;
    transform: none !important;
}

@media (max-width: 767.98px) {
    .boring-mode-toggle {
        right: 5.25rem;
        top: 0.85rem;
    }

    .boring-mode-toggle__label {
        display: none;
    }
}