/* SEO Monitor Hub — shared visual system for Arabic, English, Russian and SSR blog.
   Loaded after legacy styles. Existing routes, state and API contracts remain intact. */
:root {
  --background:#f6f8f9; --foreground:#182e36; --card:#fff; --card-foreground:#182e36;
  --primary:#087f72; --primary-foreground:#fff; --muted:#edf3f2; --muted-foreground:#526970;
  --border:#dfe8e7; --input:#dfe8e7; --ring:#087f72;
  --navy:#102f36; --navy-2:#183f46; --blue:#087f72; --cyan:#69c7b9; --lime:#bce8ce;
  --orange:#d89550; --ink:#182e36; --slate:#526970; --paper:#f6f8f9; --line:#dfe8e7;
  --hub-shadow:0 8px 28px #163d3910; --hub-radius:18px;
}
html,body,#root {background:var(--paper);color:var(--ink)}
body {font-family:Inter,"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;line-height:1.65}
html[lang="ar"] body {font-family:"Noto Sans Arabic",Tahoma,"Segoe UI",Arial,sans-serif}
h1,h2,h3,h4 {text-wrap:balance}
html[dir="rtl"] :is(h1,h2,h3,h4,.eyebrow,.hero-kicker) {letter-spacing:0}
button,input,textarea,select {font:inherit}
a,button,input,textarea,select {touch-action:manipulation}
:focus-visible {outline:3px solid #087f7280;outline-offset:4px}
::selection {background:#bce8ce;color:#102f36}
.container {width:min(1200px,calc(100% - 64px))}
.shell {overflow:clip}
.site-header {position:sticky;top:0;z-index:60;background:#fffffff2;border-bottom:1px solid var(--line);backdrop-filter:blur(18px);box-shadow:0 2px 12px #102f3604}
.header-row {height:84px;gap:22px}
.brand-cluster {gap:20px;min-width:0}
.brand {gap:10px}
.brand-mark {width:38px;height:38px;transform:none;box-shadow:none;border-radius:10px;background:transparent}
.brand-copy strong {font-family:Inter,"Segoe UI",sans-serif;font-size:14px;letter-spacing:-.025em}
.brand-copy span {margin-top:5px;font-size:8px;letter-spacing:.13em;color:#657d82}
.locale-switcher {padding:3px;border:1px solid var(--line);border-radius:9px;background:#f6f8f8;gap:2px}
.locale-switcher a {padding:5px 7px;border-radius:6px;font-size:10px;color:var(--slate);background:transparent}
.locale-switcher a.active {color:#066c60;background:#fff;box-shadow:0 1px 4px #102f3612}
.quick-navigation {display:flex;align-items:center;gap:5px;margin-inline:auto;white-space:nowrap}
.quick-navigation a {padding:9px 12px;color:#526970;text-decoration:none;font-size:13px;font-weight:600;border-radius:8px}
.quick-navigation a:hover,.quick-navigation a[aria-current="page"] {background:#eaf5f1;color:#076e62}
.header-actions {gap:8px}
.account-link {border-color:var(--line);border-radius:9px;font-size:12px;min-height:40px;padding:9px 12px}
.header-cta {min-height:40px;padding:10px 15px;border-radius:9px;background:#087f72;box-shadow:none;font-size:12px}
.header-cta:hover {background:#06695f;transform:none;box-shadow:none}
.mobile-menu {height:40px;width:40px;flex-basis:40px;border-color:var(--line);background:#f7f9f9}
.main-nav:not(.blog-ssr-nav) {inset-inline-start:auto;inset-inline-end:0;top:calc(100% + 8px);padding:14px;border-radius:16px;box-shadow:0 18px 55px #102f3626;max-height:calc(100dvh - 110px)}
.main-nav a {border-radius:8px;font-size:13px;min-height:42px}
.main-nav a:hover {background:#eef6f3;color:#066d62}
.main-nav-section {font-size:11px;color:#087f72;padding-block:14px 5px}
.btn {min-height:46px;padding:11px 20px;border-radius:10px;font-size:13px;line-height:1.6;box-shadow:none;letter-spacing:0}
.btn-primary,.btn-dark {background:#087f72;color:#fff;border:1px solid #087f72;box-shadow:0 4px 10px #087f7215}
.btn-primary:hover,.btn-dark:hover {background:#06685e;border-color:#06685e;color:#fff;box-shadow:0 5px 15px #087f7220;transform:translateY(-1px)}
.btn-outline {border-color:#ccdcd8;color:#183c3c;background:#fff}
.btn-outline:hover {background:#eef6f3;border-color:#a7c8be}
button:disabled,.btn:disabled {opacity:.55;cursor:wait;transform:none}
.eyebrow {font-size:11px;font-weight:700;letter-spacing:.1em;color:#087f72}
.eyebrow::before {width:18px}
.section {padding-block:76px}
.section-header {gap:40px;margin-bottom:32px}
.section-header h2 {font-size:clamp(25px,3vw,36px);line-height:1.45;letter-spacing:-.025em;max-width:620px;margin-top:10px}
.home-v2 .section-header p {font-size:14px;line-height:1.9;max-width:370px;color:var(--slate)}
/* A calm, editorial home hero and an illustrative analytics surface. */
.home-v2 .home-hero {background:#edf5f1;color:var(--ink);border-bottom:1px solid #d7e7df}
.home-v2 .home-hero::before {background:radial-gradient(ellipse at 10% 40%,#c9e6dc70,transparent 65%)}
.home-v2 .home-hero::after {opacity:.3;background-image:radial-gradient(#9abeb4 1px,transparent 1px);background-size:22px 22px;mask-image:linear-gradient(to left,transparent,black)}
.home-v2 .home-hero .hero-grid {grid-template-columns:1.12fr 1fr;gap:64px;min-height:620px;padding-block:70px 76px}
.home-hero .hero-kicker {padding:7px 12px;border:1px solid #cde3d9;border-radius:30px;color:#176d5d;background:#ffffff90;font-size:11px}
.home-hero .hero-kicker span {background:#087f72;box-shadow:0 0 0 4px #087f7210;width:6px;height:6px}
.home-v2 .home-hero h1 {color:#16363b;font-size:clamp(34px,4.1vw,56px);line-height:1.3;letter-spacing:-.04em;text-shadow:none;margin-block:22px 20px}
.home-hero h1 em {color:#087f72}
.home-v2 .home-hero .hero-lede {color:#506b6c;font-size:16px;line-height:1.95;text-shadow:none;max-width:550px}
.home-hero .hero-actions {margin-top:28px;gap:12px}
.home-hero .btn-ghost {color:#234d47;background:transparent;border-color:#bdcec7}
.home-hero .btn-ghost:hover {background:#fff;border-color:#087f72}
.home-v2 .hero-trust {color:#536e66;font-size:11px;gap:10px 16px;margin-top:24px}
.home-hero .hero-trust svg {color:#087f72}
.hero-art {display:flex;align-items:center;justify-content:center;min-width:0}
.report-preview {width:100%;max-width:485px;color:#18363c;background:#fff;border:1px solid #d4e2dc;border-radius:16px;box-shadow:0 22px 55px #20463e16,0 3px 8px #20463e08;transform:rotate(-1deg);overflow:hidden}
html[dir="rtl"] .report-preview {transform:rotate(1deg)}
.report-preview-bar {display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e8efeb;background:#f9fbfa;padding:14px 20px;font-size:10px;font-weight:700;letter-spacing:.05em;direction:ltr}
.report-preview-bar>span {display:flex;gap:8px;align-items:center}
.report-preview-bar svg {color:#087f72}
.preview-window-dots i {display:block;width:6px;height:6px;border-radius:50%;background:#cfddd6}
.report-preview-body {padding:24px}
.report-preview-heading {display:flex;align-items:center;justify-content:space-between;gap:14px}
.report-preview-heading small {font-size:10px;color:#647e76}
.report-preview-heading h2 {font-size:17px;margin:5px 0 0;line-height:1.6;letter-spacing:0}
.report-preview-heading>svg {color:#087f72;flex:none}
.hub-preview-score {display:flex;align-items:center;gap:22px;padding:24px 0;margin:0 0 16px;border-bottom:1px solid #edf1ef}
.hub-preview-score-ring {width:90px;height:90px;flex:none;border-radius:50%;background:conic-gradient(#087f72 92%,#e6f0eb 0);display:grid;place-items:center;position:relative}
.hub-preview-score-ring::before {content:"";position:absolute;inset:7px;border-radius:50%;background:#fff}
.hub-preview-score-ring strong {z-index:1;font:700 28px Inter,"Segoe UI",sans-serif;direction:ltr;color:#153d36;text-align:center}
.hub-preview-score-ring small {display:block;font-size:9px;font-weight:500;color:#637e73;margin-top:4px}
.hub-preview-score>div:last-child {display:grid;gap:4px}
.hub-preview-score b {font-size:15px}
.hub-preview-score span {font-size:12px;color:#647971}
.hub-preview-score>div>small {display:flex;align-items:center;gap:4px;font-size:10px;color:#087f72;margin-top:4px}
.preview-chart-title {display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px}
.preview-chart-title span {color:#657d75;font-size:10px;background:#f3f7f5;border-radius:5px;padding:3px 6px}
.preview-line-chart {display:block;width:100%;height:auto;margin-top:20px;direction:ltr}
.preview-chart-axis {display:flex;justify-content:space-between;color:#7b9088;direction:ltr;font-size:9px;margin-top:4px}
.preview-bottom {display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:#f0f7f3;border:1px solid #e1ece5;border-radius:9px;margin-top:20px;font-size:11px;color:#35604f}
.preview-bottom span,.preview-bottom b {display:flex;align-items:center;gap:8px}
.preview-bottom b {font-size:17px}
.service-grid {gap:18px}
.service-card {border-color:var(--line);border-radius:14px;padding:26px;min-height:246px;box-shadow:0 2px 6px #183c3603}
.service-card:hover {transform:translateY(-3px);border-color:#a3c9ba;box-shadow:var(--hub-shadow)}
.service-icon,.byok-icon {width:45px;height:45px;border-radius:12px;background:#edf6f1;color:#087f72}
.home-v2 .service-card h3 {font-size:18px;margin-top:19px}
.home-v2 .service-card p {font-size:14px;line-height:1.85}
.home-v2 .service-card a {font-size:12px;padding-top:22px;color:#087f72}
.home-flow {background:#eff4f2;border-block:1px solid #e1e9e5}
.workflow-grid {gap:18px;background:transparent;border:0;overflow:visible}
.workflow-grid article {border:1px solid var(--line);border-radius:14px;padding:28px;min-height:225px}
.workflow-grid article>span {display:grid;place-items:center;width:36px;height:36px;border:1px solid #dce8e0;border-radius:50%;background:#f3f8f5;color:#087f72;font-size:12px}
.home-v2 .workflow-grid h3 {font-size:18px;margin-top:23px}
.home-v2 .workflow-grid p {font-size:14px}
.home-results {background:#123c3e}
.home-results .results-intro h2 {color:#fff;font-size:clamp(28px,3.5vw,40px);line-height:1.5;letter-spacing:0}
.home-results .eyebrow {color:#a0d7bb}
.home-v2 .results-showcase .results-intro p {font-size:15px;color:#c4dbd4}
.metric-stack>div {padding:20px;border-color:#ffffff18;background:#ffffff06;border-radius:12px}
.home-results .metric-dot,.metric-stack>div>svg {color:#a2dcb9}
.home-v2 .metric-stack strong {font-size:14px;color:#fff}
.home-v2 .metric-stack small {font-size:12px;color:#bdd6cc}
.home-byok {background:#f6f8f9;border-block:1px solid var(--line)}
.byok-head {gap:36px;margin-bottom:32px}
.byok-head h2 {font-size:clamp(25px,3vw,36px);line-height:1.5}
.byok-head p,.byok-grid p,.byok-note p,.byok-lock span {color:#526970;font-size:14px;line-height:1.9}
.byok-grid {gap:16px}
.byok-grid article {padding:24px;border:1px solid var(--line);border-radius:14px}
.byok-grid h3 {font-size:16px}
.byok-lock {box-shadow:none;border-color:#d5e6dc;border-radius:14px}
.byok-note {background:#edf5f1;border:1px solid #dce9e1;border-radius:10px}
.byok-note svg {color:#087f72}
.integration-row span {padding:20px;border-radius:12px;font-size:13px}
.integration-row svg {color:#087f72}
.knowledge-library {background:#eff4f2}
.home-knowledge-actions a {border-radius:12px;font-size:13px}
.home-knowledge-actions a svg:first-child {color:#087f72}
.home-knowledge-actions a:hover {border-color:#aacbbc;background:#fafffc}
.faq-grid {grid-template-columns:1fr 1fr;gap:16px}
.faq-grid details {padding:22px;border-radius:12px;border-color:var(--line)}
.home-v2 .faq-grid summary {font-size:14px}
.home-v2 .faq-grid p {font-size:13px;color:var(--slate);line-height:1.9}
.faq-grid details[open] {border-color:#aacbbc;background:#f9fcfa}
.home-final {background:#e7f2ec;color:#163d35;padding:48px 0;border-top:1px solid #d6e6dc}
.home-final h2 {font-size:28px;line-height:1.5;color:#163d35}
.home-v2 .home-final p {color:#526e61;font-size:14px}
/* Public tools, audit forms and report states. */
.tw-page,.audit-page,.account-page,.admin-page {background:var(--paper)}
.tw-hero {background:#edf5f1;color:var(--ink);padding:58px 0 55px;border-bottom:1px solid #dce9e1}
.tw-hero .eyebrow {color:#087f72}
.tw-hero h1 {font-size:clamp(30px,4vw,44px);line-height:1.4;color:#183c36;margin-block:14px}
.tw-hero p {color:#526970;font-size:15px;max-width:700px}
.tw-hero-actions>span {color:#526970;font-size:12px}
.tw-picker-section {margin-top:-20px}
.tw-picker {gap:12px}
.tw-tab {border:1px solid var(--line);border-radius:12px;padding:20px 16px;box-shadow:0 4px 12px #123c3606;gap:15px}
.tw-tab:hover {border-color:#b3cfc2}
.tw-tab.is-active {border-color:#087f72;box-shadow:0 0 0 2px #087f7212;background:#f9fdfa}
.tw-tab-copy small {font-size:10px;color:#677e76;font-weight:500}
.tw-tab-copy b {font-size:14px;color:#163d35}
.tw-tab-copy em {font-size:12px;color:#5c756b}
.tw-tab-icon {border-radius:10px;background:#eaf5ee;color:#087f72}
.tw-tab-icon.orange {background:#fff3e6;color:#ab6424}
.tw-tab-icon.purple {background:#f1edf9;color:#7656a3}
.tw-workspace-section {padding-block:30px 64px}
.tw-workspace {border-color:var(--line);border-radius:16px;box-shadow:var(--hub-shadow);grid-template-columns:minmax(0,4fr) minmax(0,7fr);scroll-margin-top:105px}
.tw-info {background:#f0f6f2;border-color:#dfe9e2;padding:32px}
.tw-info h2 {font-size:24px;color:#173d36}
.tw-info p {font-size:14px;color:#526970}
.tw-label,.tw-info dt {color:#087f72;font-size:11px}
.tw-info dd {color:#3d5b50;font-size:13px}
.tw-panel {padding:32px;justify-content:center;gap:14px}
.tw-cta-box {padding:28px;border:1px dashed #bed6c7;background:#f8fbf9;border-radius:12px;color:#087f72}
.tw-cta-box p {color:#476458;font-size:14px}
.tw-next {background:#163f3d;border-radius:16px;padding:28px;gap:24px}
.tw-next h2 {color:#fff;font-size:22px}
.tw-next p {color:#c9ddd4;font-size:13px}
.tw-next .tw-label {color:#bce8ce}
.tw-next .btn-outline {color:#fff;background:transparent;border-color:#ffffff40}
.tw-metrics span {border-color:var(--line);border-radius:10px}
.tw-metrics b {font-variant-numeric:tabular-nums;color:#087f72}
.audit-page {padding-block:54px 80px}
.audit-intro h1 {font-size:clamp(32px,4vw,46px);line-height:1.35;letter-spacing:-.025em}
.audit-form,.audit-results,.audit-control,.general-audit-card,.audit-empty,.report-block {border-color:var(--line);border-radius:16px;box-shadow:var(--hub-shadow)}
.audit-summary span {background:#f0f6f2;border-radius:9px;font-size:12px;padding:12px}
.audit-error {border-color:#f0c8c8;background:#fff4f4;color:#9f3434;line-height:1.8;border-radius:10px}
.account-message,.workspace-message {border-radius:10px}
/* Consistent working surfaces, preserving layouts and status semantics. */
.auth-card,.admin-login-card,.account-card,.workspace-card,.admin-panel,.tools-card,.tool-card,.report-card,.saved-report-card,.help-dialog,.save-auth-dialog {border:1px solid var(--line);border-radius:var(--hub-radius);background:#fff;box-shadow:var(--hub-shadow)}
.auth-card,.admin-login-card {padding:36px}
.auth-card h1,.admin-login-card h1 {color:#173d36;line-height:1.5}
.auth-card>p,.admin-login-card>p {color:var(--slate);font-size:14px}
.workspace,.workspace-main,.admin-content {background:var(--paper)}
.workspace-topbar,.admin-topbar {background:#fff;border-bottom:1px solid var(--line);box-shadow:none}
.workspace-sidebar,.admin-sidebar {background:#143b3d;border-color:#244f4b}
.admin-sidebar a,.workspace-sidebar a {border-radius:9px}
.overview-hero,.dashboard-overview-hero,.admin-welcome {background:#edf5f1;color:#183c36;border:1px solid #dce8df;border-radius:16px;box-shadow:none}
.overview-hero h1,.overview-hero h2,.admin-welcome h1 {color:#173d36}
.overview-hero p,.admin-welcome p {color:#526f62}
.overview-hero .hero-kicker {color:#087f72}
.overview-hero::before,.overview-hero::after {opacity:.07}
.overview-stats>div,.dashboard-kpi-grid>div,.admin-kpi-grid>div,.admin-mini-stats>div {border-color:var(--line);border-radius:14px;box-shadow:0 3px 10px #123c3604}
:is(.dashboard-kpi-grid,.admin-kpi-grid) strong {font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.admin-tabs,.workspace-tabs {gap:7px}
.admin-tabs button,.workspace-tabs button {border-radius:9px}
.admin-tabs button.active,.workspace-tabs button.active {background:#087f72;color:#fff;border-color:#087f72}
.field label,.settings-form label,.tw-panel label {font-size:13px;font-weight:600;color:#254c42}
.field input,.field textarea,.field select,.settings-form input,.settings-form select,.settings-form textarea,.tw-panel input,.tw-panel textarea,.audit-form input,.audit-control input {border:1px solid #ceded5;border-radius:9px;background:#fcfefd;color:#183c36;padding:12px 14px;min-height:45px;box-shadow:none}
input::placeholder,textarea::placeholder {color:#80958c}
input:focus,textarea:focus,select:focus {border-color:#087f72;box-shadow:0 0 0 3px #087f7210}
input[type="checkbox"],input[type="radio"] {min-height:initial;accent-color:#087f72}
input[type="file"]::file-selector-button {border:1px solid #ceded5;border-radius:6px;background:#edf5f1;color:#254c42;padding:7px 10px;margin-inline-end:12px;font:inherit;cursor:pointer}
.admin-table,.article-table,.report-table {font-size:13px}
.admin-table th,.article-table th,.report-table th {background:#edf4f0;color:#3e6052;font-size:11px;letter-spacing:0;padding:14px 16px}
.admin-table td,.article-table td,.report-table td {padding:15px 16px;border-color:#e8efea;line-height:1.7}
.admin-table tbody tr:hover td {background:#f6faf7}
.admin-table-wrap {border-color:var(--line);border-radius:12px}
.panel-head {border-color:#e8efea}
.panel-head h2 {font-size:18px;letter-spacing:0;color:#183c36}
.help-overlay,.save-auth-overlay {background:#102f3699;backdrop-filter:blur(5px)}
/* Guides, glossary, legal pages and server-rendered articles. */
.guide-hero {background:#edf5f1;color:#183c36;border-bottom:1px solid #dce8df;padding-block:60px}
.guide-hero h1 {color:#183c36;font-size:clamp(32px,4.5vw,48px);line-height:1.4;letter-spacing:-.025em}
.guide-hero p {color:#526970;font-size:15px}
.guide-meta {color:#526f62;font-size:12px}
.guide-visual {border-color:#cadfd2;background:#e3efe6;border-radius:16px}
.guide-visual-mark {color:#087f72;border-color:#9dcab4;box-shadow:0 0 0 18px #087f7205,0 0 0 38px #087f7203}
.guide-layout {gap:44px;padding-top:54px}
.article h2 {font-size:26px;letter-spacing:0;line-height:1.5;color:#193d36}
.article h3 {font-size:19px;line-height:1.6}
.article p,.article li {color:#526970;font-size:15px;line-height:2}
.article a,.blog-content a {color:#087f72;text-underline-offset:4px}
.article-aside {border-color:var(--line);border-radius:12px;background:#fff}
.callout {border-inline-start:3px solid #087f72;border-inline-end:0;border-radius:10px;background:#eaf5ee;color:#305c46}
.guide-table {border-radius:12px;overflow:hidden;border-color:var(--line)}
.glossary-card,.glossary-term-card,.policy-card,.tool-guide-card {border-color:var(--line);border-radius:14px;box-shadow:none}
.blog-page {max-width:1200px;width:calc(100% - 64px);margin:0 auto;padding-block:54px 80px;background:transparent;min-height:60vh;color:var(--ink)}
.blog-page>h1,.blog-page>article>h1 {color:#183c36;font-size:clamp(32px,4vw,48px);line-height:1.4;letter-spacing:0}
.blog-breadcrumb {font-size:12px;color:#648276;margin-bottom:24px}
.blog-breadcrumb a {color:#087f72;text-decoration:none}
.blog-card {border:1px solid var(--line);border-radius:16px;background:#fff;padding:24px;box-shadow:var(--hub-shadow);overflow:hidden}
.blog-card h2 {font-size:22px;line-height:1.5}
.blog-card h2 a {color:#183c36;text-decoration:none}
.blog-card p {color:var(--slate);font-size:14px;line-height:1.9}
.blog-card>a {color:#087f72;font-size:13px;font-weight:600}
.blog-content {max-width:800px;font-size:16px;line-height:2;color:#476055}
.blog-content h2,.blog-content h3 {color:#183c36;line-height:1.5;margin-top:32px}
.blog-content img {max-width:100%;height:auto;border-radius:12px}
.blog-content table {display:block;overflow-x:auto;max-width:100%}
.blog-content pre {overflow-x:auto;background:#edf4f0;padding:20px;border-radius:10px}
.blog-category {color:#087f72;background:#edf5f1;border-radius:6px}
.site-footer {background:#fff;color:#526970;border-top:1px solid var(--line);padding-block:52px 24px}
.footer-grid {gap:40px;grid-template-columns:1.5fr 1fr 1fr 1fr;padding-bottom:36px}
.footer-brand .brand {color:#183c36}
.footer-brand p {color:#647c71;font-size:13px}
.footer-col h3 {color:#244e40;font-size:13px;margin-bottom:17px}
.footer-col a {display:flex;align-items:center;gap:7px;color:#647c71;font-size:12px;line-height:1.8;margin-block:11px}
.footer-col a:hover {color:#087f72}
.footer-bottom {border-color:var(--line);color:#70887c;font-size:11px}
.footer-bottom span:last-child {color:#526f62}
.back-to-top {background:#087f72;color:#fff;border:1px solid #ffffff40;border-radius:12px;box-shadow:0 6px 16px #102f3620}
/* Responsive changes use logical properties so both writing directions work. */
@media(min-width:1600px) {.container {width:min(1280px,calc(100% - 80px))}}
@media(max-width:1180px) {
  .header-row {gap:14px}.brand-cluster {gap:12px}.quick-navigation a {padding-inline:8px;font-size:12px}
  .header-actions .account-link {font-size:11px;padding-inline:9px}.locale-switcher a {padding-inline:5px}
  .home-v2 .home-hero .hero-grid {gap:35px}.home-v2 .home-hero h1 {font-size:44px}
}
@media(max-width:1000px) {
  .quick-navigation {display:none}.header-row {justify-content:space-between}
  .tw-workspace {grid-template-columns:1fr}.tw-info {border-inline-end:0;border-bottom:1px solid var(--line)}
  .tw-panel {min-height:260px}.tw-tab {flex-basis:220px}
  .home-v2 .home-hero .hero-grid {gap:32px}.home-v2 .home-hero h1 {font-size:38px}
  .byok-grid {grid-template-columns:1fr 1fr}.footer-grid {grid-template-columns:1.3fr 1fr 1fr;gap:28px}
}
@media(max-width:820px) {
  .container {width:calc(100% - 40px)}.header-row {height:76px;gap:12px}
  .home-v2 .home-hero .hero-grid {grid-template-columns:1fr;gap:42px;padding-block:48px 56px;min-height:auto}
  .home-v2 .home-hero h1 {font-size:clamp(32px,6vw,46px);max-width:650px}
  .home-v2 .home-hero .hero-lede {max-width:640px}
  .hero-art {min-height:0}.report-preview {max-width:520px;transform:none!important}
  .section {padding-block:52px}.section-header {gap:14px}
  .home-v2 .section-header p {max-width:620px}.service-grid {grid-template-columns:1fr 1fr}
  .workflow-grid {grid-template-columns:1fr}.workflow-grid article {min-height:auto}
  .results-showcase {grid-template-columns:1fr;gap:28px}
  .guide-hero .container {grid-template-columns:1fr;gap:28px}.guide-layout {grid-template-columns:1fr}
  .guide-visual {min-height:180px}.article-aside {position:static}
  .footer-grid {grid-template-columns:1fr 1fr}.blog-page {width:calc(100% - 40px)}
  .main-nav:not(.blog-ssr-nav) {inset-inline:0;width:auto}
}
@media(max-width:560px) {
  .container {width:calc(100% - 32px)}.header-row {height:auto;min-height:72px;padding-block:12px;gap:8px}
  .brand-cluster {gap:8px;flex-wrap:wrap}.brand-copy strong {font-size:11px}.brand-copy span {font-size:6px;letter-spacing:.06em}
  .brand-mark {height:30px;width:30px}.brand {gap:7px}
  .locale-switcher {border:0;padding:0;background:transparent;gap:0}.locale-switcher a {font-size:9px;padding:3px 5px}
  .header-actions {gap:6px;flex:none}.header-actions .account-link {font-size:10px;padding:7px;min-height:36px}
  .mobile-menu {width:36px;height:36px;flex-basis:36px}.header-cta {display:none}
  .home-v2 .home-hero .hero-grid {padding-block:36px 40px;gap:32px}
  .home-v2 .home-hero h1 {font-size:33px;line-height:1.4}
  .home-v2 .home-hero .hero-lede {font-size:14px;line-height:2}
  .hero-actions {align-items:stretch}.hero-actions .btn {width:100%;font-size:13px}
  .home-v2 .hero-trust {display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:10px}
  .hero-trust span {align-items:flex-start}.hero-trust svg {flex:none;margin-top:2px}
  .report-preview-body {padding:20px}.report-preview-heading h2 {font-size:15px}
  .hub-preview-score {gap:18px}.hub-preview-score-ring {width:78px;height:78px}
  .service-grid,.faq-grid,.byok-grid {grid-template-columns:1fr}.service-card {min-height:215px;padding:23px}
  .section {padding-block:42px}.section-header h2 {font-size:26px}
  .byok-head {grid-template-columns:1fr;gap:20px}.byok-head h2 {font-size:25px}
  .byok-lock {display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;padding:16px}
  .byok-lock span {font-size:12px}.home-final .container {flex-direction:column;align-items:stretch;gap:22px}
  .home-final h2 {font-size:25px}.home-final .btn {width:100%}
  .tw-hero {padding-block:36px 45px}.tw-hero h1 {font-size:30px}.tw-hero p {font-size:14px}
  .tw-info,.tw-panel {padding:23px 20px}.tw-info h2 {font-size:22px}.tw-panel {min-height:240px}
  .tw-cta-box {padding:20px}.tw-next {padding:24px 20px}.tw-next h2 {font-size:21px}
  .tw-next-actions {width:100%}.tw-next-actions .btn {width:100%}
  .audit-page,.account-page {padding-block:36px 56px}.audit-intro h1 {font-size:32px;line-height:1.45}
  .auth-card,.admin-login-card {padding:26px 22px}.workspace-card,.admin-panel {border-radius:13px}
  .guide-hero {padding-block:36px}.guide-hero h1 {font-size:32px}
  .guide-layout {padding-top:36px;gap:28px}.article h2 {font-size:24px}.article p {font-size:14px}
  .footer-grid {gap:26px 20px}.footer-brand {grid-column:1/-1}.footer-bottom {flex-wrap:wrap;gap:12px}
  .blog-page {width:calc(100% - 32px);padding-block:36px 56px}.blog-grid {grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}*,*::before,*::after {animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Readability revision following mobile screenshots: plain surfaces, solid
   contrast, explicit component colors, and a compact two-row mobile header. */
.home-v2 .home-hero {
  background: #ffffff;
  border-bottom: 1px solid #e2e8e6;
}
.home-v2 .home-hero::before,
.home-v2 .home-hero::after { display: none; }
.home-v2 .home-hero h1 { color: #19332f; font-weight: 700; }
.home-v2 .home-hero h1 em { color: #07695e; font-style: normal; }
.home-v2 .home-hero .hero-lede { color: #475b55; }
.home-v2 .home-hero .hero-kicker {
  color: #345e52;
  border: 0;
  background: transparent;
  border-radius: 0;
  padding: 0;
  font-size: 13px;
  line-height: 1.8;
}
.home-v2 .home-hero .hero-actions .btn-primary {
  background: #07695e;
  color: #ffffff;
  border-color: #07695e;
  box-shadow: none;
}
.home-v2 .home-hero .hero-actions .btn-primary:hover {
  background: #05564d;
  color: #ffffff;
  border-color: #05564d;
}
.home-v2 .home-hero .hero-actions .btn-ghost {
  color: #24473e;
  background: #ffffff;
  border-color: #b8c9c1;
}
.home-v2 .home-hero .hero-trust,
.home-v2 .home-hero .hero-trust span { color: #415f52; }
.home-v2 .home-hero .hero-trust svg { color: #07695e; flex-shrink: 0; }
.report-preview { transform: none; background: #ffffff; color: #19332f; }
html[dir="rtl"] .report-preview { transform: none; }
.report-preview .report-preview-heading h2 { color: #19332f; font-weight: 650; }
.report-preview .report-preview-heading small { color: #53685e; font-size: 12px; }
.report-preview .hub-preview-score {
  background: transparent;
  border-radius: 0;
  padding: 22px 0;
}
.report-preview .hub-preview-score b { color: #19332f; }
.report-preview .hub-preview-score span { color: #4b6357; }
.report-preview .hub-preview-score small { color: #07695e; }
.report-preview .hub-preview-score-ring strong { color: #19332f; }
.report-preview .hub-preview-score-ring strong small { color: #53685e; }
.report-preview .preview-chart-title b { color: #19332f; }
.report-preview .preview-chart-title span { color: #52695e; }
.report-preview .preview-chart-axis { color: #53685e; }
.report-preview .preview-bottom { color: #244e3d; }
.site-header .locale-switcher a.active { background: #e8f2ed; color: #07695e; box-shadow: none; }
@media (max-width: 820px) {
  .home-v2 .home-hero .hero-grid { padding-block: 40px 46px; gap: 32px; }
}
@media (max-width: 560px) {
  .site-header .header-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    gap: 9px 10px;
    padding-block: 12px;
    min-height: 94px;
  }
  .site-header .brand-cluster { display: contents; }
  .site-header .brand-cluster .brand { grid-column: 1; grid-row: 1; justify-self: start; }
  .site-header .brand-copy strong { font-size: 12px; }
  .site-header .brand-copy span { display: none; }
  .site-header .brand-mark { width: 32px; height: 32px; }
  .site-header .header-actions { grid-column: 2; grid-row: 1; }
  .site-header .locale-switcher {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: start;
    display: flex;
    gap: 3px;
    padding: 3px;
    background: #f4f7f5;
    border: 1px solid #e2e8e4;
    border-radius: 8px;
    box-shadow: none;
  }
  .site-header .locale-switcher a { font-size: 11px; padding: 4px 10px; line-height: 1.5; }
  .site-header .account-link { min-height: 36px; background: #fff; }
  .site-header .account-link svg { width: 14px; height: 14px; }
  .site-header .main-nav:not(.blog-ssr-nav) { max-height: calc(100dvh - 125px); }
  .home-v2 .home-hero .hero-grid { padding-block: 30px 36px; gap: 26px; }
  .home-v2 .home-hero h1 { font-size: 30px; line-height: 1.4; margin-block: 16px; letter-spacing: -.025em; }
  html[lang="ar"] .home-v2 .home-hero h1 { font-size: 29px; line-height: 1.55; letter-spacing: 0; }
  html[lang="ru"] .home-v2 .home-hero h1 { font-size: 28px; line-height: 1.4; }
  .home-v2 .home-hero .hero-lede { font-size: 15px; line-height: 1.85; }
  .home-v2 .home-hero .hero-kicker { font-size: 12px; }
  .home-v2 .home-hero .hero-actions { margin-top: 22px; gap: 10px; }
  .home-v2 .home-hero .hero-actions .btn { min-height: 48px; font-size: 14px; padding: 11px 16px; }
  .home-v2 .home-hero .hero-trust { font-size: 12px; line-height: 1.65; margin-top: 20px; gap: 12px; }
  .report-preview { border-radius: 12px; box-shadow: 0 6px 20px #19332f0c; }
  .report-preview .report-preview-body { padding: 18px; }
  .report-preview .report-preview-heading h2 { font-size: 16px; }
  .report-preview .preview-chart-title { font-size: 12px; }
  .report-preview .preview-chart-title span { font-size: 11px; }
}
/* Shared light dashboard headers must also reset their former white text. */
.site-header .brand-cluster { flex-direction: row; align-items: center; min-width: 0; }
.admin-welcome h2,
.admin-welcome .hero-kicker { color: #19332f; }
.admin-welcome .hero-kicker span { background: #07695e; }
.overview-hero .overview-orb { color: #07695e; border-color: #a7c9b8; background: #ffffff; box-shadow: none; }
.overview-hero .overview-hero-actions select { color: #24473e; background: #ffffff; border-color: #b8c9c1; }
.report-preview { font-family: inherit; }
/* PageSpeed contrast correction: small labels need at least 4.5:1 too. */
.home-v2 .section:not(.home-results) .eyebrow {
  color: #075c50;
  background: transparent;
  opacity: 1;
  font-size: 12px;
}
.home-v2 .home-flow,
.home-v2 .knowledge-library { background: #eff4f2; }
.home-v2 .home-results .eyebrow { color: #bce8ce; opacity: 1; }
.site-footer { background: #ffffff; color: #4c6358; }
.site-footer .footer-bottom,
.site-footer .footer-bottom span,
.site-footer .footer-brand p,
.site-footer .footer-col a,
.site-footer .brand-copy span { color: #4c6358; opacity: 1; }
.site-footer .footer-bottom { font-size: 12px; }
.site-footer .footer-col a:hover { color: #075c50; }
.site-header .brand-copy span { color: #4c6358; }

/* Central multilingual site settings */
.admin-language-seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:16px}.admin-language-seo{border:1px solid #dbe8e2;border-radius:14px;padding:16px;background:#fbfdfc}.admin-language-seo h3{margin:0 0 14px}.admin-language-seo label{display:block;margin-bottom:12px}.admin-language-seo label>span{display:block;font-size:13px;font-weight:700;margin-bottom:6px}.admin-language-seo input,.admin-language-seo textarea{width:100%;box-sizing:border-box}.admin-language-seo label>small{display:block;text-align:end;margin-top:4px;opacity:.65}.admin-serp-preview{border-top:1px solid #e5ece8;padding-top:12px}.admin-serp-preview strong,.admin-serp-preview span,.admin-serp-preview p{display:block}.admin-serp-preview strong{font-size:17px;color:#1a0dab}.admin-serp-preview span{font-size:12px;color:#188038;margin:4px 0}.admin-serp-preview p{font-size:13px;line-height:1.5;margin:0}@media(max-width:1050px){.admin-language-seo-grid{grid-template-columns:1fr}}

/* Professional multilingual blog */
.blog-index{padding-top:38px}.blog-hero{padding:52px clamp(24px,5vw,72px);border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#f4faf7,#fff);margin-bottom:26px}.blog-kicker{display:block;color:#087f72;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.blog-hero h1{margin:10px 0 8px!important;font-size:clamp(40px,6vw,68px)!important}.blog-hero>p{max-width:720px;color:var(--slate);font-size:17px;line-height:1.9}.blog-search-form{display:flex;max-width:650px;margin-top:26px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px;box-shadow:0 12px 30px #173f3610}.blog-search-form input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:12px 14px;font:inherit}.blog-search-form button{border:0;border-radius:10px;background:#183c36;color:#fff;padding:0 22px;font-weight:700;cursor:pointer}.blog-categories{display:flex;gap:8px;overflow-x:auto;padding:4px 0 18px;scrollbar-width:thin}.blog-categories a{white-space:nowrap;text-decoration:none;color:#476055;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 14px;font-size:13px}.blog-categories a[aria-current=page]{background:#183c36;color:#fff;border-color:#183c36}.blog-section-title{font-size:22px!important;margin:26px 0 14px!important}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.blog-card{padding:0!important;display:flex;flex-direction:column;box-shadow:0 14px 40px #173f360d!important}.blog-card-media{display:block;aspect-ratio:16/9;overflow:hidden;background:#edf4f0}.blog-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.blog-card:hover .blog-card-media img{transform:scale(1.025)}.blog-card-body{padding:22px;display:flex;flex:1;flex-direction:column}.blog-card-meta,.blog-article-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#6b8078;font-size:12px}.blog-card .blog-category,.blog-article-hero .blog-category{display:inline-flex;margin:0;padding:5px 9px;font-size:11px;font-weight:800}.blog-card h2{margin:14px 0 8px}.blog-card-body>p{margin:0 0 16px}.blog-read-link{margin-top:auto;text-decoration:none!important;font-weight:800!important}.blog-featured-card{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:stretch}.blog-featured-card .blog-card-media{aspect-ratio:auto;min-height:360px}.blog-featured-card .blog-card-body{justify-content:center;padding:clamp(28px,4vw,52px)}.blog-featured-card h2{font-size:clamp(26px,3vw,38px);margin-block:16px 10px}.blog-pagination{display:flex;justify-content:center;gap:12px;margin-top:34px}.blog-pagination a{border:1px solid var(--line);border-radius:10px;padding:10px 18px;text-decoration:none;color:#183c36;background:#fff}.blog-empty{grid-column:1/-1;padding:40px;text-align:center;border:1px dashed var(--line);border-radius:16px}.blog-article-page{max-width:1120px}.blog-article-hero{max-width:900px;margin:20px auto 30px;text-align:center}.blog-article-hero h1{font-size:clamp(38px,5vw,62px)!important;line-height:1.22!important;margin:16px 0!important}.blog-article-deck{max-width:760px;margin:0 auto 18px;color:#5d746a;font-size:18px;line-height:1.85}.blog-article-meta{justify-content:center}.blog-article-page>article>img{width:100%;height:auto;max-height:620px;object-fit:cover;border-radius:22px;box-shadow:0 20px 55px #173f3614}.blog-article-layout{display:grid;grid-template-columns:220px minmax(0,760px);justify-content:center;gap:44px;align-items:start;margin-top:42px}.blog-toc{position:sticky;top:110px;border:1px solid var(--line);border-radius:14px;padding:18px;background:#f8fbf9;font-size:13px}.blog-toc strong{display:block;color:#183c36;margin-bottom:10px}.blog-toc ol{margin:0;padding-inline-start:20px}.blog-toc li{margin:8px 0;color:#71847d}.blog-toc a{color:#476055;text-decoration:none}.blog-content{max-width:none!important;font-size:17px!important;line-height:2.05!important}.blog-content h2{scroll-margin-top:110px;font-size:28px;margin-top:46px}.blog-content h3{font-size:22px}.blog-content blockquote{margin:28px 0;padding:18px 22px;border-inline-start:4px solid #087f72;background:#f4faf7;border-radius:10px}.blog-content table{width:100%;border-collapse:collapse;margin:24px 0}.blog-content th,.blog-content td{padding:12px;border:1px solid var(--line);text-align:start}.blog-content th{background:#f1f7f4}.blog-share{max-width:760px;margin:34px auto;display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px}.blog-share a{border:1px solid var(--line);border-radius:999px;padding:7px 12px;color:#183c36;text-decoration:none;font-size:12px}.blog-article-cta{max-width:900px;margin:46px auto;padding:28px 32px;border-radius:20px;background:#183c36;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}.blog-article-cta strong{font-size:22px}.blog-article-cta p{margin:5px 0 0;color:#d6e7e0}.blog-article-cta>a{background:#fff;color:#183c36;text-decoration:none;border-radius:10px;padding:11px 16px;font-weight:800;white-space:nowrap}.blog-related{max-width:900px;margin:50px auto}.blog-related>h2{font-size:24px}.blog-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.blog-related-grid>a{border:1px solid var(--line);border-radius:14px;padding:18px;text-decoration:none;background:#fff}.blog-related-grid span{display:block;color:#087f72;font-size:11px;margin-bottom:8px}.blog-related-grid strong{color:#183c36;line-height:1.5}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-featured-card{grid-template-columns:1fr}.blog-featured-card .blog-card-media{min-height:0;aspect-ratio:16/9}.blog-article-layout{grid-template-columns:1fr;gap:20px}.blog-toc{position:static;max-width:760px;width:100%;margin:auto}.blog-related-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.blog-hero{padding:30px 20px;border-radius:20px}.blog-search-form{display:grid}.blog-search-form button{padding:12px}.blog-grid{grid-template-columns:1fr}.blog-article-hero{text-align:start}.blog-article-meta{justify-content:flex-start}.blog-article-page>article>img{border-radius:14px}.blog-article-cta{align-items:flex-start;flex-direction:column;padding:24px}.blog-related-grid{grid-template-columns:1fr}}

/* Article links must not override the text color of filled action buttons. */
.article a.btn-dark, .article a.btn-primary,
.blog-content a.btn-dark, .blog-content a.btn-primary,
.article a.btn-dark:visited, .article a.btn-primary:visited,
.blog-content a.btn-dark:visited, .blog-content a.btn-primary:visited {
  color: #fff; -webkit-text-fill-color: #fff; opacity: 1; text-decoration: none;
}
.article a.btn-dark:hover, .article a.btn-primary:hover,
.blog-content a.btn-dark:hover, .blog-content a.btn-primary:hover {
  color: #fff; background: #06685e; border-color: #06685e;
}
.article-next { background: #edf5f1; border: 1px solid #d5e5db; border-radius: 18px; padding: 24px; margin-top: 32px; }
.article-next h3 { margin: 0 0 9px; font-size: 1.15rem; color: #183e34; }
.article-next p { margin: 0 0 18px; color: #49665a; line-height: 1.85; }
.article-next .btn { min-height: 46px; max-width: 100%; white-space: normal; text-align: center; justify-content: center; line-height: 1.6; }
.article-next .btn svg { flex: none; color: inherit; }
@media(max-width:600px) { .article-next { padding: 20px; } .article-next .btn { width: 100%; } }