body.body--site-fx {
    --navy: #f2f4fa;
    --text: #eef1f8;
    --text-muted: #c4cad9;
    --bg: #05060a;
    --surface: rgba(16, 18, 28, 0.92);
    --surface-raised: #141824;
    --border: rgba(255, 255, 255, 0.12);
    --border-strong: rgba(124, 92, 255, 0.45);
    --blue-light: rgba(2, 127, 246, 0.14);
    --green-light: rgba(34, 197, 94, 0.12);
    --error-light: rgba(220, 38, 38, 0.18);
    --blue-glow: rgba(124, 92, 255, 0.22);
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
    --shadow: 0 12px 40px rgba(0, 0, 0, 0.45);
    --shadow-lg: 0 20px 56px rgba(0, 0, 0, 0.55);
    background: var(--bg);
    color: var(--text);
}

body.body--site-fx > .site-fx-scrim {
    position: fixed;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(5, 6, 10, 0.35) 0%, rgba(5, 6, 10, 0.72) 55%, rgba(5, 6, 10, 0.82) 100%);
}

body.body--site-fx > .site-header {
    z-index: 300;
}

body.body--site-fx > main,
body.body--site-fx > section,
body.body--site-fx > footer {
    position: relative;
    z-index: 1;
}

body.body--site-fx > .consent-banner {
    z-index: 1200;
}

body.body--site-fx .hero--fx {
    z-index: 1;
}

body.body--site-fx a:not(.btn-primary):not(.btn-secondary):not(.tool-grid__card):not(.nav-tools__link):not(.logo) {
    color: #8ecaff;
}

body.body--site-fx a:not(.btn-primary):not(.btn-secondary):hover {
    color: #b8deff;
}

body.body--site-fx .site-header {
    background: rgba(5, 6, 10, 0.82);
    border-bottom-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.35);
}

body.body--site-fx .logo {
    color: var(--navy);
}

body.body--site-fx .site-nav__link,
body.body--site-fx .site-nav a {
    color: #d8deea;
}

body.body--site-fx .site-nav__link:hover,
body.body--site-fx .site-nav a:hover {
    color: #fff;
    background: rgba(124, 92, 255, 0.18);
}

body.body--site-fx .nav-tools__btn {
    color: #d8deea;
}

body.body--site-fx .nav-tools__btn:hover,
body.body--site-fx .nav-tools.is-open .nav-tools__btn {
    color: #fff;
    background: rgba(124, 92, 255, 0.18);
}

body.body--site-fx .lang-switcher__btn,
body.body--site-fx .nav-toggle {
    background: var(--surface-raised);
    border-color: var(--border);
    color: var(--navy);
}

body.body--site-fx .lang-switcher__btn:hover,
body.body--site-fx .lang-switcher.is-open .lang-switcher__btn {
    background: rgba(2, 127, 246, 0.16);
    border-color: rgba(124, 92, 255, 0.35);
}

body.body--site-fx .nav-toggle__lines span {
    background: var(--navy);
}

body.body--site-fx .nav-tools__panel,
body.body--site-fx .lang-switcher__menu {
    scrollbar-color: rgba(142, 202, 255, 0.55) transparent;
}

body.body--site-fx .nav-tools__panel::-webkit-scrollbar-thumb,
body.body--site-fx .lang-switcher__menu::-webkit-scrollbar-thumb {
    background: rgba(142, 202, 255, 0.4);
    border-color: transparent;
}

body.body--site-fx .nav-tools__panel::-webkit-scrollbar-thumb:hover,
body.body--site-fx .lang-switcher__menu::-webkit-scrollbar-thumb:hover {
    background: #8ecaff;
}

body.body--site-fx .lang-switcher__menu,
body.body--site-fx .nav-tools__panel,
body.body--site-fx .pwa-ios-hint__panel {
    background: var(--surface-raised);
    border-color: var(--border);
    box-shadow: var(--shadow-lg);
}

body.body--site-fx .lang-switcher__option,
body.body--site-fx .nav-tools__link {
    color: var(--text);
}

body.body--site-fx .lang-switcher__option:hover,
body.body--site-fx .lang-switcher__option.is-active,
body.body--site-fx .nav-tools__link:hover,
body.body--site-fx .nav-tools__link.is-active {
    background: rgba(124, 92, 255, 0.16);
    color: #fff;
}

body.body--site-fx .nav-tools__icon {
    background: rgba(2, 127, 246, 0.16);
    color: #8ecaff;
}

body.body--site-fx .home-tool {
    background: var(--surface-raised);
    border-color: var(--border);
}

body.body--site-fx .home-tool p {
    color: var(--text-muted);
}

body.body--site-fx .home-tool h3 a {
    color: var(--navy);
}

body.body--site-fx .content-section,
body.body--site-fx .content-section--tools,
body.body--site-fx .content-section--guide,
body.body--site-fx .content-section:nth-child(odd) {
    background: transparent;
    border-top-color: rgba(255, 255, 255, 0.08);
}

body.body--site-fx .section-eyebrow {
    color: #00e0ff;
}

body.body--site-fx .section-head h2,
body.body--site-fx .content-section h2,
body.body--site-fx .legal-page h1,
body.body--site-fx .legal-section h2 {
    color: var(--navy);
}

body.body--site-fx .section-lead,
body.body--site-fx .legal-page__updated,
body.body--site-fx .tool-about p,
body.body--site-fx .hero__lead {
    color: var(--text-muted);
}

body.body--site-fx .feature-card,
body.body--site-fx .tool-grid__card,
body.body--site-fx .workspace__card,
body.body--site-fx .ocr-result-panel,
body.body--site-fx .privacy-box,
body.body--site-fx .faq-item,
body.body--site-fx .step,
body.body--site-fx .guide-card,
body.body--site-fx .favicon-preview,
body.body--site-fx .favicon-sidebar .workspace__card {
    background: var(--surface-raised);
    border-color: var(--border);
    box-shadow: var(--shadow-sm);
}

body.body--site-fx .feature-card {
    border-color: rgba(124, 92, 255, 0.22);
}

body.body--site-fx .tool-grid__card {
    border-color: rgba(124, 92, 255, 0.22);
}

body.body--site-fx .tool-grid__card:hover {
    border-color: rgba(124, 92, 255, 0.55);
    box-shadow: var(--shadow);
}

body.body--site-fx .tool-grid__icon {
    background: rgba(2, 127, 246, 0.16);
    color: #8ecaff;
}

body.body--site-fx .tool-grid__card:hover .tool-grid__icon {
    background: rgba(124, 92, 255, 0.22);
}

body.body--site-fx .tool-grid__card h3,
body.body--site-fx .feature-card h3,
body.body--site-fx .workspace__title {
    color: var(--navy);
}

body.body--site-fx .tool-grid__card p,
body.body--site-fx .feature-card p {
    color: var(--text-muted);
}

body.body--site-fx .tool-chip {
    background: var(--surface-raised);
    border-color: var(--border);
    color: var(--text);
}

body.body--site-fx .tool-chip:hover {
    border-color: rgba(124, 92, 255, 0.45);
    color: #fff;
}

body.body--site-fx .dropzone,
body.body--site-fx .dropzone:hover,
body.body--site-fx .dropzone.is-dragover {
    background: rgba(2, 127, 246, 0.08);
    border-color: var(--border-strong);
}

body.body--site-fx .dropzone:hover,
body.body--site-fx .dropzone.is-dragover {
    border-color: rgba(124, 92, 255, 0.55);
    background: rgba(124, 92, 255, 0.12);
}

body.body--site-fx .dropzone.has-file {
    border-color: rgba(34, 197, 94, 0.55);
    background: rgba(34, 197, 94, 0.12);
}

body.body--site-fx .ocr-upload__area,
body.body--site-fx .ocr-upload__area.is-dragover,
body.body--site-fx .ocr-upload__area:focus-visible {
    background: rgba(2, 127, 246, 0.08);
    border-color: var(--border-strong);
}

body.body--site-fx .ocr-upload__area.is-dragover,
body.body--site-fx .ocr-upload__area:focus-visible {
    border-color: rgba(124, 92, 255, 0.55);
    background: rgba(124, 92, 255, 0.12);
}

body.body--site-fx .ocr-upload__drag {
    color: var(--navy);
}

body.body--site-fx .ocr-mode {
    background: var(--surface-raised);
    border-color: var(--border);
}

body.body--site-fx .ocr-mode.is-active,
body.body--site-fx .ocr-mode:has(input:checked) {
    border-color: rgba(124, 92, 255, 0.55);
    background: rgba(124, 92, 255, 0.14);
}

body.body--site-fx .ocr-mode__radio {
    border-color: rgba(124, 92, 255, 0.45);
}

body.body--site-fx .ocr-mode__title {
    color: var(--navy);
}

body.body--site-fx .ocr-preview {
    background: rgba(2, 127, 246, 0.06);
    border-color: var(--border);
}

body.body--site-fx .tool-preview__label {
    color: var(--text-muted);
}

body.body--site-fx .tool-preview {
    background-color: #12141f;
    background-image:
        linear-gradient(45deg, #1c2030 25%, transparent 25%),
        linear-gradient(-45deg, #1c2030 25%, transparent 25%),
        linear-gradient(45deg, transparent 75%, #1c2030 75%),
        linear-gradient(-45deg, transparent 75%, #1c2030 75%);
    border-color: var(--border);
}

body.body--site-fx .thumb-list__item {
    background: var(--surface-raised);
}

body.body--site-fx .favicon-html,
body.body--site-fx .favicon-serp--tab {
    background: var(--surface-raised);
    border-color: var(--border);
}

body.body--site-fx .favicon-tabs__btn {
    background: #141824;
}

body.body--site-fx .dropzone-label,
body.body--site-fx .dropzone-browse {
    color: var(--navy);
}

body.body--site-fx .dropzone-hint,
body.body--site-fx #tool-file-label {
    color: var(--text-muted);
}

body.body--site-fx .tool-options label,
body.body--site-fx .field-label,
body.body--site-fx .option-row label {
    color: var(--text);
}

body.body--site-fx input[type="text"],
body.body--site-fx input[type="number"],
body.body--site-fx input[type="email"],
body.body--site-fx textarea,
body.body--site-fx .ocr-result {
    background-color: #0c0e16;
    border-color: var(--border);
    color: var(--text);
}

body.body--site-fx select {
    background-color: #0c0e16;
    border-color: var(--border);
    color: var(--text);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23eef1f8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
}

body.body--site-fx input::placeholder,
body.body--site-fx textarea::placeholder {
    color: #8b93a7;
}

body.body--site-fx .btn-secondary {
    background: rgba(255, 255, 255, 0.06);
    border-color: var(--border);
    color: var(--text);
}

body.body--site-fx .btn-secondary:hover {
    background: rgba(124, 92, 255, 0.16);
    border-color: rgba(124, 92, 255, 0.4);
    color: #fff;
}

body.body--site-fx .status,
body.body--site-fx .progress-label {
    color: var(--text-muted);
}

body.body--site-fx .ocr-result-panel__title {
    color: var(--navy);
}

body.body--site-fx .legal-page__body,
body.body--site-fx .legal-section p,
body.body--site-fx .legal-section li {
    color: var(--text-muted);
}

body.body--site-fx .legal-section h2 {
    color: var(--navy);
}

body.body--site-fx .legal-page__links a {
    color: #8ecaff;
}

body.body--site-fx .site-footer {
    background: rgba(5, 6, 10, 0.92);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.78);
}

body.body--site-fx .consent-banner {
    background: var(--surface-raised);
    border-top-color: var(--border);
    box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.5);
}

body.body--site-fx .consent-banner__title {
    color: var(--navy);
}

body.body--site-fx .consent-banner__text {
    color: var(--text-muted);
}

body.body--site-fx .faq-item summary {
    color: var(--navy);
}

body.body--site-fx .faq-item p {
    color: var(--text-muted);
}

body.body--site-fx .step h3,
body.body--site-fx .guide-card h3 {
    color: var(--navy);
}

body.body--site-fx .step p,
body.body--site-fx .guide-card p,
body.body--site-fx .guide-card li {
    color: var(--text-muted);
}

body.body--site-fx .format-tag {
    background: var(--surface-raised);
    border-color: var(--border);
    color: var(--text);
}

body.body--site-fx .option {
    background: rgba(2, 127, 246, 0.1);
    border-color: var(--border);
}

body.body--site-fx .option--block:hover {
    background: rgba(124, 92, 255, 0.14);
    border-color: rgba(124, 92, 255, 0.35);
}

body.body--site-fx .field-label {
    color: var(--text-muted);
}

body.body--site-fx .field__row .field-value {
    color: var(--navy);
}

body.body--site-fx .field-grid .field select {
    width: 100%;
}

body.body--site-fx input[type="range"] {
    accent-color: #7c5cff;
}

body.body--site-fx input[type="color"] {
    background-color: #0c0e16;
    border: 1px solid var(--border);
}

body.body--site-fx .guide-example {
    background: rgba(255, 255, 255, 0.04);
    border-left-color: rgba(124, 92, 255, 0.65);
    color: var(--text-muted);
}

body.body--site-fx .scenario {
    background: rgba(255, 255, 255, 0.04);
    border-color: var(--border);
}

body.body--site-fx .scenario strong,
body.body--site-fx .format-compare strong {
    color: var(--navy);
}

body.body--site-fx .scenario p,
body.body--site-fx .format-compare p {
    color: var(--text-muted);
}

body.body--site-fx .favicon-tabs {
    background: #0c0e16;
}

body.body--site-fx .favicon-tabs__btn {
    background: #141824;
    color: var(--text);
}

body.body--site-fx .favicon-tabs__btn:hover {
    border-color: rgba(124, 92, 255, 0.35);
    color: #fff;
}

body.body--site-fx .favicon-panels {
    background: linear-gradient(180deg, #171a26 0%, #0c0e16 100%);
}

body.body--site-fx .feature-card code,
body.body--site-fx .faq-item code,
body.body--site-fx .step code,
body.body--site-fx .legal-section code {
    background: rgba(124, 92, 255, 0.18);
    color: #d4c9ff;
}

body.body--site-fx .formats-table {
    background: var(--surface-raised);
}

body.body--site-fx .formats-table th {
    background: #0c0e16;
    color: var(--navy);
}

body.body--site-fx .formats-table td {
    color: var(--text-muted);
}

body.body--site-fx .formats-table td:first-child {
    color: var(--navy);
}

@media (max-width: 1200px) {
    body.body--site-fx .site-header.is-nav-open .site-nav {
        background: var(--surface-raised);
        border-color: var(--border);
    }

    body.body--site-fx .site-nav__link,
    body.body--site-fx .site-nav a {
        color: var(--text);
    }
}