/* style1: variante visuelle chargee par js/site-auth-menu.js. */
.site-credit-box:not(.is-authenticated) {
  display: none !important;
}

html[data-seo-style="style1"] body.page-profile .profile-tabs {
  border-color: rgba(192, 132, 252, 0.28);
  background: linear-gradient(145deg, var(--dev-card), var(--dev-card-strong));
  box-shadow: var(--dev-shadow-glow);
}

html[data-seo-style="style1"] body.page-profile .profile-tab-button {
  color: var(--dev-muted);
}

html[data-seo-style="style1"] body.page-profile .profile-tab-button:hover,
html[data-seo-style="style1"] body.page-profile .profile-tab-button:focus-visible {
  color: var(--dev-primary);
  border-color: var(--dev-primary);
  background: var(--dev-hover);
}

html[data-seo-style="style1"] body.page-profile .profile-tab-button.is-active {
  color: #ffffff;
  border-color: transparent;
  background: var(--dev-gradient-1);
  box-shadow: 0 5px 20px rgba(192, 132, 252, 0.3);
}

@media screen {
html[data-seo-style="style1"] body.page-home {
    --dev-primary: #bca0e5;
    --dev-secondary: #92aee8;
    --dev-accent: #fbbf24;
    --dev-cyan: #80d5e2;
    --dev-green: #86efac;
    --dev-bg-dark: #101126;
    --dev-bg-darker: #090c1d;
    --dev-card: rgba(27, 25, 54, 0.94);
    --dev-card-strong: rgba(16, 17, 38, 0.96);
    --dev-hover: rgba(54, 54, 83, 0.94);
    --dev-border: #363653;
    --dev-text: #f5f3fc;
    --dev-muted: #d0ccdf;
    --dev-soft: #aaa7bf;
    --dev-gradient-1: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-2: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-3: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-shadow-glow: 0 14px 34px rgba(3, 4, 15, 0.24), inset 0 1px 0 rgba(188, 160, 229, 0.05);
    --dev-transition: 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color-scheme: dark;
    color: var(--dev-text);
    background:
      linear-gradient(135deg, rgba(144, 109, 204, 0.2) 0%, transparent 30%, rgba(0, 172, 207, 0.14) 58%, rgba(0, 172, 207, 0.06) 100%),
      linear-gradient(180deg, var(--dev-bg-dark) 0%, var(--dev-bg-darker) 100%);
    background-size: 160% 160%, 100% 100%;
    animation: none;
  }

html[data-seo-style="style1"] body.pricing-page {
    --dev-primary: #bca0e5;
    --dev-secondary: #92aee8;
    --dev-accent: #fbbf24;
    --dev-cyan: #80d5e2;
    --dev-green: #86efac;
    --dev-bg-dark: #101126;
    --dev-bg-darker: #090c1d;
    --dev-card: rgba(27, 25, 54, 0.94);
    --dev-card-strong: rgba(16, 17, 38, 0.96);
    --dev-hover: rgba(54, 54, 83, 0.94);
    --dev-border: #363653;
    --dev-text: #f5f3fc;
    --dev-muted: #d0ccdf;
    --dev-soft: #aaa7bf;
    --dev-gradient-1: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-2: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-3: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-shadow-glow: 0 14px 34px rgba(3, 4, 15, 0.24), inset 0 1px 0 rgba(188, 160, 229, 0.05);
    --dev-transition: 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color-scheme: dark;
    color: var(--dev-text);
    background:
      linear-gradient(135deg, rgba(144, 109, 204, 0.2) 0%, transparent 30%, rgba(0, 172, 207, 0.14) 58%, rgba(0, 172, 207, 0.06) 100%),
      linear-gradient(180deg, var(--dev-bg-dark) 0%, var(--dev-bg-darker) 100%);
    background-size: 160% 160%, 100% 100%;
    animation: none;
  }

html[data-seo-style="style1"] body.page-reports {
    --dev-primary: #bca0e5;
    --dev-secondary: #92aee8;
    --dev-accent: #fbbf24;
    --dev-cyan: #80d5e2;
    --dev-green: #86efac;
    --dev-bg-dark: #101126;
    --dev-bg-darker: #090c1d;
    --dev-card: rgba(27, 25, 54, 0.94);
    --dev-card-strong: rgba(16, 17, 38, 0.96);
    --dev-hover: rgba(54, 54, 83, 0.94);
    --dev-border: #363653;
    --dev-text: #f5f3fc;
    --dev-muted: #d0ccdf;
    --dev-soft: #aaa7bf;
    --dev-gradient-1: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-2: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-3: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-shadow-glow: 0 14px 34px rgba(3, 4, 15, 0.24), inset 0 1px 0 rgba(188, 160, 229, 0.05);
    --dev-transition: 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color-scheme: dark;
    color: var(--dev-text);
    background:
      linear-gradient(135deg, rgba(144, 109, 204, 0.2) 0%, transparent 30%, rgba(0, 172, 207, 0.14) 58%, rgba(0, 172, 207, 0.06) 100%),
      linear-gradient(180deg, var(--dev-bg-dark) 0%, var(--dev-bg-darker) 100%);
    background-size: 160% 160%, 100% 100%;
    animation: none;
  }

html[data-seo-style="style1"] body.page-contact {
    --dev-primary: #bca0e5;
    --dev-secondary: #92aee8;
    --dev-accent: #fbbf24;
    --dev-cyan: #80d5e2;
    --dev-green: #86efac;
    --dev-bg-dark: #101126;
    --dev-bg-darker: #090c1d;
    --dev-card: rgba(27, 25, 54, 0.94);
    --dev-card-strong: rgba(16, 17, 38, 0.96);
    --dev-hover: rgba(54, 54, 83, 0.94);
    --dev-border: #363653;
    --dev-text: #f5f3fc;
    --dev-muted: #d0ccdf;
    --dev-soft: #aaa7bf;
    --dev-gradient-1: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-2: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-3: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-shadow-glow: 0 14px 34px rgba(3, 4, 15, 0.24), inset 0 1px 0 rgba(188, 160, 229, 0.05);
    --dev-transition: 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color-scheme: dark;
    color: var(--dev-text);
    background:
      linear-gradient(135deg, rgba(144, 109, 204, 0.2) 0%, transparent 30%, rgba(0, 172, 207, 0.14) 58%, rgba(0, 172, 207, 0.06) 100%),
      linear-gradient(180deg, var(--dev-bg-dark) 0%, var(--dev-bg-darker) 100%);
    background-size: 160% 160%, 100% 100%;
    animation: none;
  }

html[data-seo-style="style1"] body.page-admin {
    --dev-primary: #bca0e5;
    --dev-secondary: #92aee8;
    --dev-accent: #fbbf24;
    --dev-cyan: #80d5e2;
    --dev-green: #86efac;
    --dev-bg-dark: #101126;
    --dev-bg-darker: #090c1d;
    --dev-card: rgba(27, 25, 54, 0.94);
    --dev-card-strong: rgba(16, 17, 38, 0.96);
    --dev-hover: rgba(54, 54, 83, 0.94);
    --dev-border: #363653;
    --dev-text: #f5f3fc;
    --dev-muted: #d0ccdf;
    --dev-soft: #aaa7bf;
    --dev-gradient-1: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-2: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-3: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-shadow-glow: 0 14px 34px rgba(3, 4, 15, 0.24), inset 0 1px 0 rgba(188, 160, 229, 0.05);
    --dev-transition: 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color-scheme: dark;
    color: var(--dev-text);
    background:
      linear-gradient(135deg, rgba(144, 109, 204, 0.2) 0%, transparent 30%, rgba(0, 172, 207, 0.14) 58%, rgba(0, 172, 207, 0.06) 100%),
      linear-gradient(180deg, var(--dev-bg-dark) 0%, var(--dev-bg-darker) 100%);
    background-size: 160% 160%, 100% 100%;
    animation: none;
  }

html[data-seo-style="style1"] body.page-legal {
    --dev-primary: #bca0e5;
    --dev-secondary: #92aee8;
    --dev-accent: #fbbf24;
    --dev-cyan: #80d5e2;
    --dev-green: #86efac;
    --dev-bg-dark: #101126;
    --dev-bg-darker: #090c1d;
    --dev-card: rgba(27, 25, 54, 0.94);
    --dev-card-strong: rgba(16, 17, 38, 0.96);
    --dev-hover: rgba(54, 54, 83, 0.94);
    --dev-border: #363653;
    --dev-text: #f5f3fc;
    --dev-muted: #d0ccdf;
    --dev-soft: #aaa7bf;
    --dev-gradient-1: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-2: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-3: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-shadow-glow: 0 14px 34px rgba(3, 4, 15, 0.24), inset 0 1px 0 rgba(188, 160, 229, 0.05);
    --dev-transition: 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color-scheme: dark;
    color: var(--dev-text);
    background:
      linear-gradient(135deg, rgba(144, 109, 204, 0.2) 0%, transparent 30%, rgba(0, 172, 207, 0.14) 58%, rgba(0, 172, 207, 0.06) 100%),
      linear-gradient(180deg, var(--dev-bg-dark) 0%, var(--dev-bg-darker) 100%);
    background-size: 160% 160%, 100% 100%;
    animation: none;
  }

html[data-seo-style="style1"] body.page-tools {
    --dev-primary: #bca0e5;
    --dev-secondary: #92aee8;
    --dev-accent: #fbbf24;
    --dev-cyan: #80d5e2;
    --dev-green: #86efac;
    --dev-bg-dark: #101126;
    --dev-bg-darker: #090c1d;
    --dev-card: rgba(27, 25, 54, 0.94);
    --dev-card-strong: rgba(16, 17, 38, 0.96);
    --dev-hover: rgba(54, 54, 83, 0.94);
    --dev-border: #363653;
    --dev-text: #f5f3fc;
    --dev-muted: #d0ccdf;
    --dev-soft: #aaa7bf;
    --dev-gradient-1: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-2: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-3: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-shadow-glow: 0 14px 34px rgba(3, 4, 15, 0.24), inset 0 1px 0 rgba(188, 160, 229, 0.05);
    --dev-transition: 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color-scheme: dark;
    color: var(--dev-text);
    background:
      linear-gradient(135deg, rgba(144, 109, 204, 0.2) 0%, transparent 30%, rgba(0, 172, 207, 0.14) 58%, rgba(0, 172, 207, 0.06) 100%),
      linear-gradient(180deg, var(--dev-bg-dark) 0%, var(--dev-bg-darker) 100%);
    background-size: 160% 160%, 100% 100%;
    animation: none;
  }

html[data-seo-style="style1"] body.page-profile {
    --dev-primary: #bca0e5;
    --dev-secondary: #92aee8;
    --dev-accent: #fbbf24;
    --dev-cyan: #80d5e2;
    --dev-green: #86efac;
    --dev-bg-dark: #101126;
    --dev-bg-darker: #090c1d;
    --dev-card: rgba(27, 25, 54, 0.94);
    --dev-card-strong: rgba(16, 17, 38, 0.96);
    --dev-hover: rgba(54, 54, 83, 0.94);
    --dev-border: #363653;
    --dev-text: #f5f3fc;
    --dev-muted: #d0ccdf;
    --dev-soft: #aaa7bf;
    --dev-gradient-1: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-2: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-3: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-shadow-glow: 0 14px 34px rgba(3, 4, 15, 0.24), inset 0 1px 0 rgba(188, 160, 229, 0.05);
    --dev-transition: 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color-scheme: dark;
    color: var(--dev-text);
    background:
      linear-gradient(135deg, rgba(144, 109, 204, 0.2) 0%, transparent 30%, rgba(0, 172, 207, 0.14) 58%, rgba(0, 172, 207, 0.06) 100%),
      linear-gradient(180deg, var(--dev-bg-dark) 0%, var(--dev-bg-darker) 100%);
    background-size: 160% 160%, 100% 100%;
    animation: none;
  }

html[data-seo-style="style1"] body.mini-tool-page {
    --dev-primary: #bca0e5;
    --dev-secondary: #92aee8;
    --dev-accent: #fbbf24;
    --dev-cyan: #80d5e2;
    --dev-green: #86efac;
    --dev-bg-dark: #101126;
    --dev-bg-darker: #090c1d;
    --dev-card: rgba(27, 25, 54, 0.94);
    --dev-card-strong: rgba(16, 17, 38, 0.96);
    --dev-hover: rgba(54, 54, 83, 0.94);
    --dev-border: #363653;
    --dev-text: #f5f3fc;
    --dev-muted: #d0ccdf;
    --dev-soft: #aaa7bf;
    --dev-gradient-1: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-2: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-3: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-shadow-glow: 0 14px 34px rgba(3, 4, 15, 0.24), inset 0 1px 0 rgba(188, 160, 229, 0.05);
    --dev-transition: 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color-scheme: dark;
    color: var(--dev-text);
    background:
      linear-gradient(135deg, rgba(144, 109, 204, 0.2) 0%, transparent 30%, rgba(0, 172, 207, 0.14) 58%, rgba(0, 172, 207, 0.06) 100%),
      linear-gradient(180deg, var(--dev-bg-dark) 0%, var(--dev-bg-darker) 100%);
    background-size: 160% 160%, 100% 100%;
    animation: none;
  }

html[data-seo-style="style1"] body.app-crawl {
    --dev-primary: #bca0e5;
    --dev-secondary: #92aee8;
    --dev-accent: #fbbf24;
    --dev-cyan: #80d5e2;
    --dev-green: #86efac;
    --dev-bg-dark: #101126;
    --dev-bg-darker: #090c1d;
    --dev-card: rgba(27, 25, 54, 0.94);
    --dev-card-strong: rgba(16, 17, 38, 0.96);
    --dev-hover: rgba(54, 54, 83, 0.94);
    --dev-border: #363653;
    --dev-text: #f5f3fc;
    --dev-muted: #d0ccdf;
    --dev-soft: #aaa7bf;
    --dev-gradient-1: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-2: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-3: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-shadow-glow: 0 14px 34px rgba(3, 4, 15, 0.24), inset 0 1px 0 rgba(188, 160, 229, 0.05);
    --dev-transition: 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color-scheme: dark;
    color: var(--dev-text);
    background:
      linear-gradient(135deg, rgba(144, 109, 204, 0.2) 0%, transparent 30%, rgba(0, 172, 207, 0.14) 58%, rgba(0, 172, 207, 0.06) 100%),
      linear-gradient(180deg, var(--dev-bg-dark) 0%, var(--dev-bg-darker) 100%);
    background-size: 160% 160%, 100% 100%;
    animation: none;
  }

html[data-seo-style="style1"] body.app-one-page {
    --dev-primary: #bca0e5;
    --dev-secondary: #92aee8;
    --dev-accent: #fbbf24;
    --dev-cyan: #80d5e2;
    --dev-green: #86efac;
    --dev-bg-dark: #101126;
    --dev-bg-darker: #090c1d;
    --dev-card: rgba(27, 25, 54, 0.94);
    --dev-card-strong: rgba(16, 17, 38, 0.96);
    --dev-hover: rgba(54, 54, 83, 0.94);
    --dev-border: #363653;
    --dev-text: #f5f3fc;
    --dev-muted: #d0ccdf;
    --dev-soft: #aaa7bf;
    --dev-gradient-1: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-2: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-3: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-shadow-glow: 0 14px 34px rgba(3, 4, 15, 0.24), inset 0 1px 0 rgba(188, 160, 229, 0.05);
    --dev-transition: 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color-scheme: dark;
    color: var(--dev-text);
    background:
      linear-gradient(135deg, rgba(144, 109, 204, 0.2) 0%, transparent 30%, rgba(0, 172, 207, 0.14) 58%, rgba(0, 172, 207, 0.06) 100%),
      linear-gradient(180deg, var(--dev-bg-dark) 0%, var(--dev-bg-darker) 100%);
    background-size: 160% 160%, 100% 100%;
    animation: none;
  }

html[data-seo-style="style1"] body.doc-crawl {
    --dev-primary: #bca0e5;
    --dev-secondary: #92aee8;
    --dev-accent: #fbbf24;
    --dev-cyan: #80d5e2;
    --dev-green: #86efac;
    --dev-bg-dark: #101126;
    --dev-bg-darker: #090c1d;
    --dev-card: rgba(27, 25, 54, 0.94);
    --dev-card-strong: rgba(16, 17, 38, 0.96);
    --dev-hover: rgba(54, 54, 83, 0.94);
    --dev-border: #363653;
    --dev-text: #f5f3fc;
    --dev-muted: #d0ccdf;
    --dev-soft: #aaa7bf;
    --dev-gradient-1: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-2: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-3: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-shadow-glow: 0 14px 34px rgba(3, 4, 15, 0.24), inset 0 1px 0 rgba(188, 160, 229, 0.05);
    --dev-transition: 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color-scheme: dark;
    color: var(--dev-text);
    background:
      linear-gradient(135deg, rgba(144, 109, 204, 0.2) 0%, transparent 30%, rgba(0, 172, 207, 0.14) 58%, rgba(0, 172, 207, 0.06) 100%),
      linear-gradient(180deg, var(--dev-bg-dark) 0%, var(--dev-bg-darker) 100%);
    background-size: 160% 160%, 100% 100%;
    animation: none;
  }

html[data-seo-style="style1"] body.doc-one-page {
    --dev-primary: #bca0e5;
    --dev-secondary: #92aee8;
    --dev-accent: #fbbf24;
    --dev-cyan: #80d5e2;
    --dev-green: #86efac;
    --dev-bg-dark: #101126;
    --dev-bg-darker: #090c1d;
    --dev-card: rgba(27, 25, 54, 0.94);
    --dev-card-strong: rgba(16, 17, 38, 0.96);
    --dev-hover: rgba(54, 54, 83, 0.94);
    --dev-border: #363653;
    --dev-text: #f5f3fc;
    --dev-muted: #d0ccdf;
    --dev-soft: #aaa7bf;
    --dev-gradient-1: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-2: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-3: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-shadow-glow: 0 14px 34px rgba(3, 4, 15, 0.24), inset 0 1px 0 rgba(188, 160, 229, 0.05);
    --dev-transition: 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color-scheme: dark;
    color: var(--dev-text);
    background:
      linear-gradient(135deg, rgba(144, 109, 204, 0.2) 0%, transparent 30%, rgba(0, 172, 207, 0.14) 58%, rgba(0, 172, 207, 0.06) 100%),
      linear-gradient(180deg, var(--dev-bg-dark) 0%, var(--dev-bg-darker) 100%);
    background-size: 160% 160%, 100% 100%;
    animation: none;
  }

html[data-seo-style="style1"] body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background-image:
      linear-gradient(rgba(144, 109, 204, 0.075) 1px, transparent 1px),
      linear-gradient(90deg, rgba(0, 172, 207, 0.055) 1px, transparent 1px);
    background-size: 50px 50px;
    opacity: 0.58;
    animation: style2GridMove 20s linear infinite;
  }

html[data-seo-style="style1"] body::after {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background:
      repeating-linear-gradient(115deg, transparent 0 22px, rgba(144, 109, 204, 0.035) 22px 23px, transparent 23px 46px),
      repeating-linear-gradient(180deg, rgba(255, 255, 255, 0.018) 0 1px, transparent 1px 5px);
    opacity: 0.72;
    animation: style2CodeDrift 18s linear infinite;
  }

html[data-seo-style="style1"] .style2-particles {
    position: fixed;
    inset: 0;
    z-index: 0;
    overflow: hidden;
    pointer-events: none;
  }

html[data-seo-style="style1"] .style2-particle {
    position: absolute;
    left: var(--particle-x, 50%);
    bottom: -10vh;
    color: var(--dev-primary);
    font-family: Consolas, "Fira Code", "Courier New", monospace;
    font-size: var(--particle-size, 1.35rem);
    font-weight: 700;
    line-height: 1;
    opacity: 0;
    text-shadow: 0 0 16px rgba(144, 109, 204, 0.35);
    animation: style2ParticleFloat var(--particle-duration, 14s) linear infinite;
    animation-delay: var(--particle-delay, 0s);
  }

@keyframes style2PortfolioSurface {
    0% {
      background-position: 0% 0%, 0 0;
    }
    100% {
      background-position: 100% 100%, 0 0;
    }
  }

@keyframes style2GridMove {
    0% {
      background-position: 0 0, 0 0;
    }
    100% {
      background-position: 50px 50px, 50px 50px;
    }
  }

@keyframes style2CodeDrift {
    0% {
      background-position: 0 0, 0 0;
    }
    100% {
      background-position: 90px 140px, 0 24px;
    }
  }

@keyframes style2ParticleFloat {
    0% {
      transform: translateY(0) rotate(0deg);
      opacity: 0;
    }
    10%,
    88% {
      opacity: 0.18;
    }
    100% {
      transform: translateY(-112vh) rotate(360deg);
      opacity: 0;
    }
  }

@keyframes style2FadeInUp {
    0% {
      opacity: 0;
      transform: translateY(18px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

@keyframes style2Blink {
    0%,
    50% {
      opacity: 1;
    }
    51%,
    100% {
      opacity: 0.25;
    }
  }

@keyframes style2PulseGlow {
    0%,
    100% {
      box-shadow: 0 0 0 rgba(144, 109, 204, 0), var(--dev-shadow-glow);
    }
    50% {
      box-shadow: 0 0 34px rgba(0, 172, 207, 0.16), 0 0 42px rgba(144, 109, 204, 0.24);
    }
  }

@keyframes style2Shimmer {
    0% {
      transform: translateX(-110%);
    }
    100% {
      transform: translateX(110%);
    }
  }

html[data-seo-style="style1"] h1 {
    font-family: Consolas, "Fira Code", "Courier New", monospace;
    letter-spacing: 0;
  }

html[data-seo-style="style1"] h2 {
    font-family: Consolas, "Fira Code", "Courier New", monospace;
    letter-spacing: 0;
  }

html[data-seo-style="style1"] h3 {
    font-family: Consolas, "Fira Code", "Courier New", monospace;
    letter-spacing: 0;
  }

html[data-seo-style="style1"] .score-value {
    font-family: Consolas, "Fira Code", "Courier New", monospace;
    letter-spacing: 0;
  }

html[data-seo-style="style1"] .stat-number {
    font-family: Consolas, "Fira Code", "Courier New", monospace;
    letter-spacing: 0;
  }

html[data-seo-style="style1"] .reports-counter {
    font-family: Consolas, "Fira Code", "Courier New", monospace;
    letter-spacing: 0;
  }

html[data-seo-style="style1"] body.page-home h1,
html[data-seo-style="style1"] body.pricing-page h1,
html[data-seo-style="style1"] body.page-reports h1,
html[data-seo-style="style1"] body.page-contact h1,
html[data-seo-style="style1"] body.page-admin h1,
html[data-seo-style="style1"] body.page-legal h1,
html[data-seo-style="style1"] body.page-tools h1,
html[data-seo-style="style1"] body.page-profile h1,
html[data-seo-style="style1"] body.mini-tool-page h1,
html[data-seo-style="style1"] body.app-crawl h1,
html[data-seo-style="style1"] body.app-one-page h1,
html[data-seo-style="style1"] body.doc-crawl h1,
html[data-seo-style="style1"] body.doc-one-page h1 {
    color: var(--dev-primary);
    background: var(--dev-gradient-1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-shadow: 0 0 24px rgba(144, 109, 204, 0.22);
  }

html[data-seo-style="style1"] body.page-home h1::after,
html[data-seo-style="style1"] body.pricing-page h1::after,
html[data-seo-style="style1"] body.page-reports h1::after,
html[data-seo-style="style1"] body.page-contact h1::after,
html[data-seo-style="style1"] body.page-admin h1::after,
html[data-seo-style="style1"] body.page-legal h1::after,
html[data-seo-style="style1"] body.page-tools h1::after,
html[data-seo-style="style1"] body.page-profile h1::after,
html[data-seo-style="style1"] body.mini-tool-page h1::after,
html[data-seo-style="style1"] body.app-crawl h1::after,
html[data-seo-style="style1"] body.app-one-page h1::after,
html[data-seo-style="style1"] body.doc-crawl h1::after,
html[data-seo-style="style1"] body.doc-one-page h1::after {
    content: " |";
    -webkit-text-fill-color: var(--dev-cyan);
    color: var(--dev-cyan);
    animation: style2Blink 1.1s step-end infinite;
  }

html[data-seo-style="style1"] .site-menu {
    border-bottom-color: rgba(144, 109, 204, 0.26);
    background: rgba(14, 14, 33, 0.82);
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.28);
    backdrop-filter: blur(20px);
  }

html[data-seo-style="style1"] .site-menu-brand img {
    box-shadow: 0 0 0 1px rgba(144, 109, 204, 0.32), 0 0 24px rgba(144, 109, 204, 0.2), 0 0 34px rgba(0, 172, 207, 0.1);
  }

html[data-seo-style="style1"] body.page-home .brand-logo {
    box-shadow: 0 0 0 1px rgba(144, 109, 204, 0.32), 0 0 24px rgba(144, 109, 204, 0.2), 0 0 34px rgba(0, 172, 207, 0.1);
  }

html[data-seo-style="style1"] body.page-home .tool-icon {
    box-shadow: 0 0 0 1px rgba(144, 109, 204, 0.32), 0 0 24px rgba(144, 109, 204, 0.2), 0 0 34px rgba(0, 172, 207, 0.1);
  }

html[data-seo-style="style1"] body.app-crawl .app-logo {
    box-shadow: 0 0 0 1px rgba(144, 109, 204, 0.32), 0 0 24px rgba(144, 109, 204, 0.2), 0 0 34px rgba(0, 172, 207, 0.1);
  }

html[data-seo-style="style1"] body.app-one-page .app-logo {
    box-shadow: 0 0 0 1px rgba(144, 109, 204, 0.32), 0 0 24px rgba(144, 109, 204, 0.2), 0 0 34px rgba(0, 172, 207, 0.1);
  }

html[data-seo-style="style1"] body.page-home .hero,
html[data-seo-style="style1"] body.page-home .home-mini-tools,
html[data-seo-style="style1"] body.page-home .home-mini-grid a,
html[data-seo-style="style1"] body.page-home .home-guide,
html[data-seo-style="style1"] body.page-home .home-faq,
html[data-seo-style="style1"] body.page-home .tool-card,
html[data-seo-style="style1"] body.pricing-page .hero-card,
html[data-seo-style="style1"] body.pricing-page .auth-panel,
html[data-seo-style="style1"] body.pricing-page .pricing-card,
html[data-seo-style="style1"] body.pricing-page .pricing-notice,
html[data-seo-style="style1"] body.pricing-page .pricing-explainer article,
html[data-seo-style="style1"] body.pricing-page .pricing-help-grid article,
html[data-seo-style="style1"] body.page-reports .hero-card,
html[data-seo-style="style1"] body.page-reports .reports-toolbar,
html[data-seo-style="style1"] body.page-reports .reports-stats article,
html[data-seo-style="style1"] body.page-reports .reports-site-card,
html[data-seo-style="style1"] body.page-reports .reports-empty,
html[data-seo-style="style1"] body.page-contact .hero-card,
html[data-seo-style="style1"] body.page-contact .contact-info-card,
html[data-seo-style="style1"] body.page-admin .hero-card,
html[data-seo-style="style1"] body.page-admin .admin-table-card,
html[data-seo-style="style1"] body.page-admin .admin-metrics div,
html[data-seo-style="style1"] body.page-admin .admin-alert,
html[data-seo-style="style1"] body.page-legal .hero-card,
html[data-seo-style="style1"] body.page-legal .legal-card,
html[data-seo-style="style1"] body.page-tools .hero-card,
html[data-seo-style="style1"] body.page-tools .tools-primary,
html[data-seo-style="style1"] body.page-tools .tools-card,
html[data-seo-style="style1"] body.page-tools .tools-product-card,
html[data-seo-style="style1"] body.page-profile .hero-card,
html[data-seo-style="style1"] body.page-profile .profile-panel,
html[data-seo-style="style1"] body.page-profile .profile-site-card,
html[data-seo-style="style1"] body.page-profile .profile-style-option,
html[data-seo-style="style1"] body.page-profile .profile-purchase-card,
html[data-seo-style="style1"] body.mini-tool-page .mini-hero,
html[data-seo-style="style1"] body.mini-tool-page .mini-panel,
html[data-seo-style="style1"] body.mini-tool-page .mini-check,
html[data-seo-style="style1"] body.mini-tool-page .mini-raw-grid div,
html[data-seo-style="style1"] body.mini-tool-page .mini-advice,
html[data-seo-style="style1"] body.mini-tool-page .profile-picker,
html[data-seo-style="style1"] body.app-crawl .profile-picker,
html[data-seo-style="style1"] body.app-one-page .profile-picker,
html[data-seo-style="style1"] body.mini-tool-page .social-preview-card,
html[data-seo-style="style1"] body.compare-tool-page .compare-leader-card,
html[data-seo-style="style1"] body.compare-tool-page .compare-table-wrap,
html[data-seo-style="style1"] body.compare-tool-page .compare-record-card,
html[data-seo-style="style1"] body.compare-tool-page .compare-opportunity-card,
html[data-seo-style="style1"] body.compare-tool-page .compare-evidence-disclosure,
html[data-seo-style="style1"] body.compare-tool-page .compare-observation-disclosure,
html[data-seo-style="style1"] body.app-crawl .panel,
html[data-seo-style="style1"] body.app-one-page .panel,
html[data-seo-style="style1"] body.doc-crawl header,
html[data-seo-style="style1"] body.doc-crawl section,
html[data-seo-style="style1"] body.doc-crawl .card,
html[data-seo-style="style1"] body.doc-one-page header,
html[data-seo-style="style1"] body.doc-one-page section,
html[data-seo-style="style1"] body.doc-one-page .card {
    border-color: var(--dev-border);
    border-radius: 8px;
    background: linear-gradient(145deg, var(--dev-card), var(--dev-card-strong));
    box-shadow: 0 20px 25px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.035);
    animation: none;
    transition: transform var(--dev-transition), border-color var(--dev-transition), box-shadow var(--dev-transition), background var(--dev-transition);
  }

html[data-seo-style="style1"] body.compare-tool-page :is(
  .compare-record-grid,
  .compare-opportunity-grid,
  .compare-record-grid > *,
  .compare-opportunity-grid > *,
  .compare-record-card,
  .compare-opportunity-card,
  .compare-evidence-disclosure,
  .compare-observation-disclosure
) {
    min-width: 0;
    max-width: 100%;
  }

html[data-seo-style="style1"] body.compare-tool-page
  :is(.compare-record-card, .compare-opportunity-card, .compare-evidence-disclosure, .compare-observation-disclosure)
  :is(a, code, strong, small, p, dt, dd, li, summary) {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }

html[data-seo-style="style1"] body.page-home .home-mini-grid a:hover {
    transform: translateY(-5px);
    border-color: var(--dev-primary);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.32), 0 0 30px rgba(144, 109, 204, 0.18);
  }

html[data-seo-style="style1"] body.page-home .tool-card:hover {
    transform: translateY(-5px);
    border-color: var(--dev-primary);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.32), 0 0 30px rgba(144, 109, 204, 0.18);
  }

html[data-seo-style="style1"] body.pricing-page .pricing-card:hover {
    transform: translateY(-5px);
    border-color: var(--dev-primary);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.32), 0 0 30px rgba(144, 109, 204, 0.18);
  }

html[data-seo-style="style1"] body.pricing-page .pricing-explainer article:hover {
    transform: translateY(-5px);
    border-color: var(--dev-primary);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.32), 0 0 30px rgba(144, 109, 204, 0.18);
  }

html[data-seo-style="style1"] body.pricing-page .pricing-help-grid article:hover {
    transform: translateY(-5px);
    border-color: var(--dev-primary);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.32), 0 0 30px rgba(144, 109, 204, 0.18);
  }

html[data-seo-style="style1"] body.page-reports .reports-stats article:hover {
    transform: translateY(-5px);
    border-color: var(--dev-primary);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.32), 0 0 30px rgba(144, 109, 204, 0.18);
  }

html[data-seo-style="style1"] body.page-reports .reports-site-card:hover {
    transform: translateY(-5px);
    border-color: var(--dev-primary);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.32), 0 0 30px rgba(144, 109, 204, 0.18);
  }

html[data-seo-style="style1"] body.page-tools .tools-card:hover {
    transform: translateY(-5px);
    border-color: var(--dev-primary);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.32), 0 0 30px rgba(144, 109, 204, 0.18);
  }

html[data-seo-style="style1"] body.page-tools .tools-product-card:hover {
    transform: translateY(-5px);
    border-color: var(--dev-primary);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.32), 0 0 30px rgba(144, 109, 204, 0.18);
  }

html[data-seo-style="style1"] body.page-profile .profile-site-card:hover {
    transform: translateY(-5px);
    border-color: var(--dev-primary);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.32), 0 0 30px rgba(144, 109, 204, 0.18);
  }

html[data-seo-style="style1"] body.page-profile .profile-style-option:hover {
    transform: translateY(-5px);
    border-color: var(--dev-primary);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.32), 0 0 30px rgba(144, 109, 204, 0.18);
  }

html[data-seo-style="style1"] body.page-profile .profile-purchase-card:hover {
    transform: translateY(-5px);
    border-color: var(--dev-primary);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.32), 0 0 30px rgba(144, 109, 204, 0.18);
  }

html[data-seo-style="style1"] body.mini-tool-page .mini-check:hover {
    transform: translateY(-5px);
    border-color: var(--dev-primary);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.32), 0 0 30px rgba(144, 109, 204, 0.18);
  }

html[data-seo-style="style1"] body.mini-tool-page .mini-raw-grid div:hover {
    transform: translateY(-5px);
    border-color: var(--dev-primary);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.32), 0 0 30px rgba(144, 109, 204, 0.18);
  }

html[data-seo-style="style1"] .site-menu-links a,
html[data-seo-style="style1"] .site-auth-button,
html[data-seo-style="style1"] .site-auth-provider-button,
html[data-seo-style="style1"] .site-menu-toggle,
html[data-seo-style="style1"] .reports-toolbar button,
html[data-seo-style="style1"] .reports-row-actions a,
html[data-seo-style="style1"] .reports-row-actions button,
html[data-seo-style="style1"] .site-credit-balance,
html[data-seo-style="style1"] .site-credit-claim,
html[data-seo-style="style1"] .site-reports-shortcut,
html[data-seo-style="style1"] .site-profile-shortcut,
html[data-seo-style="style1"] .site-admin-shortcut,
html[data-seo-style="style1"] body.page-profile .primary,
html[data-seo-style="style1"] body.page-profile .secondary,
html[data-seo-style="style1"] body.page-profile .mini-back-link,
html[data-seo-style="style1"] body.mini-tool-page .mini-form button,
html[data-seo-style="style1"] body.compare-tool-page .compare-actions button,
html[data-seo-style="style1"] body.app-crawl button,
html[data-seo-style="style1"] body.app-one-page button {
    border-color: var(--dev-border);
    border-radius: 8px;
    color: var(--dev-muted);
    background: rgba(27, 25, 54, 0.72);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.18);
    font-weight: 700;
    transition: transform var(--dev-transition), border-color var(--dev-transition), color var(--dev-transition), background var(--dev-transition), box-shadow var(--dev-transition);
  }

html[data-seo-style="style1"] .site-menu-links a:hover {
    color: var(--dev-primary);
    border-color: var(--dev-primary);
    background: var(--dev-hover);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.22);
    transform: translateY(-2px);
  }

html[data-seo-style="style1"] .site-menu-links a:focus-visible {
    color: var(--dev-primary);
    border-color: var(--dev-primary);
    background: var(--dev-hover);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.22);
    transform: translateY(-2px);
  }

html[data-seo-style="style1"] .site-auth-button:hover {
    color: var(--dev-primary);
    border-color: var(--dev-primary);
    background: var(--dev-hover);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.22);
    transform: translateY(-2px);
  }

html[data-seo-style="style1"] .site-auth-provider-button:hover {
    color: var(--dev-primary);
    border-color: var(--dev-primary);
    background: var(--dev-hover);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.22);
    transform: translateY(-2px);
  }

html[data-seo-style="style1"] .site-menu-toggle:hover {
    color: var(--dev-primary);
    border-color: var(--dev-primary);
    background: var(--dev-hover);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.22);
    transform: translateY(-2px);
  }

html[data-seo-style="style1"] .reports-toolbar button:hover {
    color: var(--dev-primary);
    border-color: var(--dev-primary);
    background: var(--dev-hover);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.22);
    transform: translateY(-2px);
  }

html[data-seo-style="style1"] .reports-row-actions a:hover {
    color: var(--dev-primary);
    border-color: var(--dev-primary);
    background: var(--dev-hover);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.22);
    transform: translateY(-2px);
  }

html[data-seo-style="style1"] .reports-row-actions button:hover {
    color: var(--dev-primary);
    border-color: var(--dev-primary);
    background: var(--dev-hover);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.22);
    transform: translateY(-2px);
  }

html[data-seo-style="style1"] .site-credit-balance:hover {
    color: var(--dev-primary);
    border-color: var(--dev-primary);
    background: var(--dev-hover);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.22);
    transform: translateY(-2px);
  }

html[data-seo-style="style1"] .site-credit-balance:focus-visible {
    color: var(--dev-primary);
    border-color: var(--dev-primary);
    background: var(--dev-hover);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.22);
    transform: translateY(-2px);
  }

html[data-seo-style="style1"] .site-credit-claim:hover {
    color: var(--dev-primary);
    border-color: var(--dev-primary);
    background: var(--dev-hover);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.22);
    transform: translateY(-2px);
  }

html[data-seo-style="style1"] .site-credit-claim:focus-visible {
    color: var(--dev-primary);
    border-color: var(--dev-primary);
    background: var(--dev-hover);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.22);
    transform: translateY(-2px);
  }

html[data-seo-style="style1"] .site-reports-shortcut:hover {
    color: var(--dev-primary);
    border-color: var(--dev-primary);
    background: var(--dev-hover);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.22);
    transform: translateY(-2px);
  }

html[data-seo-style="style1"] .site-reports-shortcut:focus-visible {
    color: var(--dev-primary);
    border-color: var(--dev-primary);
    background: var(--dev-hover);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.22);
    transform: translateY(-2px);
  }

html[data-seo-style="style1"] .site-profile-shortcut:hover {
    color: var(--dev-primary);
    border-color: var(--dev-primary);
    background: var(--dev-hover);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.22);
    transform: translateY(-2px);
  }

html[data-seo-style="style1"] .site-profile-shortcut:focus-visible {
    color: var(--dev-primary);
    border-color: var(--dev-primary);
    background: var(--dev-hover);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.22);
    transform: translateY(-2px);
  }

html[data-seo-style="style1"] .site-admin-shortcut:hover {
    color: var(--dev-primary);
    border-color: var(--dev-primary);
    background: var(--dev-hover);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.22);
    transform: translateY(-2px);
  }

html[data-seo-style="style1"] .site-admin-shortcut:focus-visible {
    color: var(--dev-primary);
    border-color: var(--dev-primary);
    background: var(--dev-hover);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.22);
    transform: translateY(-2px);
  }

html[data-seo-style="style1"] body.page-profile .secondary:hover {
    color: var(--dev-primary);
    border-color: var(--dev-primary);
    background: var(--dev-hover);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.22);
    transform: translateY(-2px);
  }

html[data-seo-style="style1"] body.page-profile .mini-back-link:hover {
    color: var(--dev-primary);
    border-color: var(--dev-primary);
    background: var(--dev-hover);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.22);
    transform: translateY(-2px);
  }

html[data-seo-style="style1"] body.app-crawl button:hover {
    color: var(--dev-primary);
    border-color: var(--dev-primary);
    background: var(--dev-hover);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.22);
    transform: translateY(-2px);
  }

html[data-seo-style="style1"] body.app-one-page button:hover {
    color: var(--dev-primary);
    border-color: var(--dev-primary);
    background: var(--dev-hover);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.22);
    transform: translateY(-2px);
  }

html[data-seo-style="style1"] .site-menu-links a.is-active {
    color: #ffffff;
    border-color: transparent;
    background: var(--dev-action-gradient);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.3);
    text-shadow: none;
  }

html[data-seo-style="style1"] .site-reports-shortcut.is-active {
    color: #ffffff;
    border-color: transparent;
    background: var(--dev-action-gradient);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.3);
    text-shadow: none;
  }

html[data-seo-style="style1"] .site-profile-shortcut.is-active {
    color: #ffffff;
    border-color: transparent;
    background: var(--dev-action-gradient);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.3);
    text-shadow: none;
  }

html[data-seo-style="style1"] .site-admin-shortcut.is-active {
    color: #ffffff;
    border-color: transparent;
    background: var(--dev-action-gradient);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.3);
    text-shadow: none;
  }

html[data-seo-style="style1"] body.page-home .open-tool {
    color: #ffffff;
    border-color: transparent;
    background: var(--dev-action-gradient);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.3);
    text-shadow: none;
  }

html[data-seo-style="style1"] body.pricing-page .primary {
    color: #ffffff;
    border-color: transparent;
    background: var(--dev-action-gradient);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.3);
    text-shadow: none;
  }

html[data-seo-style="style1"] body.page-contact .contact-submit {
    color: #ffffff;
    border-color: transparent;
    background: var(--dev-action-gradient);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.3);
    text-shadow: none;
  }

html[data-seo-style="style1"] body.page-tools .tools-card span:last-child {
    color: #ffffff;
    border-color: transparent;
    background: var(--dev-action-gradient);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.3);
    text-shadow: none;
  }

html[data-seo-style="style1"] body.page-profile .primary {
    color: #ffffff;
    border-color: transparent;
    background: var(--dev-action-gradient);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.3);
    text-shadow: none;
  }

html[data-seo-style="style1"] body.mini-tool-page .mini-form button {
    color: #ffffff;
    border-color: transparent;
    background: var(--dev-action-gradient);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.3);
    text-shadow: none;
  }

html[data-seo-style="style1"] body.compare-tool-page .compare-actions button.primary {
    color: #ffffff;
    border-color: transparent;
    background: var(--dev-action-gradient);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.3);
    text-shadow: none;
  }

html[data-seo-style="style1"] body.app-crawl .primary {
    color: #ffffff;
    border-color: transparent;
    background: var(--dev-action-gradient);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.3);
    text-shadow: none;
  }

html[data-seo-style="style1"] body.app-one-page .primary {
    color: #ffffff;
    border-color: transparent;
    background: var(--dev-action-gradient);
    box-shadow: 0 5px 20px rgba(144, 109, 204, 0.3);
    text-shadow: none;
  }

html[data-seo-style="style1"] .site-credit-balance strong {
    color: var(--dev-cyan);
    border-color: rgba(0, 172, 207, 0.3);
    background: rgba(0, 172, 207, 0.08);
    font-family: Consolas, "Fira Code", "Courier New", monospace;
  }

html[data-seo-style="style1"] .site-credit-balance .site-credit-daily-bonus,
html[data-seo-style="style1"] .site-credit-balance .site-credit-daily-bonus.is-earned {
    color: var(--dev-cyan);
  }

html[data-seo-style="style1"] .site-credit-balance.is-credit-highlighted,
html[data-seo-style="style1"] .site-credit-balance.is-credit-unlimited {
    border-color: rgba(0, 172, 207, 0.52);
    box-shadow: 0 0 18px rgba(0, 172, 207, 0.18), 0 4px 6px rgba(0, 0, 0, 0.18);
  }

html[data-seo-style="style1"] .site-credit-infinity {
    color: var(--dev-cyan);
    text-shadow: 0 0 12px rgba(0, 172, 207, 0.62), 0 0 24px rgba(144, 109, 204, 0.36);
  }

html[data-seo-style="style1"] body.page-home .eyebrow {
    color: var(--dev-cyan);
    border-color: rgba(0, 172, 207, 0.3);
    background: rgba(0, 172, 207, 0.08);
    font-family: Consolas, "Fira Code", "Courier New", monospace;
  }

html[data-seo-style="style1"] body.page-home .tool-label {
    color: var(--dev-cyan);
    border-color: rgba(0, 172, 207, 0.3);
    background: rgba(0, 172, 207, 0.08);
    font-family: Consolas, "Fira Code", "Courier New", monospace;
  }

html[data-seo-style="style1"] body.pricing-page .badge-soft {
    color: var(--dev-cyan);
    border-color: rgba(0, 172, 207, 0.3);
    background: rgba(0, 172, 207, 0.08);
    font-family: Consolas, "Fira Code", "Courier New", monospace;
  }

html[data-seo-style="style1"] body.page-reports .badge-soft {
    color: var(--dev-cyan);
    border-color: rgba(0, 172, 207, 0.3);
    background: rgba(0, 172, 207, 0.08);
    font-family: Consolas, "Fira Code", "Courier New", monospace;
  }

html[data-seo-style="style1"] body.page-contact .badge-soft {
    color: var(--dev-cyan);
    border-color: rgba(0, 172, 207, 0.3);
    background: rgba(0, 172, 207, 0.08);
    font-family: Consolas, "Fira Code", "Courier New", monospace;
  }

html[data-seo-style="style1"] body.page-admin .badge-soft {
    color: var(--dev-cyan);
    border-color: rgba(0, 172, 207, 0.3);
    background: rgba(0, 172, 207, 0.08);
    font-family: Consolas, "Fira Code", "Courier New", monospace;
  }

html[data-seo-style="style1"] body.page-legal .badge-soft {
    color: var(--dev-cyan);
    border-color: rgba(0, 172, 207, 0.3);
    background: rgba(0, 172, 207, 0.08);
    font-family: Consolas, "Fira Code", "Courier New", monospace;
  }

html[data-seo-style="style1"] body.page-tools .badge-soft {
    color: var(--dev-cyan);
    border-color: rgba(0, 172, 207, 0.3);
    background: rgba(0, 172, 207, 0.08);
    font-family: Consolas, "Fira Code", "Courier New", monospace;
  }

html[data-seo-style="style1"] body.page-profile .badge-soft {
    color: var(--dev-cyan);
    border-color: rgba(0, 172, 207, 0.3);
    background: rgba(0, 172, 207, 0.08);
    font-family: Consolas, "Fira Code", "Courier New", monospace;
  }

html[data-seo-style="style1"] body.page-profile .tool-label {
    color: var(--dev-cyan);
    border-color: rgba(0, 172, 207, 0.3);
    background: rgba(0, 172, 207, 0.08);
    font-family: Consolas, "Fira Code", "Courier New", monospace;
  }

html[data-seo-style="style1"] body.mini-tool-page .badge-soft {
    color: var(--dev-cyan);
    border-color: rgba(0, 172, 207, 0.3);
    background: rgba(0, 172, 207, 0.08);
    font-family: Consolas, "Fira Code", "Courier New", monospace;
  }

html[data-seo-style="style1"] body.app-crawl .audit-intro {
    color: var(--dev-cyan);
    border-color: rgba(0, 172, 207, 0.3);
    background: rgba(0, 172, 207, 0.08);
    font-family: Consolas, "Fira Code", "Courier New", monospace;
  }

html[data-seo-style="style1"] body.app-one-page .audit-intro {
    color: var(--dev-cyan);
    border-color: rgba(0, 172, 207, 0.3);
    background: rgba(0, 172, 207, 0.08);
    font-family: Consolas, "Fira Code", "Courier New", monospace;
  }

html[data-seo-style="style1"] .site-credit-claim {
    color: #101126;
    border-color: transparent;
    background: var(--dev-gradient-3);
  }

html[data-seo-style="style1"] .site-credit-claim.is-gift {
    color: #101126;
    border-color: transparent;
    background: var(--dev-gradient-3);
  }

html[data-seo-style="style1"] body.page-profile .profile-style-option.is-selected {
    border-color: var(--dev-primary);
    box-shadow: 0 0 0 3px rgba(144, 109, 204, 0.16), 0 0 26px rgba(144, 109, 204, 0.18);
  }

html[data-seo-style="style1"] body.page-profile .profile-style-option:has(input:checked) {
    border-color: var(--dev-primary);
    box-shadow: 0 0 0 3px rgba(144, 109, 204, 0.16), 0 0 26px rgba(144, 109, 204, 0.18);
  }

html[data-seo-style="style1"] body.page-profile input {
    color: var(--dev-text);
    border-color: var(--dev-border);
    border-radius: 8px;
    background: rgba(16, 17, 38, 0.76);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  }

html[data-seo-style="style1"] body.page-profile select {
    color: var(--dev-text);
    border-color: var(--dev-border);
    border-radius: 8px;
    background: rgba(16, 17, 38, 0.76);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  }

html[data-seo-style="style1"] body.mini-tool-page .mini-form input {
    color: var(--dev-text);
    border-color: var(--dev-border);
    border-radius: 8px;
    background: rgba(16, 17, 38, 0.76);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  }

html[data-seo-style="style1"] body.mini-tool-page .mini-field-grid input {
    color: var(--dev-text);
    border-color: var(--dev-border);
    border-radius: 8px;
    background: rgba(16, 17, 38, 0.76);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  }

html[data-seo-style="style1"] body.mini-tool-page .mini-field-grid textarea {
    color: var(--dev-text);
    border-color: var(--dev-border);
    border-radius: 8px;
    background: rgba(16, 17, 38, 0.76);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  }

html[data-seo-style="style1"] body.mini-tool-page .mini-field-grid select {
    color: var(--dev-text);
    border-color: var(--dev-border);
    border-radius: 8px;
    background: rgba(16, 17, 38, 0.76);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  }

html[data-seo-style="style1"] body.app-crawl input:not([type="checkbox"]):not([type="radio"]):not([type="color"]) {
    color: var(--dev-text);
    border-color: var(--dev-border);
    border-radius: 8px;
    background: rgba(16, 17, 38, 0.76);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  }

html[data-seo-style="style1"] body.app-one-page input {
    color: var(--dev-text);
    border-color: var(--dev-border);
    border-radius: 8px;
    background: rgba(16, 17, 38, 0.76);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  }

html[data-seo-style="style1"] body.app-crawl .table-tools input {
    color: var(--dev-text);
    border-color: var(--dev-border);
    border-radius: 8px;
    background: rgba(16, 17, 38, 0.76);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  }

html[data-seo-style="style1"] body.app-crawl .table-tools select {
    color: var(--dev-text);
    border-color: var(--dev-border);
    border-radius: 8px;
    background: rgba(16, 17, 38, 0.76);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  }

html[data-seo-style="style1"] body.page-profile input:focus {
    border-color: var(--dev-primary);
    box-shadow: 0 0 0 3px rgba(144, 109, 204, 0.18), 0 0 20px rgba(144, 109, 204, 0.14);
  }

html[data-seo-style="style1"] body.page-profile select:focus {
    border-color: var(--dev-primary);
    box-shadow: 0 0 0 3px rgba(144, 109, 204, 0.18), 0 0 20px rgba(144, 109, 204, 0.14);
  }

html[data-seo-style="style1"] body.mini-tool-page .mini-form input:focus {
    border-color: var(--dev-primary);
    box-shadow: 0 0 0 3px rgba(144, 109, 204, 0.18), 0 0 20px rgba(144, 109, 204, 0.14);
  }

html[data-seo-style="style1"] body.mini-tool-page .mini-field-grid input:focus {
    border-color: var(--dev-primary);
    box-shadow: 0 0 0 3px rgba(144, 109, 204, 0.18), 0 0 20px rgba(144, 109, 204, 0.14);
  }

html[data-seo-style="style1"] body.mini-tool-page .mini-field-grid textarea:focus {
    border-color: var(--dev-primary);
    box-shadow: 0 0 0 3px rgba(144, 109, 204, 0.18), 0 0 20px rgba(144, 109, 204, 0.14);
  }

html[data-seo-style="style1"] body.mini-tool-page .mini-field-grid select:focus {
    border-color: var(--dev-primary);
    box-shadow: 0 0 0 3px rgba(144, 109, 204, 0.18), 0 0 20px rgba(144, 109, 204, 0.14);
  }

html[data-seo-style="style1"] body.app-crawl input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):focus {
    border-color: var(--dev-primary);
    box-shadow: 0 0 0 3px rgba(144, 109, 204, 0.18), 0 0 20px rgba(144, 109, 204, 0.14);
  }

html[data-seo-style="style1"] body.app-crawl .crawl-sitemap-toggle input[type="checkbox"] {
    appearance: auto;
    width: 18px;
    min-width: 18px;
    height: 18px;
    min-height: 18px;
    margin: 3px 0 0;
    padding: 0;
    border-radius: 3px;
    accent-color: var(--dev-primary);
    box-shadow: none;
  }

html[data-seo-style="style1"] body.app-one-page input:focus {
    border-color: var(--dev-primary);
    box-shadow: 0 0 0 3px rgba(144, 109, 204, 0.18), 0 0 20px rgba(144, 109, 204, 0.14);
  }

html[data-seo-style="style1"] body.app-crawl .table-tools input:focus {
    border-color: var(--dev-primary);
    box-shadow: 0 0 0 3px rgba(144, 109, 204, 0.18), 0 0 20px rgba(144, 109, 204, 0.14);
  }

html[data-seo-style="style1"] body.app-crawl .table-tools select:focus {
    border-color: var(--dev-primary);
    box-shadow: 0 0 0 3px rgba(144, 109, 204, 0.18), 0 0 20px rgba(144, 109, 204, 0.14);
  }

html[data-seo-style="style1"] body.page-profile p {
    color: var(--dev-muted);
  }

html[data-seo-style="style1"] body.page-tools p {
    color: var(--dev-muted);
  }

html[data-seo-style="style1"] body.mini-tool-page p {
    color: var(--dev-muted);
  }

html[data-seo-style="style1"] body.app-crawl .sub {
    color: var(--dev-muted);
  }

html[data-seo-style="style1"] body.app-one-page .sub {
    color: var(--dev-muted);
  }

html[data-seo-style="style1"] body.app-crawl .progress-bar > span {
    position: relative;
    overflow: hidden;
    background: var(--dev-gradient-1);
    box-shadow: 0 0 18px rgba(144, 109, 204, 0.34);
  }

html[data-seo-style="style1"] body.app-one-page .progress-bar > span {
    position: relative;
    overflow: hidden;
    background: var(--dev-gradient-1);
    box-shadow: 0 0 18px rgba(144, 109, 204, 0.34);
  }

html[data-seo-style="style1"] .analysis-lock-progress > span {
    position: relative;
    overflow: hidden;
    background: var(--dev-gradient-1);
    box-shadow: 0 0 18px rgba(144, 109, 204, 0.34);
  }

html[data-seo-style="style1"] body.app-crawl .progress-bar > span::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.32), transparent);
    animation: style2Shimmer 2s linear infinite;
  }

html[data-seo-style="style1"] body.app-one-page .progress-bar > span::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.32), transparent);
    animation: style2Shimmer 2s linear infinite;
  }

html[data-seo-style="style1"] .analysis-lock-progress > span::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.32), transparent);
    animation: style2Shimmer 2s linear infinite;
  }

html[data-seo-style="style1"] body.app-crawl .hero-panel {
    position: relative;
    overflow: hidden;
    border-color: rgba(144, 109, 204, 0.38);
    background:
      linear-gradient(135deg, rgba(144, 109, 204, 0.16), transparent 38%),
      linear-gradient(180deg, rgba(27, 25, 54, 0.96), rgba(16, 17, 38, 0.97));
  }

html[data-seo-style="style1"] body.app-one-page .hero-panel {
    position: relative;
    overflow: hidden;
    border-color: rgba(144, 109, 204, 0.38);
    background:
      linear-gradient(135deg, rgba(144, 109, 204, 0.16), transparent 38%),
      linear-gradient(180deg, rgba(27, 25, 54, 0.96), rgba(16, 17, 38, 0.97));
  }

html[data-seo-style="style1"] body.app-crawl .hero-panel::after {
    content: "";
    position: absolute;
    inset: auto -18% -1px 18%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--dev-primary), var(--dev-cyan), transparent);
    opacity: 0.86;
    animation: style2Shimmer 4.6s linear infinite;
    pointer-events: none;
  }

html[data-seo-style="style1"] body.app-one-page .hero-panel::after {
    content: "";
    position: absolute;
    inset: auto -18% -1px 18%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--dev-primary), var(--dev-cyan), transparent);
    opacity: 0.86;
    animation: style2Shimmer 4.6s linear infinite;
    pointer-events: none;
  }

html[data-seo-style="style1"] body.app-crawl .score-card {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-one-page .score-card {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-crawl .account-panel {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-one-page .auth-panel {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-one-page .history-panel {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-crawl .report-row {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-one-page .history-item {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-crawl .report-older-details {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-one-page .history-older-details {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-crawl .guide {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-one-page .guide {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-crawl .guide-panel {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-one-page .guide-panel {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-crawl .guide-item {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-one-page .guide-item {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-crawl .guide-faq-grid article {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-one-page .guide-faq-grid article {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-crawl .guide-steps article {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-one-page .guide-steps article {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-crawl .contact-card {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-one-page .contact-card {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-crawl .about-owner {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-one-page .about-owner {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-crawl .h-item {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-one-page .h-item {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-crawl .h-row {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-one-page .h-row {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-crawl .kw-tag {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-one-page .kw-tag {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-crawl .advice-item {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-one-page .advice-item {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-crawl .table-wrap {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-crawl .site-pyramid-level {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-crawl .pyramid-node {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-crawl .route-chip {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-crawl .web-vitals-block {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-one-page .web-vitals-block {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-crawl .web-vitals-device {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-one-page .web-vitals-device {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-crawl .web-vitals-metric {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-one-page .web-vitals-metric {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] .analysis-lock-dialog {
    border-color: rgba(144, 109, 204, 0.32);
    border-radius: 8px;
    background:
      linear-gradient(145deg, rgba(27, 25, 54, 0.94), rgba(16, 17, 38, 0.96)),
      var(--dev-card);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  }

html[data-seo-style="style1"] body.app-crawl .score-card {
    position: relative;
    overflow: hidden;
    text-transform: none;
  }

html[data-seo-style="style1"] body.app-one-page .score-card {
    position: relative;
    overflow: hidden;
    text-transform: none;
  }

html[data-seo-style="style1"] body.app-crawl .score-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, transparent 0 36%, rgba(0, 172, 207, 0.12) 48%, transparent 60%);
    transform: translateX(-120%);
    animation: style2Shimmer 5.8s ease-in-out infinite;
    pointer-events: none;
  }

html[data-seo-style="style1"] body.app-one-page .score-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(115deg, transparent 0 36%, rgba(0, 172, 207, 0.12) 48%, transparent 60%);
    transform: translateX(-120%);
    animation: style2Shimmer 5.8s ease-in-out infinite;
    pointer-events: none;
  }

html[data-seo-style="style1"] body.app-crawl .score-card::before {
    color: var(--dev-cyan);
    text-shadow: 0 0 14px rgba(0, 172, 207, 0.34);
  }

html[data-seo-style="style1"] body.app-one-page .score-card::before {
    color: var(--dev-cyan);
    text-shadow: 0 0 14px rgba(0, 172, 207, 0.34);
  }

html[data-seo-style="style1"] body.app-crawl .score-card-icon,
html[data-seo-style="style1"] body.app-one-page .score-card-icon {
    color: var(--dev-cyan);
    filter: drop-shadow(0 0 10px rgba(0, 172, 207, 0.34));
  }

html[data-seo-style="style1"] body.app-crawl .section-title::before {
    color: var(--dev-cyan);
    text-shadow: 0 0 14px rgba(0, 172, 207, 0.34);
  }

html[data-seo-style="style1"] body.app-one-page .section-title::before {
    color: var(--dev-cyan);
    text-shadow: 0 0 14px rgba(0, 172, 207, 0.34);
  }

html[data-seo-style="style1"] body.app-crawl .section-title > i,
html[data-seo-style="style1"] body.app-one-page .section-title > i {
    color: var(--dev-cyan);
    filter: drop-shadow(0 0 10px rgba(0, 172, 207, 0.34));
  }

html[data-seo-style="style1"] body.app-crawl .guide-alert-arrow {
    color: var(--dev-cyan);
    text-shadow: 0 0 14px rgba(0, 172, 207, 0.34);
  }

html[data-seo-style="style1"] body.app-one-page .guide-alert-arrow {
    color: var(--dev-cyan);
    text-shadow: 0 0 14px rgba(0, 172, 207, 0.34);
  }

html[data-seo-style="style1"] body.app-crawl .score-card .score-value {
    color: var(--dev-cyan);
    text-shadow: 0 0 16px rgba(0, 172, 207, 0.18);
  }

html[data-seo-style="style1"] body.app-one-page .score-card .score-value {
    color: var(--dev-cyan);
    text-shadow: 0 0 16px rgba(0, 172, 207, 0.18);
  }

html[data-seo-style="style1"] body.app-crawl .score-card.score-ok {
    border-color: rgba(134, 239, 172, 0.44);
    background: linear-gradient(145deg, rgba(20, 83, 45, 0.42), rgba(16, 17, 38, 0.92));
  }

html[data-seo-style="style1"] body.app-one-page .score-card.score-ok {
    border-color: rgba(134, 239, 172, 0.44);
    background: linear-gradient(145deg, rgba(20, 83, 45, 0.42), rgba(16, 17, 38, 0.92));
  }

html[data-seo-style="style1"] body.app-crawl .web-vitals-metric.ok {
    border-color: rgba(134, 239, 172, 0.44);
    background: linear-gradient(145deg, rgba(20, 83, 45, 0.42), rgba(16, 17, 38, 0.92));
  }

html[data-seo-style="style1"] body.app-one-page .web-vitals-metric.ok {
    border-color: rgba(134, 239, 172, 0.44);
    background: linear-gradient(145deg, rgba(20, 83, 45, 0.42), rgba(16, 17, 38, 0.92));
  }

html[data-seo-style="style1"] body.app-crawl .pyramid-node.ok {
    border-color: rgba(134, 239, 172, 0.44);
    background: linear-gradient(145deg, rgba(20, 83, 45, 0.42), rgba(16, 17, 38, 0.92));
  }

html[data-seo-style="style1"] body.app-crawl .score-card.score-warn {
    border-color: rgba(251, 191, 36, 0.48);
    background: linear-gradient(145deg, rgba(120, 73, 12, 0.4), rgba(16, 17, 38, 0.92));
  }

html[data-seo-style="style1"] body.app-one-page .score-card.score-warn {
    border-color: rgba(251, 191, 36, 0.48);
    background: linear-gradient(145deg, rgba(120, 73, 12, 0.4), rgba(16, 17, 38, 0.92));
  }

html[data-seo-style="style1"] body.app-crawl .web-vitals-metric.warn {
    border-color: rgba(251, 191, 36, 0.48);
    background: linear-gradient(145deg, rgba(120, 73, 12, 0.4), rgba(16, 17, 38, 0.92));
  }

html[data-seo-style="style1"] body.app-one-page .web-vitals-metric.warn {
    border-color: rgba(251, 191, 36, 0.48);
    background: linear-gradient(145deg, rgba(120, 73, 12, 0.4), rgba(16, 17, 38, 0.92));
  }

html[data-seo-style="style1"] body.app-crawl .pyramid-node.warn {
    border-color: rgba(251, 191, 36, 0.48);
    background: linear-gradient(145deg, rgba(120, 73, 12, 0.4), rgba(16, 17, 38, 0.92));
  }

html[data-seo-style="style1"] body.app-crawl .score-card.score-bad {
    border-color: rgba(251, 113, 133, 0.48);
    background: linear-gradient(145deg, rgba(127, 29, 29, 0.42), rgba(16, 17, 38, 0.92));
  }

html[data-seo-style="style1"] body.app-one-page .score-card.score-bad {
    border-color: rgba(251, 113, 133, 0.48);
    background: linear-gradient(145deg, rgba(127, 29, 29, 0.42), rgba(16, 17, 38, 0.92));
  }

html[data-seo-style="style1"] body.app-crawl .web-vitals-metric.bad {
    border-color: rgba(251, 113, 133, 0.48);
    background: linear-gradient(145deg, rgba(127, 29, 29, 0.42), rgba(16, 17, 38, 0.92));
  }

html[data-seo-style="style1"] body.app-one-page .web-vitals-metric.bad {
    border-color: rgba(251, 113, 133, 0.48);
    background: linear-gradient(145deg, rgba(127, 29, 29, 0.42), rgba(16, 17, 38, 0.92));
  }

html[data-seo-style="style1"] body.app-crawl .pyramid-node.bad {
    border-color: rgba(251, 113, 133, 0.48);
    background: linear-gradient(145deg, rgba(127, 29, 29, 0.42), rgba(16, 17, 38, 0.92));
  }

html[data-seo-style="style1"] body.app-crawl .kv div {
    border-color: rgba(144, 109, 204, 0.16);
  }

html[data-seo-style="style1"] body.app-one-page .kv div {
    border-color: rgba(144, 109, 204, 0.16);
  }

html[data-seo-style="style1"] body.app-crawl .crawl-table th {
    border-color: rgba(144, 109, 204, 0.16);
  }

html[data-seo-style="style1"] body.app-crawl .crawl-table td {
    border-color: rgba(144, 109, 204, 0.16);
  }

html[data-seo-style="style1"] body.app-crawl .kv div:nth-child(odd) {
    color: var(--dev-cyan);
    font-family: Consolas, "Fira Code", "Courier New", monospace;
  }

html[data-seo-style="style1"] body.app-one-page .kv div:nth-child(odd) {
    color: var(--dev-cyan);
    font-family: Consolas, "Fira Code", "Courier New", monospace;
  }

html[data-seo-style="style1"] body.app-crawl .crawl-table th {
    color: var(--dev-cyan);
    font-family: Consolas, "Fira Code", "Courier New", monospace;
  }

html[data-seo-style="style1"] body.app-crawl .site-pyramid-title {
    color: var(--dev-cyan);
    font-family: Consolas, "Fira Code", "Courier New", monospace;
  }

html[data-seo-style="style1"] body.app-crawl .table-count {
    color: var(--dev-cyan);
    font-family: Consolas, "Fira Code", "Courier New", monospace;
  }

html[data-seo-style="style1"] body.app-crawl .web-vitals-title span {
    color: var(--dev-cyan);
    font-family: Consolas, "Fira Code", "Courier New", monospace;
  }

html[data-seo-style="style1"] body.app-one-page .web-vitals-title span {
    color: var(--dev-cyan);
    font-family: Consolas, "Fira Code", "Courier New", monospace;
  }

html[data-seo-style="style1"] body.app-crawl .crawl-table th {
    background: rgba(16, 17, 38, 0.98);
  }

html[data-seo-style="style1"] body.app-crawl .crawl-table th:nth-child(1) {
    background: rgba(16, 17, 38, 0.98);
  }

html[data-seo-style="style1"] body.app-crawl .crawl-table th:nth-child(2) {
    background: rgba(16, 17, 38, 0.98);
  }

html[data-seo-style="style1"] body.app-crawl .crawl-table td:nth-child(1) {
    background: rgba(20, 28, 49, 0.98);
  }

html[data-seo-style="style1"] body.app-crawl .crawl-table td:nth-child(2) {
    background: rgba(20, 28, 49, 0.98);
  }

html[data-seo-style="style1"] body.app-crawl .guide-tabs a {
    border-color: rgba(0, 172, 207, 0.28);
    border-radius: 8px;
    color: var(--dev-muted);
    background: rgba(27, 25, 54, 0.74);
  }

html[data-seo-style="style1"] body.app-one-page .guide-tabs a {
    border-color: rgba(0, 172, 207, 0.28);
    border-radius: 8px;
    color: var(--dev-muted);
    background: rgba(27, 25, 54, 0.74);
  }

html[data-seo-style="style1"] body.app-crawl .social-links a {
    border-color: rgba(0, 172, 207, 0.28);
    border-radius: 8px;
    color: var(--dev-muted);
    background: rgba(27, 25, 54, 0.74);
  }

html[data-seo-style="style1"] body.app-one-page .social-links a {
    border-color: rgba(0, 172, 207, 0.28);
    border-radius: 8px;
    color: var(--dev-muted);
    background: rgba(27, 25, 54, 0.74);
  }

html[data-seo-style="style1"] body.app-crawl .guide-tabs a:hover {
    color: #ffffff;
    border-color: var(--dev-primary);
    background: var(--dev-action-gradient);
    box-shadow: 0 0 24px rgba(144, 109, 204, 0.22);
  }

html[data-seo-style="style1"] body.app-one-page .guide-tabs a:hover {
    color: #ffffff;
    border-color: var(--dev-primary);
    background: var(--dev-action-gradient);
    box-shadow: 0 0 24px rgba(144, 109, 204, 0.22);
  }

html[data-seo-style="style1"] body.app-crawl .social-links a:hover {
    color: #ffffff;
    border-color: var(--dev-primary);
    background: var(--dev-action-gradient);
    box-shadow: 0 0 24px rgba(144, 109, 204, 0.22);
  }

html[data-seo-style="style1"] body.app-one-page .social-links a:hover {
    color: #ffffff;
    border-color: var(--dev-primary);
    background: var(--dev-action-gradient);
    box-shadow: 0 0 24px rgba(144, 109, 204, 0.22);
  }

html[data-seo-style="style1"] body.app-crawl .progress-note {
    color: var(--dev-muted);
  }

html[data-seo-style="style1"] body.app-one-page .progress-note {
    color: var(--dev-muted);
  }

html[data-seo-style="style1"] body.app-crawl .helper-text {
    color: var(--dev-muted);
  }

html[data-seo-style="style1"] body.app-one-page .helper-text {
    color: var(--dev-muted);
  }

html[data-seo-style="style1"] body.app-crawl .web-vitals-note {
    color: var(--dev-muted);
  }

html[data-seo-style="style1"] body.app-one-page .web-vitals-note {
    color: var(--dev-muted);
  }

html[data-seo-style="style1"] .analysis-lock-text {
    color: var(--dev-muted);
  }

html[data-seo-style="style1"] .analysis-lock-foot {
    color: var(--dev-muted);
  }

html[data-seo-style="style1"] body {
    --suite-style-surface: linear-gradient(145deg, var(--dev-card), var(--dev-card-strong));
    --suite-style-surface-soft: rgba(27, 25, 54, 0.72);
    --suite-style-field: rgba(16, 17, 38, 0.76);
    --suite-style-border: var(--dev-border);
    --suite-style-border-strong: var(--dev-primary);
    --suite-style-heading: var(--dev-text);
    --suite-style-text: var(--dev-muted);
    --suite-style-muted: var(--dev-soft);
    --suite-style-accent: var(--dev-primary);
    --suite-style-accent-2: var(--dev-cyan);
    --suite-style-button: rgba(27, 25, 54, 0.82);
    --suite-style-shadow: 0 16px 34px rgba(0, 0, 0, 0.3), 0 0 24px rgba(144, 109, 204, 0.1);
    --suite-style-success: var(--dev-green);
    --suite-style-warning: var(--dev-accent);
    --suite-style-danger: #fb7185;
    --suite-style-success-bg: rgba(34, 197, 94, 0.16);
    --suite-style-warning-bg: rgba(251, 191, 36, 0.15);
    --suite-style-danger-bg: rgba(251, 113, 133, 0.16);
    --suite-style-success-border: rgba(34, 197, 94, 0.36);
    --suite-style-warning-border: rgba(251, 191, 36, 0.38);
    --suite-style-danger-border: rgba(251, 113, 133, 0.38);
    --suite-style-accent-glow: rgba(144, 109, 204, 0.22);
    --suite-style-accent-stroke: rgba(144, 109, 204, 0.24);
  }

html[data-seo-style="style1"] body :is(.reports-view-tabs, .reports-visual-panel, .reports-visual-mode-tabs, .reports-visual-controls section, .reports-visual-delta, .reports-visual-chart-wrap, .reports-visual-legend span, .reports-visual-table-wrap, .reports-competitor-card, .reports-competitor-rank, .reports-competitor-bar, .mini-history-empty, .mini-history-older, .mini-history-row, .mini-history-score, .mini-score-card, .compare-term-chip, .profile-picker, .profile-empty) {
    color: var(--suite-style-text);
    border-color: var(--suite-style-border);
    background: var(--suite-style-surface);
    box-shadow: var(--suite-style-shadow);
  }

html[data-seo-style="style1"] body :is(.reports-view-tabs button, .reports-visual-mode-tabs button, .reports-visual-control-head button, .reports-visual-group-select select, .reports-visual-check-grid label, .reports-visual-metric-grid label, .mini-history-meta > span, .mini-history-actions button, .profile-picker select, .profile-picker a) {
    color: var(--suite-style-text);
    border-color: var(--suite-style-border);
    background: var(--suite-style-button);
  }

html[data-seo-style="style1"] body :is(.reports-view-tabs button.is-active, .reports-visual-mode-tabs button.is-active) {
    color: #ffffff;
    border-color: transparent;
    background: linear-gradient(135deg, var(--suite-style-accent), var(--suite-style-accent-2));
    box-shadow: 0 0 22px var(--suite-style-accent-glow);
  }

html[data-seo-style="style1"] body :is(.reports-visual-head h2, .reports-visual-control-head h3, .reports-competitor-card h3, .mini-history-head h2, .mini-history-main strong, .compare-lexical-section h3, .profile-site-head h2, .profile-site-head h3, .profile-subhead h3) {
    color: var(--suite-style-heading);
  }

html[data-seo-style="style1"] body :is(.reports-visual-head p, .reports-visual-group-select span, .reports-visual-delta span, .reports-visual-delta small, .reports-competitor-card p, .reports-competitor-metric > div:first-child span, .mini-history-main span, .mini-history-main small, .mini-history-score span, .mini-score-card small, .compare-progress .progress-note, .mini-progress .progress-note, .profile-picker span) {
    color: var(--suite-style-muted);
  }

html[data-seo-style="style1"] body :is(.reports-visual-note, .mini-history-older summary) {
    color: var(--suite-style-warning);
    border-color: var(--suite-style-warning-border);
    background: var(--suite-style-warning-bg);
  }

html[data-seo-style="style1"] body :is(.mini-score-card.score-ok, .mini-history-score.score-ok, .reports-visual-delta.is-up, .reports-competitor-total.score-ok, .reports-table-score.score-ok) {
    color: var(--suite-style-success);
    border-color: var(--suite-style-success-border);
    background: var(--suite-style-success-bg);
  }

html[data-seo-style="style1"] body :is(.mini-score-card.score-ok strong, .mini-history-score.score-ok strong, .reports-visual-delta.is-up small) {
    color: var(--suite-style-success);
  }

html[data-seo-style="style1"] body :is(.mini-score-card.score-warn, .mini-history-score.score-warn, .reports-visual-delta.is-flat, .reports-competitor-total.score-warn, .reports-table-score.score-warn) {
    color: var(--suite-style-warning);
    border-color: var(--suite-style-warning-border);
    background: var(--suite-style-warning-bg);
  }

html[data-seo-style="style1"] body :is(.mini-score-card.score-warn strong, .mini-history-score.score-warn strong, .reports-visual-delta.is-flat small) {
    color: var(--suite-style-warning);
  }

html[data-seo-style="style1"] body :is(.mini-score-card.score-bad, .mini-history-score.score-bad, .reports-visual-delta.is-down, .reports-competitor-total.score-bad, .reports-table-score.score-bad) {
    color: var(--suite-style-danger);
    border-color: var(--suite-style-danger-border);
    background: var(--suite-style-danger-bg);
  }

html[data-seo-style="style1"] body :is(.mini-score-card.score-bad strong, .mini-history-score.score-bad strong, .reports-visual-delta.is-down small) {
    color: var(--suite-style-danger);
  }

html[data-seo-style="style1"] body.page-reports :is(.reports-chart-bg, .reports-visual-table th) {
    fill: rgba(4, 12, 28, 0.46);
    background: var(--suite-style-field);
  }

html[data-seo-style="style1"] body.page-reports :is(.reports-chart-grid, .reports-chart-axis-line) {
    stroke: var(--suite-style-accent-stroke);
  }

html[data-seo-style="style1"] body.page-reports :is(.reports-chart-axis, .reports-visual-table th, .reports-visual-table td) {
    color: var(--suite-style-text);
    fill: var(--suite-style-muted);
    border-color: var(--suite-style-border);
  }
}

@media (prefers-reduced-motion: reduce) {
html[data-seo-style="style1"] body.page-home {
      animation: none;
    }

html[data-seo-style="style1"] body.pricing-page {
      animation: none;
    }

html[data-seo-style="style1"] body.page-reports {
      animation: none;
    }

html[data-seo-style="style1"] body.page-contact {
      animation: none;
    }

html[data-seo-style="style1"] body.page-admin {
      animation: none;
    }

html[data-seo-style="style1"] body.page-legal {
      animation: none;
    }

html[data-seo-style="style1"] body.page-tools {
      animation: none;
    }

html[data-seo-style="style1"] body.page-profile {
      animation: none;
    }

html[data-seo-style="style1"] body.mini-tool-page {
      animation: none;
    }

html[data-seo-style="style1"] body.app-crawl {
      animation: none;
    }

html[data-seo-style="style1"] body.app-one-page {
      animation: none;
    }

html[data-seo-style="style1"] body.doc-crawl {
      animation: none;
    }

html[data-seo-style="style1"] body.doc-one-page {
      animation: none;
    }

html[data-seo-style="style1"] body::before {
      animation: none;
    }

html[data-seo-style="style1"] body::after {
      animation: none;
    }

html[data-seo-style="style1"] .style2-particle {
      animation: none;
    }

html[data-seo-style="style1"] body.app-crawl .progress-bar > span::after {
      animation: none;
    }

html[data-seo-style="style1"] body.app-one-page .progress-bar > span::after {
      animation: none;
    }

html[data-seo-style="style1"] .analysis-lock-progress > span::after {
      animation: none;
    }
}

@media screen and (prefers-reduced-motion: reduce) {
html[data-seo-style="style1"] body.app-crawl .hero-panel::after {
    animation: none;
    transform: none;
  }

html[data-seo-style="style1"] body.app-one-page .hero-panel::after {
    animation: none;
    transform: none;
  }

html[data-seo-style="style1"] body.app-crawl .score-card::after {
    animation: none;
    transform: none;
  }

html[data-seo-style="style1"] body.app-one-page .score-card::after {
    animation: none;
    transform: none;
  }
}

/* Couche commune: les statuts de rapport restent vert/orange/rouge dans tous les themes. */
html[data-seo-style="style1"] {
  --suite-status-ok: #22c55e;
  --suite-status-ok-strong: #86efac;
  --suite-status-ok-text: #bbf7d0;
  --suite-status-ok-bg: rgba(34, 197, 94, 0.16);
  --suite-status-ok-border: rgba(34, 197, 94, 0.42);
  --suite-status-warn: #f59e0b;
  --suite-status-warn-strong: #fcd34d;
  --suite-status-warn-text: #fde68a;
  --suite-status-warn-bg: rgba(245, 158, 11, 0.16);
  --suite-status-warn-border: rgba(245, 158, 11, 0.44);
  --suite-status-bad: #ef4444;
  --suite-status-bad-strong: #fb7185;
  --suite-status-bad-text: #fecdd3;
  --suite-status-bad-bg: rgba(239, 68, 68, 0.16);
  --suite-status-bad-border: rgba(239, 68, 68, 0.44);
}

html[data-seo-style="style1"] body:is(.page-reports, .page-public-audits, .mini-tool-page, .compare-tool-page, .app-crawl, .app-one-page, .doc-crawl, .doc-one-page) :is(.reports-score-pill.score-ok, .reports-competitor-total.score-ok, .reports-table-score.score-ok, .reports-visual-delta.is-up, .public-report-score-grid .score-card.score-ok, .score-card.score-ok, .score-card.ok, .report-score-card.ok, .mini-score-card.score-ok, .mini-history-score.score-ok, .mini-counter.ok, .mini-check.ok > span, .mini-status.ok, .compare-pill.ok, .compare-gap-card.ok, .compare-gap-card.score-ok, .web-vitals-metric.ok, .pyramid-node.ok, .badge.ok, .status.ok) {
  color: var(--suite-status-ok-text);
  border-color: var(--suite-status-ok-border);
  background: var(--suite-status-ok-bg);
}

html[data-seo-style="style1"] body:is(.page-reports, .page-public-audits, .mini-tool-page, .compare-tool-page, .app-crawl, .app-one-page, .doc-crawl, .doc-one-page) :is(.reports-score-pill.score-warn, .reports-competitor-total.score-warn, .reports-table-score.score-warn, .reports-visual-delta.is-flat, .public-report-score-grid .score-card.score-warn, .score-card.score-warn, .score-card.warn, .report-score-card.warn, .mini-score-card.score-warn, .mini-history-score.score-warn, .mini-counter.warn, .mini-check.warn > span, .mini-status.warn, .mini-result-note.warn, .compare-pill.warn, .compare-gap-card.warn, .compare-gap-card.score-warn, .web-vitals-metric.warn, .pyramid-node.warn, .badge.warn, .status.warn) {
  color: var(--suite-status-warn-text);
  border-color: var(--suite-status-warn-border);
  background: var(--suite-status-warn-bg);
}

html[data-seo-style="style1"] body:is(.page-reports, .page-public-audits, .mini-tool-page, .compare-tool-page, .app-crawl, .app-one-page, .doc-crawl, .doc-one-page) :is(.reports-score-pill.score-bad, .reports-competitor-total.score-bad, .reports-table-score.score-bad, .reports-visual-delta.is-down, .public-report-score-grid .score-card.score-bad, .score-card.score-bad, .score-card.bad, .report-score-card.bad, .mini-score-card.score-bad, .mini-history-score.score-bad, .mini-counter.bad, .mini-check.bad > span, .mini-status.bad, .compare-pill.bad, .compare-gap-card.bad, .compare-gap-card.score-bad, .web-vitals-metric.bad, .pyramid-node.bad, .badge.bad, .status.bad, .status.error) {
  color: var(--suite-status-bad-text);
  border-color: var(--suite-status-bad-border);
  background: var(--suite-status-bad-bg);
}

html[data-seo-style="style1"] body:is(.page-reports, .page-public-audits, .mini-tool-page, .compare-tool-page, .app-crawl, .app-one-page, .doc-crawl, .doc-one-page) :is(.advice-item.ok, .public-advice-item.ok, .prio-row-green td, .mini-table tr.ok td, .ai-bot-table tr.ok td) {
  border-color: var(--suite-status-ok-border);
  background: var(--suite-status-ok-bg);
}

html[data-seo-style="style1"] body:is(.page-reports, .page-public-audits, .mini-tool-page, .compare-tool-page, .app-crawl, .app-one-page, .doc-crawl, .doc-one-page) :is(.advice-item.warn, .public-advice-item.warn, .prio-row-orange td, .mini-table tr.warn td) {
  border-color: var(--suite-status-warn-border);
  background: var(--suite-status-warn-bg);
}

html[data-seo-style="style1"] body:is(.page-reports, .page-public-audits, .mini-tool-page, .compare-tool-page, .app-crawl, .app-one-page, .doc-crawl, .doc-one-page) :is(.advice-item.bad, .public-advice-item.bad, .prio-row-red td, .mini-table tr.bad td, .ai-bot-table tr.bad td) {
  border-color: var(--suite-status-bad-border);
  background: var(--suite-status-bad-bg);
}

html[data-seo-style="style1"] body:is(.app-crawl, .app-one-page) .ok {
  color: var(--suite-status-ok-text);
  border-color: var(--suite-status-ok-border);
  background: var(--suite-status-ok-bg);
}

html[data-seo-style="style1"] body:is(.app-crawl, .app-one-page) .warn {
  color: var(--suite-status-warn-text);
  border-color: var(--suite-status-warn-border);
  background: var(--suite-status-warn-bg);
}

html[data-seo-style="style1"] body:is(.app-crawl, .app-one-page) .bad {
  color: var(--suite-status-bad-text);
  border-color: var(--suite-status-bad-border);
  background: var(--suite-status-bad-bg);
}

html[data-seo-style="style1"] body:is(.page-reports, .page-public-audits, .mini-tool-page, .compare-tool-page, .app-crawl, .app-one-page, .doc-crawl, .doc-one-page) :is(strong.score-ok, .score-value.ok, .score-card.score-ok strong, .score-card.ok strong, .report-score-card.ok strong, .mini-score-card.score-ok strong, .mini-history-score.score-ok strong, .web-vitals-metric.ok strong, .reports-score-pill.score-ok strong, .reports-visual-delta.is-up strong, .reports-visual-delta.is-up small, .compare-gap-card.ok strong, .compare-gap-card.score-ok strong, .ok > strong) {
  color: var(--suite-status-ok-strong);
}

html[data-seo-style="style1"] body:is(.page-reports, .page-public-audits, .mini-tool-page, .compare-tool-page, .app-crawl, .app-one-page, .doc-crawl, .doc-one-page) :is(strong.score-warn, .score-value.warn, .score-card.score-warn strong, .score-card.warn strong, .report-score-card.warn strong, .mini-score-card.score-warn strong, .mini-history-score.score-warn strong, .web-vitals-metric.warn strong, .reports-score-pill.score-warn strong, .reports-visual-delta.is-flat strong, .reports-visual-delta.is-flat small, .compare-gap-card.warn strong, .compare-gap-card.score-warn strong, .warn > strong) {
  color: var(--suite-status-warn-strong);
}

html[data-seo-style="style1"] body:is(.page-reports, .page-public-audits, .mini-tool-page, .compare-tool-page, .app-crawl, .app-one-page, .doc-crawl, .doc-one-page) :is(strong.score-bad, .score-value.bad, .score-card.score-bad strong, .score-card.bad strong, .report-score-card.bad strong, .mini-score-card.score-bad strong, .mini-history-score.score-bad strong, .web-vitals-metric.bad strong, .reports-score-pill.score-bad strong, .reports-visual-delta.is-down strong, .reports-visual-delta.is-down small, .compare-gap-card.bad strong, .compare-gap-card.score-bad strong, .bad > strong, .compare-error-row td) {
  color: var(--suite-status-bad-strong);
}

html[data-seo-style="style1"] body:is(.doc-crawl, .doc-one-page) .ok {
  color: var(--suite-status-ok-strong);
}

html[data-seo-style="style1"] body:is(.doc-crawl, .doc-one-page) .warn {
  color: var(--suite-status-warn-strong);
}

html[data-seo-style="style1"] body:is(.doc-crawl, .doc-one-page) .bad {
  color: var(--suite-status-bad-strong);
}

html[data-seo-style="style1"] body:is(.page-reports, .mini-tool-page, .compare-tool-page, .app-crawl, .app-one-page) :is(.reports-competitor-bar span.score-ok, .score-card.score-ok .score-meter i, .score-card.ok .score-meter i, .report-score-card.ok .report-score-meter i, .compare-progress.ok .progress-bar > span) {
  background: var(--suite-status-ok);
}

html[data-seo-style="style1"] body:is(.page-reports, .mini-tool-page, .compare-tool-page, .app-crawl, .app-one-page) :is(.reports-competitor-bar span.score-warn, .score-card.score-warn .score-meter i, .score-card.warn .score-meter i, .report-score-card.warn .report-score-meter i, .compare-progress.warn .progress-bar > span) {
  background: var(--suite-status-warn);
}

html[data-seo-style="style1"] body:is(.page-reports, .mini-tool-page, .compare-tool-page, .app-crawl, .app-one-page) :is(.reports-competitor-bar span.score-bad, .score-card.score-bad .score-meter i, .score-card.bad .score-meter i, .report-score-card.bad .report-score-meter i, .compare-progress.bad .progress-bar > span) {
  background: var(--suite-status-bad);
}

/* Ajustement portfolio : actions générales plus vivantes ; les rôles métier restent sémantiques. */
html[data-seo-style="style1"] body,
html[data-seo-style="style1"] body:is(.page-home, .pricing-page, .page-reports, .page-contact, .page-admin, .page-legal, .page-tools, .page-profile, .page-forum, .page-blog, .blog-article, .mini-tool-page, .compare-tool-page, .app-crawl, .app-one-page, .doc-crawl, .doc-one-page) {
  --dev-gradient-3: linear-gradient(135deg, #fbbf24 0%, #c084fc 48%, #67e8f9 100%);
  --dev-action-gradient: linear-gradient(135deg, #c084fc 0%, #a78bfa 48%, #67e8f9 100%);
  --dev-action-gradient-hover: linear-gradient(135deg, #f472b6 0%, #c084fc 45%, #67e8f9 100%);
  --dev-action-shadow: 0 5px 20px rgba(192, 132, 252, 0.3);
  --dev-action-shadow-hover: 0 12px 30px rgba(192, 132, 252, 0.34), 0 0 28px rgba(103, 232, 249, 0.16);
  --dev-transition: 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

html[data-seo-style="style1"] :is(
  .site-auth-modal-primary,
  .site-credit-claim,
  body.page-home .open-tool,
  body.pricing-page .primary,
  body.page-contact .contact-submit,
  body.page-tools .tools-primary,
  body.page-tools .tools-card span:last-child,
  body.page-profile .primary,
  body.page-forum .primary,
  body.page-blog .primary,
  body.blog-article .primary,
  body.mini-tool-page .mini-form button,
  body.compare-tool-page .compare-actions button.primary,
  body.app-crawl .primary,
  body.app-one-page .primary,
  .cookie-actions button.primary
) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  border: 2px solid transparent;
  border-radius: 12px;
  color: #ffffff;
  background: var(--dev-action-gradient);
  background-size: 180% 180%;
  box-shadow: var(--dev-action-shadow);
  text-decoration: none;
  text-shadow: none;
  transition:
    transform var(--dev-transition),
    box-shadow var(--dev-transition),
    background-position var(--dev-transition),
    filter var(--dev-transition);
}

html[data-seo-style="style1"] :is(
  .site-auth-modal-primary,
  .site-credit-claim,
  body.page-home .open-tool,
  body.pricing-page .primary,
  body.page-contact .contact-submit,
  body.page-tools .tools-primary,
  body.page-tools .tools-card span:last-child,
  body.page-profile .primary,
  body.page-forum .primary,
  body.page-blog .primary,
  body.blog-article .primary,
  body.mini-tool-page .mini-form button,
  body.compare-tool-page .compare-actions button.primary,
  body.app-crawl .primary,
  body.app-one-page .primary,
  .cookie-actions button.primary
) > * {
  position: relative;
  z-index: 1;
}

html[data-seo-style="style1"] :is(
  .site-auth-modal-primary,
  .site-credit-claim,
  body.page-home .open-tool,
  body.pricing-page .primary,
  body.page-contact .contact-submit,
  body.page-tools .tools-primary,
  body.page-tools .tools-card span:last-child,
  body.page-profile .primary,
  body.page-forum .primary,
  body.page-blog .primary,
  body.blog-article .primary,
  body.mini-tool-page .mini-form button,
  body.compare-tool-page .compare-actions button.primary,
  body.app-crawl .primary,
  body.app-one-page .primary,
  .cookie-actions button.primary
)::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.28), transparent);
  transform: translateX(-120%);
  transition: transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);
}

html[data-seo-style="style1"] :is(
  .site-auth-modal-primary,
  .site-credit-claim,
  body.page-home .open-tool,
  body.pricing-page .primary,
  body.page-contact .contact-submit,
  body.page-tools .tools-primary,
  body.page-tools .tools-card span:last-child,
  body.page-profile .primary,
  body.page-forum .primary,
  body.page-blog .primary,
  body.blog-article .primary,
  body.mini-tool-page .mini-form button,
  body.compare-tool-page .compare-actions button.primary,
  body.app-crawl .primary,
  body.app-one-page .primary,
  .cookie-actions button.primary
):hover,
html[data-seo-style="style1"] :is(
  .site-auth-modal-primary,
  .site-credit-claim,
  body.page-home .open-tool,
  body.pricing-page .primary,
  body.page-contact .contact-submit,
  body.page-tools .tools-primary,
  body.page-tools .tools-card span:last-child,
  body.page-profile .primary,
  body.page-forum .primary,
  body.page-blog .primary,
  body.blog-article .primary,
  body.mini-tool-page .mini-form button,
  body.compare-tool-page .compare-actions button.primary,
  body.app-crawl .primary,
  body.app-one-page .primary,
  .cookie-actions button.primary
):focus-visible {
  color: #ffffff;
  background: var(--dev-action-gradient-hover);
  background-position: 100% 50%;
  box-shadow: var(--dev-action-shadow-hover);
  filter: saturate(1.08);
  transform: translateY(-2px);
}

html[data-seo-style="style1"] :is(
  .site-auth-modal-primary,
  .site-credit-claim,
  body.page-home .open-tool,
  body.pricing-page .primary,
  body.page-contact .contact-submit,
  body.page-tools .tools-primary,
  body.page-tools .tools-card span:last-child,
  body.page-profile .primary,
  body.page-forum .primary,
  body.page-blog .primary,
  body.blog-article .primary,
  body.mini-tool-page .mini-form button,
  body.compare-tool-page .compare-actions button.primary,
  body.app-crawl .primary,
  body.app-one-page .primary,
  .cookie-actions button.primary
):hover::before,
html[data-seo-style="style1"] :is(
  .site-auth-modal-primary,
  .site-credit-claim,
  body.page-home .open-tool,
  body.pricing-page .primary,
  body.page-contact .contact-submit,
  body.page-tools .tools-primary,
  body.page-tools .tools-card span:last-child,
  body.page-profile .primary,
  body.page-forum .primary,
  body.page-blog .primary,
  body.blog-article .primary,
  body.mini-tool-page .mini-form button,
  body.compare-tool-page .compare-actions button.primary,
  body.app-crawl .primary,
  body.app-one-page .primary,
  .cookie-actions button.primary
):focus-visible::before {
  transform: translateX(120%);
}

html[data-seo-style="style1"] :is(
  .site-auth-modal-primary,
  .site-credit-claim,
  body.page-home .open-tool,
  body.pricing-page .primary,
  body.page-contact .contact-submit,
  body.page-tools .tools-primary,
  body.page-tools .tools-card span:last-child,
  body.page-profile .primary,
  body.page-forum .primary,
  body.page-blog .primary,
  body.blog-article .primary,
  body.mini-tool-page .mini-form button,
  body.compare-tool-page .compare-actions button.primary,
  body.app-crawl .primary,
  body.app-one-page .primary,
  .cookie-actions button.primary
):active {
  transform: translateY(0);
}

html[data-seo-style="style1"] .site-credit-claim.is-gift {
  animation: style2ActionPulse 3s ease-in-out infinite;
}

html[data-seo-style="style1"] :is(
  body.page-home .home-mini-grid a,
  body.page-home .tool-card,
  body.page-tools .tools-card,
  body.page-tools .tools-product-card,
  body.page-reports .reports-site-card,
  body.page-profile .profile-site-card,
  body.page-profile .profile-purchase-card,
  body.mini-tool-page .mini-check,
  body.compare-tool-page .compare-gap-card
) {
  transition:
    transform var(--dev-transition),
    border-color var(--dev-transition),
    box-shadow var(--dev-transition),
    filter var(--dev-transition);
  will-change: transform;
}

html[data-seo-style="style1"] :is(
  body.page-home .home-mini-grid a,
  body.page-home .tool-card,
  body.page-tools .tools-card,
  body.page-tools .tools-product-card,
  body.page-reports .reports-site-card,
  body.page-profile .profile-site-card,
  body.page-profile .profile-purchase-card,
  body.mini-tool-page .mini-check,
  body.compare-tool-page .compare-gap-card
):hover {
  transform: translateY(-6px) scale(1.01);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.34), 0 0 30px rgba(192, 132, 252, 0.16);
  filter: saturate(1.04);
}

@keyframes style2ActionPulse {
  0%,
  100% {
    box-shadow: var(--dev-action-shadow);
  }

  50% {
    box-shadow: var(--dev-action-shadow-hover);
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-seo-style="style1"] .site-credit-claim.is-gift {
    animation: none;
  }

  html[data-seo-style="style1"] :is(
    .site-auth-modal-primary,
    .site-credit-claim,
    body.page-home .open-tool,
    body.pricing-page .primary,
    body.page-contact .contact-submit,
    body.page-tools .tools-primary,
    body.page-tools .tools-card span:last-child,
    body.page-profile .primary,
    body.page-forum .primary,
    body.page-blog .primary,
    body.blog-article .primary,
    body.mini-tool-page .mini-form button,
    body.compare-tool-page .compare-actions button.primary,
    body.app-crawl .primary,
    body.app-one-page .primary,
    .cookie-actions button.primary
  )::before {
    display: none;
  }
}

/* mobile-bottom-stylefix-20260702 */
html[data-seo-style="style1"] .site-mobile-bottom-nav {
  display: none;
}

html[data-seo-style="style1"] .site-mobile-bottom-link {
  box-sizing: border-box;
  display: inline-flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: 0.28rem;
  color: var(--mobile-bottom-text, var(--dev-text, var(--cyber-text, var(--motion-text, var(--neo-heading, #eaf6ff)))));
  border: 1px solid var(--mobile-bottom-border, var(--dev-border, var(--cyber-border-blue, var(--motion-border, var(--neo-border, rgba(125, 211, 252, 0.24))))));
  border-radius: 12px;
  background: var(--mobile-bottom-card, var(--dev-card-strong, var(--cyber-panel-strong, var(--motion-panel-strong, var(--neo-surface, rgba(23, 40, 74, 0.72))))));
  font: inherit;
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0;
  line-height: 1.1;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  touch-action: manipulation;
  appearance: none;
}

html[data-seo-style="style1"] .site-mobile-bottom-link i {
  display: inline-flex;
  flex: 0 0 auto;
  width: 1.1em;
  height: 1.1em;
  align-items: center;
  justify-content: center;
  color: var(--mobile-bottom-accent, var(--dev-primary, var(--cyber-secondary, var(--motion-primary, var(--neo-primary, #7dd3fc)))));
  font-size: 1.02rem;
  line-height: 1;
}

html[data-seo-style="style1"] .site-mobile-bottom-link span {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

html[data-seo-style="style1"] .site-mobile-bottom-link:hover,
html[data-seo-style="style1"] .site-mobile-bottom-link:focus-visible,
html[data-seo-style="style1"] .site-mobile-bottom-link.is-active {
  color: var(--mobile-bottom-active-text, #04111f);
  border-color: var(--mobile-bottom-active-border, rgba(125, 211, 252, 0.62));
  background: var(--mobile-bottom-active-bg, var(--dev-gradient-1, linear-gradient(135deg, var(--cyber-primary, var(--motion-primary, var(--neo-primary-light, #7dd3fc))) 0%, var(--cyber-secondary, var(--motion-accent-2, var(--neo-primary, #5eead4))) 100%)));
  outline: none;
}

html[data-seo-style="style1"] .site-mobile-bottom-link:hover i,
html[data-seo-style="style1"] .site-mobile-bottom-link:focus-visible i,
html[data-seo-style="style1"] .site-mobile-bottom-link.is-active i {
  color: var(--mobile-bottom-active-text, #04111f);
}

@media (min-width: 901px) {
  html[data-seo-style="style1"] .site-mobile-bottom-nav {
    display: none !important;
  }
}

@media (max-width: 900px) {
  html[data-seo-style="style1"].site-mobile-bottom-nav-ready body {
    padding-bottom: calc(88px + env(safe-area-inset-bottom));
  }

  html[data-seo-style="style1"] .site-mobile-bottom-nav {
    position: fixed;
    right: max(10px, env(safe-area-inset-right));
    bottom: max(8px, env(safe-area-inset-bottom));
    left: max(10px, env(safe-area-inset-left));
    z-index: 75;
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(42px, 1fr));
    gap: 4px;
    min-height: 66px;
    margin: 0;
    padding: 7px;
    border: 1px solid var(--mobile-bottom-shell-border, var(--dev-border, var(--cyber-border-blue, var(--motion-border, var(--neo-border, rgba(125, 211, 252, 0.24))))));
    border-radius: 18px;
    background: var(--mobile-bottom-shell-bg, linear-gradient(180deg, rgba(8, 20, 39, 0.96), rgba(3, 10, 25, 0.98)));
    box-shadow: 0 -14px 34px rgba(0, 0, 0, 0.38), 0 0 28px rgba(125, 211, 252, 0.12);
    backdrop-filter: blur(16px);
    list-style: none;
  }

  html[data-seo-style="style1"] .site-mobile-bottom-link {
    width: 100%;
    min-height: 52px;
    padding: 7px 4px;
    flex-direction: column;
  }

  html[data-seo-style="style1"] .site-mobile-bottom-link span {
    width: 100%;
  }
}

@media (max-width: 560px) {
  html[data-seo-style="style1"] .site-mobile-bottom-nav {
    right: max(6px, env(safe-area-inset-right));
    bottom: max(6px, env(safe-area-inset-bottom));
    left: max(6px, env(safe-area-inset-left));
    padding: 6px;
    border-radius: 16px;
  }

  html[data-seo-style="style1"] .site-mobile-bottom-link {
    min-height: 50px;
    font-size: 0.62rem;
  }

  html[data-seo-style="style1"] .site-mobile-bottom-link i {
    font-size: 0.98rem;
  }
}

/* menu-desktop-stable-20260702 */
@media (min-width: 901px) {
  html[data-seo-style="style1"] .site-menu :is(
    .site-menu-logo-link,
    .site-menu-links a,
    .site-credit-balance,
    .site-credit-claim,
    .site-reports-shortcut,
    .site-profile-shortcut,
    .site-admin-shortcut,
    .site-auth-button,
    .site-auth-provider-button,
    .site-menu-toggle
  ) {
    transform: none !important;
    will-change: auto;
  }
}

/* mobile-main-menu-fullscreen-final-20260703 */
@media (max-width: 900px) {
  html[data-seo-style="style1"].site-mobile-menu-open,
  html[data-seo-style="style1"].site-mobile-menu-open body { overflow: hidden; }
  html[data-seo-style="style1"] .site-menu { z-index: 2147483000; }
  html[data-seo-style="style1"] .site-menu-inner { position: relative; z-index: 2147483002; }
  html[data-seo-style="style1"] .site-menu-content { display: none; }
  html[data-seo-style="style1"] .site-menu-content.is-open {
    position: fixed !important;
    inset: 0 0 calc(76px + env(safe-area-inset-bottom)) 0 !important;
    z-index: 2147483001 !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100vw !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: calc(90px + env(safe-area-inset-top)) 14px 18px !important;
    overflow: hidden auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    overscroll-behavior: contain;
  }
  html[data-seo-style="style1"] .site-menu-content.is-open :is(.site-menu-primary-row, .site-menu-secondary-row, .site-menu-links) {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: min(100%, 560px) !important;
    min-width: 0 !important;
    margin-inline: auto !important;
    gap: 10px !important;
  }
  html[data-seo-style="style1"] .site-menu-content.is-open :is(.site-menu-links a, .site-reports-shortcut, .site-profile-shortcut, .site-admin-shortcut, .site-auth-button, .site-auth-provider-button, .site-credit-balance) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    text-align: center;
  }
  html[data-seo-style="style1"] .site-mobile-bottom-nav {
    position: fixed !important;
    z-index: 2147483647 !important;
    right: max(8px, env(safe-area-inset-right)) !important;
    bottom: max(8px, env(safe-area-inset-bottom)) !important;
    left: max(8px, env(safe-area-inset-left)) !important;
    width: auto !important;
    max-width: none !important;
  }
}

@media (max-width: 520px) {
  html[data-seo-style="style1"] .site-menu-content.is-open {
    inset: 0 0 calc(68px + env(safe-area-inset-bottom)) 0 !important;
    padding: calc(82px + env(safe-area-inset-top)) 10px 16px !important;
  }
}

/* mobile-header-80-20260705 */
@media (max-width: 900px) {
  html[data-seo-style="style1"] {
    --site-menu-mobile-header-height: 96px;
    --site-menu-mobile-control-height: 54px;
  }

  html[data-seo-style="style1"] .site-menu .site-menu-inner {
    grid-template-columns: 80px minmax(0, 1fr) auto !important;
  }

  html[data-seo-style="style1"] .site-menu .site-menu-brand,
  html[data-seo-style="style1"] .site-menu .site-menu-brand img,
  html[data-seo-style="style1"].site-mobile-menu-open .site-menu .site-menu-brand,
  html[data-seo-style="style1"].site-mobile-menu-open .site-menu .site-menu-brand img {
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
  }

  html[data-seo-style="style1"] .site-menu .site-menu-toggle,
  html[data-seo-style="style1"].site-mobile-menu-open .site-menu .site-menu-toggle {
    width: clamp(104px, 26vw, 132px) !important;
    min-width: clamp(104px, 26vw, 132px) !important;
    min-height: var(--site-menu-mobile-control-height) !important;
  }

  html[data-seo-style="style1"].site-mobile-menu-open .site-menu .site-credit-box-mobile {
    max-width: calc(100vw - 220px) !important;
  }

  html[data-seo-style="style1"].site-mobile-menu-open .site-menu-content.is-open {
    padding:
      calc(var(--site-menu-mobile-header-height) + env(safe-area-inset-top))
      max(12px, env(safe-area-inset-right))
      12px
      max(12px, env(safe-area-inset-left)) !important;
  }
}

@media (max-width: 380px) {
  html[data-seo-style="style1"] .site-menu .site-menu-inner {
    grid-template-columns: 80px minmax(0, 1fr) auto !important;
    gap: 6px !important;
  }

  html[data-seo-style="style1"] .site-menu .site-credit-box-mobile .site-credit-balance,
  html[data-seo-style="style1"].site-mobile-menu-open .site-menu .site-credit-box-mobile .site-credit-balance {
    min-width: 104px !important;
    padding-inline: 8px !important;
  }

  html[data-seo-style="style1"] .site-menu .site-menu-toggle,
  html[data-seo-style="style1"].site-mobile-menu-open .site-menu .site-menu-toggle {
    width: 96px !important;
    min-width: 96px !important;
    padding-inline: 10px !important;
  }
}

/* credit-number-accent-20260705 */
html[data-seo-style="style1"] .site-credit-balance strong,
html[data-seo-style="style1"] .site-credit-balance strong.is-unlimited,
html[data-seo-style="style1"] .site-credit-infinity {
  color: var(--site-credit-accent, var(--dev-cyan)) !important;
}

html[data-seo-style="style1"] .site-credit-balance .site-credit-daily-bonus,
html[data-seo-style="style1"] .site-credit-balance .site-credit-daily-bonus.is-earned {
  color: inherit !important;
}

html[data-seo-style="style1"] :is(.score-value, .score-label) {
  background: transparent !important;
  background-image: none !important;
}
/* style2-complete-overlay-20260801 */
@media screen {
  html[data-seo-style="style1"] {
    color-scheme: dark;
    --dev-bg-dark: #101126;
    --dev-bg-darker: #090c1d;
    --dev-card: #1b1936;
    --dev-card-strong: #13152d;
    --dev-hover: #363653;
    --dev-border: rgba(170, 167, 191, 0.3);
    --dev-text: #f5f3fc;
    --dev-muted: #d0ccdf;
    --dev-soft: #aaa7bf;
    --dev-primary: #bca0e5;
    --dev-secondary: #92aee8;
    --dev-accent: #fbbf24;
    --dev-cyan: #80d5e2;
    --dev-green: #86efac;
    --dev-gradient-1: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-2: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-gradient-3: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-shadow-glow: 0 14px 34px rgba(3, 4, 15, 0.24), inset 0 1px 0 rgba(188, 160, 229, 0.05);
    --dev-transition: 0.24s cubic-bezier(0.4, 0, 0.2, 1);

    /* Alias consommés par les feuilles métier récentes. */
    --site-bg: var(--dev-bg-darker);
    --site-panel: var(--dev-card);
    --site-panel-strong: var(--dev-card-strong);
    --site-soft: rgba(54, 54, 83, 0.58);
    --site-border: var(--dev-border);
    --site-border-strong: rgba(144, 109, 204, 0.58);
    --site-text: var(--dev-text);
    --site-muted: var(--dev-muted);
    --site-cyan: var(--dev-cyan);
    --site-green: var(--dev-green);
    --site-warning: var(--dev-accent);
    --site-danger: #fb7185;
    --bg: var(--dev-bg-darker);
    --panel: var(--dev-card);
    --text: var(--dev-text);
    --muted: var(--dev-muted);
    --line: var(--dev-border);
    --accent: var(--dev-primary);

    --suite-style-surface:
      radial-gradient(circle at 100% 0, rgba(0, 172, 207, 0.07), transparent 34%),
      linear-gradient(145deg, rgba(27, 25, 54, 0.97), rgba(16, 17, 38, 0.98));
    --suite-style-surface-soft: rgba(27, 25, 54, 0.72);
    --suite-style-field: rgba(9, 12, 29, 0.78);
    --suite-style-border: var(--dev-border);
    --suite-style-border-strong: rgba(144, 109, 204, 0.62);
    --suite-style-heading: var(--dev-text);
    --suite-style-text: var(--dev-muted);
    --suite-style-muted: var(--dev-soft);
    --suite-style-accent: var(--dev-primary);
    --suite-style-accent-2: var(--dev-cyan);
    --suite-style-button: rgba(27, 25, 54, 0.9);
    --suite-style-shadow: var(--dev-shadow-glow);
    --suite-style-success: var(--dev-green);
    --suite-style-warning: var(--dev-accent);
    --suite-style-danger: #fb7185;
    --suite-style-success-bg: rgba(34, 197, 94, 0.16);
    --suite-style-warning-bg: rgba(251, 191, 36, 0.15);
    --suite-style-danger-bg: rgba(239, 68, 68, 0.16);
    --suite-style-success-border: rgba(34, 197, 94, 0.42);
    --suite-style-warning-border: rgba(251, 191, 36, 0.44);
    --suite-style-danger-border: rgba(239, 68, 68, 0.44);
    --suite-style-accent-glow: rgba(144, 109, 204, 0.22);
    --suite-style-accent-stroke: rgba(144, 109, 204, 0.3);

    --style2-action-view: linear-gradient(135deg, #166534, #14532d);
    --style2-action-view-hover: linear-gradient(135deg, #15803d, #166534);
    --style2-action-review: linear-gradient(135deg, #facc15, #eab308);
    --style2-action-review-hover: linear-gradient(135deg, #fde047, #facc15);
    --style2-action-issue: linear-gradient(135deg, #9a3412, #7c2d12);
    --style2-action-issue-hover: linear-gradient(135deg, #c2410c, #9a3412);
    --style2-action-delete: linear-gradient(135deg, #991b1b, #7f1d1d);
    --style2-action-delete-hover: linear-gradient(135deg, #b91c1c, #991b1b);
    --style2-action-ai: linear-gradient(135deg, #6d28d9, #5b21b6);
    --style2-action-ai-hover: linear-gradient(135deg, #7c3aed, #6d28d9);
  }

  html[data-seo-style="style1"] body {
    color: var(--dev-muted);
    background:
      radial-gradient(circle at 8% -4%, rgba(144, 109, 204, 0.18), transparent 31rem),
      radial-gradient(circle at 94% 14%, rgba(0, 172, 207, 0.12), transparent 30rem),
      linear-gradient(180deg, var(--dev-bg-dark), var(--dev-bg-darker)) fixed;
  }

  html[data-seo-style="style1"] body.page-admin {
    --admin-surface: rgba(27, 25, 54, 0.96);
    --admin-surface-raised: rgba(35, 32, 66, 0.98);
    --admin-surface-inset: rgba(9, 12, 29, 0.72);
    --admin-border: var(--dev-border);
    --admin-border-strong: rgba(144, 109, 204, 0.62);
    --admin-text: var(--dev-text);
    --admin-muted: var(--dev-muted);
    --admin-accent: var(--dev-cyan);
    --admin-success: var(--dev-green);
    --admin-warning: var(--dev-accent);
    --admin-danger: #fb7185;
    --admin-shadow: var(--dev-shadow-glow);
    --admin-focus: 0 0 0 3px rgba(0, 172, 207, 0.28), 0 0 22px rgba(144, 109, 204, 0.14);
  }
  html[data-seo-style="style1"] body :where(h1, h2, h3, h4, h5, h6, legend) {
    color: var(--dev-text);
  }

  html[data-seo-style="style1"] body :where(a:not([class*="danger"]):not([data-delete-report])) {
    color: var(--dev-cyan);
  }

  html[data-seo-style="style1"] body :where(
    .muted,
    .helper-text,
    .form-help,
    .field-help,
    .meta,
    .eyebrow,
    .caption,
    .empty-state p,
    small
  ) {
    color: var(--dev-soft);
  }

  html[data-seo-style="style1"] body :where(hr) {
    border-color: var(--dev-border);
  }

  /* Surfaces réutilisables : aucune dimension n'est modifiée. */
  html[data-seo-style="style1"] body :where(
    [class$="-card"],
    [class*="-card "],
    [class$="-panel"],
    [class*="-panel "],
    [class$="-dialog"],
    [class*="-dialog "],
    [class$="-callout"],
    [class*="-callout "],
    [class$="-notice"],
    [class*="-notice "],
    [class$="-metric"],
    [class*="-metric "],
    [class$="-kpi"],
    [class*="-kpi "],
    [class$="-tile"],
    [class*="-tile "]
  ) {
    color: var(--dev-muted);
    border-color: var(--dev-border);
    background:
      radial-gradient(circle at 100% 0, rgba(0, 172, 207, 0.055), transparent 34%),
      linear-gradient(145deg, rgba(27, 25, 54, 0.97), rgba(16, 17, 38, 0.98));
    box-shadow: var(--dev-shadow-glow);
  }

  html[data-seo-style="style1"] body :where(
    [class$="-card"],
    [class*="-card "],
    [class$="-panel"],
    [class*="-panel "],
    [class$="-dialog"],
    [class*="-dialog "],
    [class$="-callout"],
    [class*="-callout "],
    [class$="-notice"],
    [class*="-notice "],
    [class$="-metric"],
    [class*="-metric "],
    [class$="-kpi"],
    [class*="-kpi "],
    [class$="-tile"],
    [class*="-tile "]
  ) :where(h1, h2, h3, h4, strong) {
    color: var(--dev-text);
  }

  /* Navigation, modales, consentement et pied de page. */
  html[data-seo-style="style1"] :where(
    .site-menu,
    .site-menu-content,
    .site-auth-modal,
    .site-auth-modal-dialog,
    .site-auth-provider-list,
    .site-profile-menu,
    .site-credit-message,
    .site-credit-pending,
    .cookie-banner,
    .cookie-preferences,
    .site-footer,
    footer
  ) {
    color: var(--dev-muted);
    border-color: var(--dev-border);
    background-color: rgba(9, 12, 29, 0.94);
  }

  html[data-seo-style="style1"] :where(
    .site-menu-content,
    .site-auth-modal-dialog,
    .site-profile-menu,
    .site-credit-message,
    .site-credit-pending,
    .cookie-banner,
    .cookie-preferences
  ) {
    box-shadow: 0 22px 52px rgba(0, 0, 0, 0.46), 0 0 30px rgba(144, 109, 204, 0.12);
    backdrop-filter: blur(18px);
  }

  html[data-seo-style="style1"] :where(
    .site-menu-links a,
    .site-reports-shortcut,
    .site-profile-shortcut,
    .site-admin-shortcut,
    .site-auth-button,
    .site-auth-provider-button,
    .site-credit-balance,
    .site-menu-toggle
  ) {
    color: var(--dev-text);
    border-color: var(--dev-border);
    background-color: rgba(27, 25, 54, 0.82);
  }

  html[data-seo-style="style1"] :where(
    .site-menu-links a,
    .site-reports-shortcut,
    .site-profile-shortcut,
    .site-admin-shortcut,
    .site-auth-button,
    .site-auth-provider-button,
    .site-credit-balance,
    .site-menu-toggle
  ):is(:hover, :focus-visible, .is-active) {
    color: #101126;
    border-color: rgba(0, 172, 207, 0.7);
    background: var(--dev-gradient-2);
  }

  /* Formulaires, tableaux et composants natifs. */
  html[data-seo-style="style1"] body :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
    select,
    textarea,
    [contenteditable="true"]
  ) {
    color: var(--dev-text);
    caret-color: var(--dev-cyan);
    border-color: var(--dev-border);
    background-color: rgba(9, 12, 29, 0.76);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
  }

  html[data-seo-style="style1"] body :where(
    input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
    select,
    textarea,
    [contenteditable="true"]
  ):focus {
    border-color: var(--dev-primary);
    outline: 3px solid rgba(144, 109, 204, 0.2);
    outline-offset: 1px;
    box-shadow: 0 0 0 1px rgba(0, 172, 207, 0.2), 0 0 24px rgba(144, 109, 204, 0.14);
  }

  html[data-seo-style="style1"] body :where(input, textarea)::placeholder {
    color: var(--dev-soft);
    opacity: 0.86;
  }

  html[data-seo-style="style1"] body :where(button, .button, [role="button"]):not(
    [data-report-view],
    [data-load-report],
    [data-mini-report-view],
    [data-report-review],
    [data-report-issue],
    [data-mini-report-issue],
    [data-delete-report],
    [data-mini-report-delete],
    [data-copy-report-ux],
    [data-copy-report-agent],
    [data-mini-report-ux],
    [data-mini-report-agent],
    [data-copy-ux-report],
    [data-copy-agent-report]
  ) {
    color: var(--dev-text);
    border-color: var(--dev-border);
  }

  html[data-seo-style="style1"] body :where(table) {
    color: var(--dev-muted);
    border-color: var(--dev-border);
    background-color: rgba(9, 12, 29, 0.42);
  }

  html[data-seo-style="style1"] body :where(thead, th) {
    color: var(--dev-text);
    border-color: var(--dev-border);
    background-color: rgba(27, 25, 54, 0.94);
  }

  html[data-seo-style="style1"] body :where(td) {
    color: var(--dev-muted);
    border-color: var(--dev-border);
    background-color: rgba(16, 17, 38, 0.68);
  }

  html[data-seo-style="style1"] body :where(tbody tr:hover td) {
    background-color: rgba(54, 54, 83, 0.7);
  }

  html[data-seo-style="style1"] body :where(code, pre, kbd, samp) {
    color: var(--dev-cyan);
    border-color: var(--dev-border);
    background-color: rgba(9, 12, 29, 0.84);
  }

  html[data-seo-style="style1"] body :where(details) {
    color: var(--dev-muted);
    border-color: var(--dev-border);
    background-color: rgba(16, 17, 38, 0.78);
  }

  html[data-seo-style="style1"] body :where(summary) {
    color: var(--dev-text);
  }

  html[data-seo-style="style1"] body :where(summary:hover, summary:focus-visible) {
    color: var(--dev-cyan);
  }

  html[data-seo-style="style1"] body :where(
    [class$="-badge"],
    [class*="-badge "],
    [class$="-chip"],
    [class*="-chip "],
    [class$="-tag"],
    [class*="-tag "],
    [class$="-pill"],
    [class*="-pill "]
  ):not(.score-ok):not(.score-warn):not(.score-bad):not(.ok):not(.warn):not(.bad) {
    color: var(--dev-muted);
    border-color: var(--dev-border);
    background-color: rgba(9, 12, 29, 0.74);
  }

  html[data-seo-style="style1"] body :where(
    progress,
    [class$="-progress"],
    [class*="-progress "],
    .progress-bar
  ) {
    accent-color: var(--dev-primary);
    border-color: var(--dev-border);
    background-color: rgba(9, 12, 29, 0.78);
  }

  html[data-seo-style="style1"] body progress::-webkit-progress-value,
  html[data-seo-style="style1"] body .progress-bar > span,
  html[data-seo-style="style1"] body [class$="-progress"] > span,
  html[data-seo-style="style1"] body [class*="-progress "] > span {
    background: var(--dev-gradient-1);
  }

  html[data-seo-style="style1"] body :where(
    button,
    a,
    input,
    select,
    textarea,
    summary,
    [tabindex]:not([tabindex="-1"])
  ):focus-visible {
    outline-color: var(--dev-cyan);
  }

  /* Accueil, outils et pages commerciales. */
  html[data-seo-style="style1"] body.page-home :where(
    .home-tools-slider,
    .home-tool-slide,
    .home-slider-controls,
    .decision-panel,
    .decision-card,
    .home-proof,
    .home-proof-card,
    .home-trust,
    .home-trust-card,
    .home-review-card,
    .home-review-modal,
    .home-review-modal-content,
    .home-tool-review-dialog,
    .home-review-form,
    .home-review-summary > span,
    .home-signal-card,
    .home-cta,
    .home-tool-rating
  ),
  html[data-seo-style="style1"] body.pricing-page :where(
    .pricing-hero,
    .pricing-plan,
    .pricing-summary,
    .pricing-checkout,
    .pricing-promo,
    .pricing-faq,
    .pricing-trust
  ),
  html[data-seo-style="style1"] body.page-tools :where(
    .tools-hero,
    .tools-products,
    .tools-filter,
    .tools-empty,
    .tools-card,
    .tools-product-card
  ) {
    color: var(--dev-muted);
    border-color: var(--dev-border);
    background:
      radial-gradient(circle at 100% 0, rgba(0, 172, 207, 0.06), transparent 34%),
      linear-gradient(145deg, rgba(27, 25, 54, 0.97), rgba(16, 17, 38, 0.98));
    box-shadow: var(--dev-shadow-glow);
  }

  html[data-seo-style="style1"] body.page-home :where(
    .home-tools-slider-track,
    .home-tool-slide,
    .tool-card-link
  ) {
    border-color: var(--dev-border);
  }

  html[data-seo-style="style1"] body.page-home :where(
    .home-tools-slider-arrow,
    .home-tools-slider-dots button,
    .home-mini-slider-btn,
    .home-tool-review-modal-close
  ) {
    color: var(--dev-text);
    border-color: var(--dev-border);
    background-color: rgba(27, 25, 54, 0.9);
  }

  html[data-seo-style="style1"] body.page-home :where(
    .home-tools-slider-dots button[aria-current="true"],
    .home-tools-slider-arrow:hover,
    .home-tools-slider-arrow:focus-visible,
    .home-mini-slider-btn:not(:disabled):hover,
    .home-mini-slider-btn:not(:disabled):focus-visible,
    .home-tool-review-modal-close:hover,
    .home-tool-review-modal-close:focus-visible
  ) {
    color: #101126;
    border-color: transparent;
    background: var(--dev-gradient-2);
  }

  /* Rapports privés, publics, tableau de bord et viewer. */
  html[data-seo-style="style1"] body.page-reports :where(
    .reports-section-tabs,
    .reports-section-panel,
    .reports-dashboard-panel,
    .reports-dashboard-intro,
    .reports-dashboard-overview,
    .reports-dashboard-jumps,
    .reports-dashboard-section,
    .reports-dashboard-kpi,
    .reports-dashboard-need-card,
    .reports-dashboard-signal-card,
    .reports-dashboard-source-card,
    .reports-dashboard-tool-card,
    .reports-dashboard-history-card,
    .reports-dashboard-matrix,
    .reports-dashboard-matrix-wrap,
    .reports-dashboard-table-wrap,
    .reports-dashboard-artifacts,
    .reports-dashboard-action,
    .reports-dashboard-note--neutral,
    .reports-dashboard-empty,
    .reports-site-card,
    .reports-tool-group,
    .reports-row,
    .reports-filter-bar,
    .reports-empty
  ),
  html[data-seo-style="style1"] body.page-public-audits :where(
    .public-audits-hero,
    .public-audits-filters,
    .public-audit-card,
    .public-audits-empty,
    .public-audits-pagination
  ),
  html[data-seo-style="style1"] body.public-report-viewer-body :where(
    .public-report-viewer-shell,
    .public-report-viewer-status,
    .public-report-section,
    .visual-insight-card,
    .visual-insight-panel
  ) {
    color: var(--dev-muted);
    border-color: var(--dev-border);
    background:
      radial-gradient(circle at 100% 0, rgba(0, 172, 207, 0.055), transparent 34%),
      linear-gradient(145deg, rgba(27, 25, 54, 0.97), rgba(16, 17, 38, 0.98));
    box-shadow: var(--dev-shadow-glow);
  }

  html[data-seo-style="style1"] body.page-reports :where(
    .reports-section-tab,
    .reports-dashboard-jumps a,
    .reports-dashboard-link,
    .reports-filter-bar button
  ) {
    color: var(--dev-muted);
    border-color: var(--dev-border);
    background-color: rgba(27, 25, 54, 0.88);
  }

  html[data-seo-style="style1"] body.page-reports :where(
    .reports-section-tab.is-active,
    .reports-dashboard-jumps a:hover,
    .reports-dashboard-link:hover
  ) {
    color: #101126;
    border-color: transparent;
    background: var(--dev-gradient-2);
  }

  html[data-seo-style="style1"] body.page-reports .reports-dashboard-note:not(.reports-dashboard-note--neutral) {
    color: #fde68a;
    border-color: rgba(251, 191, 36, 0.46);
    background: rgba(78, 54, 17, 0.42);
  }

  html[data-seo-style="style1"] body.page-reports .reports-dashboard-signal-card:is(.is-high, [data-priority="high"]) {
    border-color: rgba(248, 113, 113, 0.72);
    background: rgba(96, 22, 38, 0.28);
  }

  html[data-seo-style="style1"] body.page-reports .reports-dashboard-signal-card:is(.is-medium, [data-priority="medium"]) {
    border-color: rgba(251, 191, 36, 0.72);
    background: rgba(78, 54, 17, 0.28);
  }

  html[data-seo-style="style1"] body.page-reports .reports-dashboard-signal-card:is(.is-low, [data-priority="low"]) {
    border-color: rgba(74, 222, 128, 0.66);
    background: rgba(20, 83, 45, 0.24);
  }
  /* Audit 1, Crawl Site, Concurrent VS et mini-outils. */
  html[data-seo-style="style1"] body.app-one-page .audit-beginner-guide {
    --audit-guide-text: var(--dev-text);
    --audit-guide-muted: var(--dev-muted);
    --audit-guide-surface: rgba(16, 17, 38, 0.98);
    --audit-guide-surface-soft: rgba(27, 25, 54, 0.78);
    color: var(--dev-muted);
    border-color: rgba(144, 109, 204, 0.52);
    background:
      radial-gradient(circle at 8% -15%, rgba(144, 109, 204, 0.18), transparent 34%),
      radial-gradient(circle at 92% 0%, rgba(0, 172, 207, 0.13), transparent 32%),
      var(--audit-guide-surface);
  }
  html[data-seo-style="style1"] body.app-one-page :where(
    .audit-launch-panel,
    .audit-launch-reassurance,
    .audit-guide-welcome,
    .audit-guide-facts li,
    .audit-guide-nav,
    .audit-guide-panel,
    .audit-guide-status-grid > *,
    .audit-guide-tools-grid > *,
    .audit-guide-glossary,
    .audit-guide-callout,
    .audit-guide-note,
    .audit-guide-action-flow,
    .audit-guide-checklist,
    .audit-guide-score-scale,
    .audit-guide-data-legend,
    .audit-guide-domain-grid > *,
    .audit-guide-detail,
    .audit-questions-grid article,
    .audit-term-dialog,
    .audit-term-result,
    .audit-term-next-step,
    .visibility-impact-panel,
    .visibility-impact-section,
    .semantic-coverage-panel,
    .semantic-section
  ),
  html[data-seo-style="style1"] body.app-crawl :where(
    .crawl-launch-panel,
    .crawl-launch-reassurance,
    .crawl-owner-panel,
    .crawl-method-panel,
    .crawl-data-status-list,
    .crawl-results-head,
    .crawl-sitemap-3d-panel,
    .crawl-tool-details,
    .crawl-resource-panel,
    .crawl-resource-card,
    .crawl-resource-security-details .mini-table-wrap,
    .visibility-impact-panel,
    .visibility-impact-section,
    .semantic-coverage-panel,
    .semantic-section
  ),
  html[data-seo-style="style1"] body.compare-tool-page :where(
    .compare-competitive-synthesis,
    .compare-summary-card,
    .compare-positioning-card,
    .compare-blindspot-card,
    .compare-record-card,
    .compare-opportunity-card,
    .compare-evidence-disclosure,
    .compare-observation-disclosure,
    .compare-best-observed,
    .compare-recommendations-card,
    .compare-action-plan-card,
    .compare-prompt-tests,
    .compare-ai-citability,
    .compare-schema-matrix,
    .compare-method-grid > article,
    .compare-coverage-grid > article,
    .compare-lexical-section,
    .compare-headtohead-card,
    .compare-detail-card,
    .compare-axis-card,
    .compare-url-row,
    .compare-profile-box,
    .compare-credit-card,
    .compare-cost-summary,
    .compare-cost-summary > div
  ),
  html[data-seo-style="style1"] body.mini-tool-page :where(
    .mini-shell,
    .mini-form,
    .mini-form-head,
    .mini-result,
    .mini-results,
    .mini-history,
    .mini-history-row,
    .mini-history-older,
    .mini-faq,
    .mini-empty,
    .mini-table-wrap
  ) {
    color: var(--dev-muted);
    border-color: var(--dev-border);
    background:
      radial-gradient(circle at 100% 0, rgba(0, 172, 207, 0.055), transparent 34%),
      linear-gradient(145deg, rgba(27, 25, 54, 0.97), rgba(16, 17, 38, 0.98));
    box-shadow: var(--dev-shadow-glow);
  }

  /* Profil, crédits, avis, blog et forum. */
  html[data-seo-style="style1"] body.page-profile :where(
    .profile-hero,
    .profile-account,
    .profile-billing,
    .profile-community,
    .profile-referral,
    .profile-delete,
    .profile-site-card,
    .profile-purchase-card,
    .profile-picker,
    .profile-account-summary,
    .profile-section-accordion,
    .profile-community-list-wrap,
    .profile-referral-code-box,
    .profile-avatar-editor
  ),
  html[data-seo-style="style1"] body.page-credits :where(
    .credits-hero,
    .credits-panel,
    .credits-card,
    .credits-grid > article,
    .credits-step,
    .credits-summary
  ),
  html[data-seo-style="style1"] body.page-reviews :where(
    .reviews-hero,
    .reviews-summary,
    .reviews-filters,
    .reviews-card,
    .reviews-list,
    .reviews-empty,
    .home-review-card,
    .home-review-modal
  ),
  html[data-seo-style="style1"] body.page-blog :where(
    .blog-hero,
    .blog-toolbar,
    .blog-card,
    .blog-form,
    .blog-form-section,
    .blog-contribution-rules,
    .blog-cover-preview,
    .blog-author-box,
    .blog-comments,
    .blog-comment,
    .blog-article,
    .blog-cta,
    .blog-empty
  ),
  html[data-seo-style="style1"] body.page-forum :where(
    .forum-hero,
    .forum-panel,
    .forum-composer,
    .forum-reply-composer,
    .forum-category-intro,
    .forum-reader-guide,
    .forum-thread,
    .forum-category,
    .forum-reply,
    .forum-modal,
    .forum-empty,
    .forum-pagination
  ) {
    color: var(--dev-muted);
    border-color: var(--dev-border);
    background:
      radial-gradient(circle at 100% 0, rgba(0, 172, 207, 0.055), transparent 34%),
      linear-gradient(145deg, rgba(27, 25, 54, 0.97), rgba(16, 17, 38, 0.98));
    box-shadow: var(--dev-shadow-glow);
  }

  html[data-seo-style="style1"] body.page-blog .blog-button:not(.secondary) {
    color: #101126;
    border-color: rgba(0, 172, 207, 0.78);
    background: var(--dev-gradient-2);
    text-shadow: none;
  }

  html[data-seo-style="style1"] body.page-blog .blog-button:not(.secondary):is(:hover, :focus-visible) {
    color: #090c1d;
    border-color: rgba(251, 191, 36, 0.82);
    background: var(--dev-gradient-3);
  }
  /* Administration, y compris la nouvelle modération. */
  html[data-seo-style="style1"] body.page-admin :where(
    .admin-tabs,
    .admin-tab-panel,
    .admin-overview-metrics > *,
    .admin-workspace,
    .admin-workspace-sidebar,
    .admin-summary-intro,
    .admin-summary-watch,
    .admin-table-card,
    .admin-filter-form,
    .admin-filter-summary,
    .admin-moderation-card,
    .admin-moderation-metrics > *,
    .admin-moderation-filter,
    .admin-moderation-source-tabs,
    .admin-moderation-source-panel,
    .admin-moderation-list,
    .admin-moderation-item,
    .admin-moderation-pagination,
    .admin-empty-state
  ) {
    color: var(--dev-muted);
    border-color: var(--dev-border);
    background:
      radial-gradient(circle at 100% 0, rgba(0, 172, 207, 0.055), transparent 34%),
      linear-gradient(145deg, rgba(27, 25, 54, 0.97), rgba(16, 17, 38, 0.98));
    box-shadow: var(--dev-shadow-glow);
  }

  html[data-seo-style="style1"] body.page-admin :where(
    .admin-tab-link,
    .admin-action-link,
    .admin-filter-form button,
    .admin-moderation-pagination button
  ) {
    color: var(--dev-muted);
    border-color: var(--dev-border);
    background-color: rgba(27, 25, 54, 0.9);
  }

  html[data-seo-style="style1"] body.page-admin :where(
    .admin-tab-link.is-active,
    .admin-tab-link[aria-selected="true"],
    .admin-action-link:hover
  ) {
    color: #101126;
    border-color: transparent;
    background: var(--dev-gradient-2);
  }

  /* Pages autonomes dont la feuille métier est chargée après le thème initial. */
  html[data-seo-style="style1"] body:is(
    .image-rize-tool,
    .open-graph-tool,
    .position-tool-page,
    .position-access-page,
    .qr-studio-page
  ) :where(section, article, aside, form, .workspace-header, .project-item, .insight-card, .metric-card) {
    color: var(--dev-muted);
    border-color: var(--dev-border);
    background:
      radial-gradient(circle at 100% 0, rgba(0, 172, 207, 0.055), transparent 34%),
      linear-gradient(145deg, rgba(27, 25, 54, 0.97), rgba(16, 17, 38, 0.98));
    box-shadow: var(--dev-shadow-glow);
  }

  html[data-seo-style="style1"] body.page-legal :where(
    .legal-shell,
    .legal-breadcrumb,
    .legal-update,
    .legal-callout,
    .legal-table-wrap
  ) {
    color: var(--dev-muted);
    border-color: var(--dev-border);
    background:
      radial-gradient(circle at 100% 0, rgba(0, 172, 207, 0.055), transparent 34%),
      linear-gradient(145deg, rgba(27, 25, 54, 0.97), rgba(16, 17, 38, 0.98));
  }

  /* Couleurs UX des rapports : cette couche est volontairement finale et invariante. */
  html[data-seo-style="style1"] body.app-crawl .report-actions button[data-load-report],
  html[data-seo-style="style1"] body.app-one-page .history-actions button[data-load-report],
  html[data-seo-style="style1"] body.mini-tool-page .mini-history-actions button[data-mini-report-view],
  html[data-seo-style="style1"] body.page-reports .reports-row-actions a[data-report-view],
  html[data-seo-style="style1"] body.page-public-audits button[data-public-audit-id] {
    color: #dcfce7 !important;
    border-color: rgba(34, 197, 94, 0.72) !important;
    background: var(--style2-action-view) !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
  }

  html[data-seo-style="style1"] body.app-crawl .report-actions button[data-load-report]:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.app-one-page .history-actions button[data-load-report]:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.mini-tool-page .mini-history-actions button[data-mini-report-view]:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.page-reports .reports-row-actions a[data-report-view]:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.page-public-audits button[data-public-audit-id]:is(:hover, :focus-visible) {
    color: #dcfce7 !important;
    background: var(--style2-action-view-hover) !important;
    outline: 3px solid rgba(34, 197, 94, 0.42) !important;
    outline-offset: 2px !important;
  }

  html[data-seo-style="style1"] body.app-crawl .report-actions a[href][data-report-review],
  html[data-seo-style="style1"] body.app-one-page .history-actions a[href][data-report-review],
  html[data-seo-style="style1"] body.mini-tool-page .mini-history-actions a[href][data-report-review],
  html[data-seo-style="style1"] body.page-reports .reports-row-actions a[href][data-report-review] {
    color: #1c1917 !important;
    border-color: #fde047 !important;
    background: var(--style2-action-review) !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    text-decoration: none !important;
  }

  html[data-seo-style="style1"] body.app-crawl .report-actions a[href][data-report-review]:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.app-one-page .history-actions a[href][data-report-review]:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.mini-tool-page .mini-history-actions a[href][data-report-review]:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.page-reports .reports-row-actions a[href][data-report-review]:is(:hover, :focus-visible) {
    color: #1c1917 !important;
    background: var(--style2-action-review-hover) !important;
    outline: 3px solid rgba(250, 204, 21, 0.48) !important;
    outline-offset: 2px !important;
  }

  html[data-seo-style="style1"] body.app-crawl .report-actions button[data-report-issue],
  html[data-seo-style="style1"] body.app-one-page .history-actions button[data-report-issue],
  html[data-seo-style="style1"] body.mini-tool-page .mini-history-actions button[data-mini-report-issue],
  html[data-seo-style="style1"] body.page-reports .reports-row-actions button[data-report-issue] {
    color: #ffedd5 !important;
    border-color: rgba(251, 146, 60, 0.82) !important;
    background: var(--style2-action-issue) !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
  }

  html[data-seo-style="style1"] body.app-crawl .report-actions button[data-report-issue]:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.app-one-page .history-actions button[data-report-issue]:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.mini-tool-page .mini-history-actions button[data-mini-report-issue]:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.page-reports .reports-row-actions button[data-report-issue]:is(:hover, :focus-visible) {
    color: #fff7ed !important;
    background: var(--style2-action-issue-hover) !important;
    outline: 3px solid rgba(251, 146, 60, 0.48) !important;
    outline-offset: 2px !important;
  }

  html[data-seo-style="style1"] body.app-crawl .report-actions button[data-delete-report],
  html[data-seo-style="style1"] body.app-one-page .history-actions button[data-delete-report],
  html[data-seo-style="style1"] body.mini-tool-page .mini-history-actions button[data-mini-report-delete],
  html[data-seo-style="style1"] body.page-reports .reports-row-actions button[data-delete-report],
  html[data-seo-style="style1"] body.page-reports .reports-inline-delete,
  html[data-seo-style="style1"] body.page-reports .reports-bulk-delete:not(:disabled) {
    color: #fee2e2 !important;
    border-color: rgba(248, 113, 113, 0.82) !important;
    background: var(--style2-action-delete) !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
  }

  html[data-seo-style="style1"] body.app-crawl .report-actions button[data-delete-report]:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.app-one-page .history-actions button[data-delete-report]:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.mini-tool-page .mini-history-actions button[data-mini-report-delete]:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.page-reports .reports-row-actions button[data-delete-report]:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.page-reports .reports-inline-delete:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.page-reports .reports-bulk-delete:not(:disabled):is(:hover, :focus-visible) {
    color: #fff1f2 !important;
    background: var(--style2-action-delete-hover) !important;
    outline: 3px solid rgba(248, 113, 113, 0.46) !important;
    outline-offset: 2px !important;
  }

  html[data-seo-style="style1"] body.app-crawl .report-actions button[data-copy-report-ux],
  html[data-seo-style="style1"] body.app-crawl .report-actions button[data-copy-report-agent],
  html[data-seo-style="style1"] body.app-one-page .history-actions button[data-copy-report-ux],
  html[data-seo-style="style1"] body.app-one-page .history-actions button[data-copy-report-agent],
  html[data-seo-style="style1"] body.mini-tool-page .mini-history-actions button[data-mini-report-ux],
  html[data-seo-style="style1"] body.mini-tool-page .mini-history-actions button[data-mini-report-agent],
  html[data-seo-style="style1"] body.page-reports .reports-row-actions button[data-copy-ux-report],
  html[data-seo-style="style1"] body.page-reports .reports-row-actions button[data-copy-agent-report] {
    color: #f5f3ff !important;
    border-color: #92aee8 !important;
    background: var(--style2-action-ai) !important;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
  }

  html[data-seo-style="style1"] body.app-crawl .report-actions button[data-copy-report-ux]:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.app-crawl .report-actions button[data-copy-report-agent]:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.app-one-page .history-actions button[data-copy-report-ux]:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.app-one-page .history-actions button[data-copy-report-agent]:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.mini-tool-page .mini-history-actions button[data-mini-report-ux]:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.mini-tool-page .mini-history-actions button[data-mini-report-agent]:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.page-reports .reports-row-actions button[data-copy-ux-report]:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.page-reports .reports-row-actions button[data-copy-agent-report]:is(:hover, :focus-visible) {
    color: #faf5ff !important;
    background: var(--style2-action-ai-hover) !important;
    outline: 3px solid rgba(167, 139, 250, 0.48) !important;
    outline-offset: 2px !important;
  }
}

@media screen and (max-width: 760px) {
  html[data-seo-style="style1"] body :where(
    table,
    .table-wrap,
    [class$="-table-wrap"],
    [class*="-table-wrap "]
  ) {
    scrollbar-color: var(--dev-primary) rgba(2, 6, 23, 0.72);
  }

  html[data-seo-style="style1"] body :where(
    .site-auth-modal-dialog,
    .cookie-preferences,
    .home-review-modal-content
  ) {
    border-color: rgba(192, 132, 252, 0.5);
    background-color: rgba(2, 6, 23, 0.98);
  }
}

/* Style 2 : palette du logo, surfaces portfolio et mouvement discret. */
@media screen {
  html[data-seo-style="style1"],
  html[data-seo-style="style1"] body,
  html[data-seo-style="style1"] body[class] {
    --dev-bg-dark: #101126;
    --dev-bg-darker: #090d1c;
    --dev-card: #1a1e34;
    --dev-card-strong: #14192d;
    --dev-hover: #29314b;
    --dev-border: rgba(154, 167, 200, 0.26);
    --dev-shadow-glow: 0 12px 32px rgba(3, 6, 19, 0.24), inset 0 1px 0 rgba(198, 188, 235, 0.045);
    --dev-action-gradient: linear-gradient(110deg, #60329b 0%, #345fa6 52%, #007b94 100%);
    --dev-action-gradient-hover: linear-gradient(110deg, #68409f 0%, #3765ae 52%, #007e96 100%);
    --dev-gradient-3: linear-gradient(110deg, #bca0e5 0%, #92aee8 52%, #80d5e2 100%);
    --dev-action-shadow: 0 5px 18px rgba(73, 42, 127, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.12);
    --dev-action-shadow-hover: 0 9px 24px rgba(66, 38, 118, 0.3), 0 0 18px rgba(0, 172, 207, 0.12);
    --dev-transition: 0.24s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    --mobile-bottom-active-text: #ffffff;
    --mobile-bottom-active-bg: var(--dev-action-gradient);
    --mobile-bottom-active-border: #698ebc;
    --mobile-bottom-shell-bg: linear-gradient(110deg, #161a31, #10182b);
    --suite-style-surface: linear-gradient(135deg, #1a1e34, #141a2e);
    --suite-style-surface-soft: rgba(26, 30, 52, 0.8);
    --suite-style-field: #0e1427;
    --suite-style-button: #20283e;
    --suite-style-border: var(--dev-border);
    --suite-style-border-strong: rgba(128, 213, 226, 0.62);
    --suite-style-accent: #bca0e5;
    --suite-style-accent-2: #80d5e2;
    --suite-style-accent-glow: rgba(84, 39, 145, 0.16);
    --suite-style-accent-stroke: rgba(128, 213, 226, 0.3);
  }

  html[data-seo-style="style1"] body,
  html[data-seo-style="style1"] body[class] {
    isolation: isolate;
    background: linear-gradient(155deg, #101126, #0e1629 54%, #090d1c) fixed;
    animation: none;
  }

  /* Ces couches restent derrière le contenu, sans intercepter les interactions. */
  html[data-seo-style="style1"] body::before {
    content: "";
    position: fixed;
    inset: -52px;
    z-index: -2;
    pointer-events: none;
    background-image: linear-gradient(rgba(174, 148, 219, 0.075) 1px, transparent 1px), linear-gradient(90deg, rgba(83, 180, 208, 0.06) 1px, transparent 1px);
    background-size: 52px 52px;
    opacity: 0.58;
    animation: none;
  }

  html[data-seo-style="style1"] body::after {
    content: "";
    position: fixed;
    inset: -8%;
    z-index: -1;
    pointer-events: none;
    background: radial-gradient(ellipse at 10% 18%, rgba(109, 57, 177, 0.2), transparent 48%), radial-gradient(ellipse at 92% 68%, rgba(0, 166, 202, 0.13), transparent 44%);
    opacity: 1;
    animation: none;
  }

  html[data-seo-style="style1"] .style2-particles {
    display: block;
    z-index: -1;
  }

  html[data-seo-style="style1"] .style2-particle {
    animation-name: style2AmbientParticle;
    animation-duration: calc(var(--particle-duration, 14s) + 12s);
    animation-delay: calc(var(--particle-delay, 0s) - 22s);
    font-size: min(var(--particle-size, 1.2rem), 1.35rem);
    text-shadow: none;
  }

  html[data-seo-style="style1"] .style2-particle:nth-child(even) { color: var(--dev-cyan); }

  html[data-seo-style="style1"] body[class] h1::after { content: none; }

  html[data-seo-style="style1"] body[class] :is(h1, h2, h3) {
    font-family: inherit;
    font-weight: 700;
    text-shadow: none;
  }

  html[data-seo-style="style1"] body[class] h1 { letter-spacing: -0.025em; line-height: 1.16; }
  html[data-seo-style="style1"] body[class] :is(h2, h3) { letter-spacing: -0.012em; }

  html[data-seo-style="style1"] body[class] :is(.eyebrow, .tool-label, .tools-section-kicker, .decision-kicker) {
    font-family: Consolas, "Fira Code", "Courier New", monospace;
    letter-spacing: 0.035em;
    text-shadow: none;
  }

  html[data-seo-style="style1"] .site-menu {
    background: rgba(13, 17, 35, 0.94);
    border-bottom-color: rgba(151, 132, 196, 0.25);
    box-shadow: 0 6px 24px rgba(3, 6, 19, 0.18);
  }

  html[data-seo-style="style1"] .site-menu-brand img { box-shadow: none; }

  html[data-seo-style="style1"] body .site-menu :is(a, button).is-active,
  html[data-seo-style="style1"] body .site-menu :is(a, button):not(.site-menu-brand):is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.page-profile .profile-tab-button.is-active,
  html[data-seo-style="style1"] body.page-home .hero-primary {
    color: #ffffff;
    border-color: #698ebc;
    background: var(--dev-action-gradient);
    box-shadow: var(--dev-action-shadow);
    text-shadow: none;
    transform: none;
  }

  html[data-seo-style="style1"] body.page-home .hero-primary:is(:hover, :focus-visible) {
    color: #ffffff;
    background: var(--dev-action-gradient-hover);
    box-shadow: var(--dev-action-shadow-hover);
  }

  html[data-seo-style="style1"] body[class] :is(.hero-panel, .hero-card, .mini-hero, .tools-hero, .pricing-hero) {
    border-color: rgba(160, 143, 205, 0.3);
    border-radius: 18px;
    background: radial-gradient(ellipse at 100% 0, rgba(0, 172, 207, 0.06), transparent 60%), linear-gradient(130deg, #1b1d35, #141c30);
    box-shadow: var(--dev-shadow-glow);
  }

  html[data-seo-style="style1"] body.page-home .hero {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
  }

  html[data-seo-style="style1"] body.page-home .decision-panel {
    border-color: rgba(151, 132, 196, 0.26);
    background: rgba(17, 23, 42, 0.7);
    box-shadow: none;
  }

  html[data-seo-style="style1"] body[class] :is(a, article, section, div, li):is(.tool-card, .tools-card, .tools-product-card, .pricing-card, .contact-info-card, .reports-site-card, .profile-site-card, .profile-purchase-card, .mini-panel, .compare-gap-card),
  html[data-seo-style="style1"] body.page-home :is(.home-mini-grid a, .home-mini-tools, .home-guide, .home-faq) {
    will-change: auto;
    border-radius: 16px;
    border-color: var(--dev-border);
    background: linear-gradient(145deg, var(--dev-card), var(--dev-card-strong));
    box-shadow: var(--dev-shadow-glow);
  }

  html[data-seo-style="style1"] body[class] :is(a, article, section, div, li):is(.tool-card, .tools-card, .tools-product-card, .pricing-card, .profile-site-card, .profile-purchase-card):is(:hover, :focus-within),
  html[data-seo-style="style1"] body.page-home .home-mini-grid a:is(:hover, :focus-visible) {
    filter: none;
    border-color: rgba(178, 144, 224, 0.64);
    box-shadow: 0 16px 36px rgba(3, 6, 19, 0.3), 0 0 20px rgba(100, 66, 167, 0.1);
  }

  html[data-seo-style="style1"] body[class] :is(.site-auth-modal-primary, .site-credit-claim, .contact-submit, .primary, .open-tool, .mini-form button, .compare-actions button.primary, .tools-card span:last-child) {
    background-size: 100% 100%;
    text-shadow: none;
  }

  html[data-seo-style="style1"] body[class] :is(.site-auth-modal-primary, .site-credit-claim, .contact-submit, .primary, .open-tool, .mini-form button, .compare-actions button.primary, .tools-card span:last-child)::before {
    content: none;
  }

  html[data-seo-style="style1"] body[class] :is(.site-auth-modal-primary, .site-credit-claim, .contact-submit, .primary, .open-tool, .mini-form button, .compare-actions button.primary, .tools-card span:last-child):is(:hover, :focus-visible) { background-size: 100% 100%; filter: none; }

  /* La rubrique des audits est une section, pas une action principale. */
  html[data-seo-style="style1"] body.page-tools main.tools-shell section.tools-primary,
  html[data-seo-style="style1"] body.page-tools main.tools-shell section.tools-primary:is(:hover, :focus-visible) {
    display: grid;
    align-items: stretch;
    justify-content: normal;
    gap: 18px;
    border: 1px solid var(--dev-border);
    border-radius: 18px;
    background: linear-gradient(145deg, var(--dev-card), var(--dev-card-strong));
    box-shadow: var(--dev-shadow-glow);
    filter: none;
    transform: none;
  }
  html[data-seo-style="style1"] body.page-tools main.tools-shell section.tools-primary::before,
  html[data-seo-style="style1"] body.page-tools main.tools-shell section.tools-primary:is(:hover, :focus-visible)::before { content: none; }

  html[data-seo-style="style1"] body:is(.app-crawl, .app-one-page) .score-card::after { content: none; }
  html[data-seo-style="style1"] .site-credit-claim.is-gift { animation: none; }

  html[data-seo-style="style1"] body[class] :is(input, select, textarea, [contenteditable="true"]):where(:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not(.is-invalid):not([aria-invalid="true"])),
  html[data-seo-style="style1"] body.mini-tool-page :is(.mini-form, .mini-field-grid) :is(input, select, textarea):where(:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not(.is-invalid):not([aria-invalid="true"])),
  html[data-seo-style="style1"] body.app-crawl input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):where(:not([type="range"]):not(.is-invalid):not([aria-invalid="true"])),
  html[data-seo-style="style1"] body.app-crawl .table-tools :is(input, select):where(:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not(.is-invalid):not([aria-invalid="true"])) { border-color: #646a83; }
  html[data-seo-style="style1"] body[class] :is(input, select, textarea, button, a, summary, [tabindex]):focus-visible {
    outline: 2px solid #80d5e2;
    outline-offset: 3px;
  }
  html[data-seo-style="style1"] body[class] :is(input, select, textarea, [contenteditable="true"]):where(:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not(.is-invalid):not([aria-invalid="true"])):focus,
  html[data-seo-style="style1"] body.mini-tool-page :is(.mini-form, .mini-field-grid) :is(input, select, textarea):where(:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not(.is-invalid):not([aria-invalid="true"])):focus,
  html[data-seo-style="style1"] body.app-crawl input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):where(:not([type="range"]):not(.is-invalid):not([aria-invalid="true"])):focus,
  html[data-seo-style="style1"] body.app-crawl .table-tools :is(input, select):where(:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not(.is-invalid):not([aria-invalid="true"])):focus {
    border-color: #80d5e2;
    box-shadow: 0 0 0 3px rgba(0, 172, 207, 0.12);
  }
  html[data-seo-style="style1"] body[class] button.danger { color: #fff1f2; border-color: #a74b63; background: #751c35; }
  html[data-seo-style="style1"] body[class] button.danger:is(:hover, :focus-visible) { background: #882140; }
}

@media screen and (prefers-reduced-motion: no-preference) {
  html[data-seo-style="style1"] body::before { animation: style2AmbientGrid 32s linear infinite; }
  html[data-seo-style="style1"] body::after { animation: style2AmbientGlow 24s ease-in-out infinite alternate; }
  html[data-seo-style="style1"] body.page-home .brand-row { animation: style2Welcome 0.65s ease-out both; }
  html[data-seo-style="style1"] body:is(.app-crawl, .app-one-page) .hero-panel::after { animation-duration: 8s; opacity: 0.65; }
}

@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  html[data-seo-style="style1"] body[class] :is(a, article, section, div, li):is(.tools-card, .tools-product-card, .pricing-card):hover,
  html[data-seo-style="style1"] body.page-home .home-mini-grid a:hover { transform: translateY(-4px); }
  html[data-seo-style="style1"] body[class] :is(.site-auth-modal-primary, .site-credit-claim, .contact-submit, .primary, .open-tool, .mini-form button, .compare-actions button.primary, .tools-card span:last-child):not(:disabled)::before {
    content: "";
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.025), transparent);
  }
}

@media screen and (max-width: 760px) {
  html[data-seo-style="style1"] body::before { opacity: 0.4; }
  html[data-seo-style="style1"] body::after { opacity: 0.72; }
  html[data-seo-style="style1"] .style2-particle:nth-child(even) { display: none; }
}

@media screen and (prefers-reduced-motion: reduce) {
  html[data-seo-style="style1"] body::before,
  html[data-seo-style="style1"] body::after { animation: none; transform: none; }
  html[data-seo-style="style1"] .style2-particles { display: none; }
  html[data-seo-style="style1"] body[class] :is(.brand-row, .tool-card, .tools-card, .tools-product-card, .pricing-card, .reports-site-card, .profile-site-card, .profile-purchase-card, .mini-check, .compare-gap-card, .home-mini-grid a, .primary, .open-tool, .tools-primary, .contact-submit, .site-credit-claim, .site-auth-modal-primary),
  html[data-seo-style="style1"] body.mini-tool-page .mini-form button {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}

@media screen and (forced-colors: active) {
  html[data-seo-style="style1"] body::before,
  html[data-seo-style="style1"] body::after { content: none; }
  html[data-seo-style="style1"] .style2-particles { display: none; }
}

@media screen {
  html[data-seo-style="style1"][data-style2-motion-paused="true"] body::before,
  html[data-seo-style="style1"][data-style2-motion-paused="true"] body::after,
  html[data-seo-style="style1"][data-style2-motion-paused="true"] .style2-particle { animation-play-state: paused; }
}

@media screen {
@keyframes style2AmbientGrid { to { transform: translate3d(52px, 52px, 0); } }
@keyframes style2AmbientGlow { to { transform: translate3d(4%, -3%, 0) scale(1.03); } }
@keyframes style2AmbientParticle {
  0% { transform: translate3d(0, 0, 0) rotate(-12deg); opacity: 0; }
  12%, 82% { opacity: 0.14; }
  100% { transform: translate3d(24px, -112vh, 0) rotate(28deg); opacity: 0; }
}
@keyframes style2Welcome { from { transform: translateY(10px); } to { transform: translateY(0); } }
}

/* Style 2 : contrastes des actions communes et du catalogue des outils. */
@media screen and (forced-colors: none) {
  html[data-seo-style="style1"] body .site-faq-block .site-faq-state {
    color: #ffffff;
    border-color: #698ebc;
    background: var(--dev-action-gradient);
    box-shadow: var(--dev-action-shadow);
  }

  html[data-seo-style="style1"] body .site-faq-block .site-faq-button:is(:hover, :focus-visible) .site-faq-state {
    color: #ffffff;
    border-color: var(--dev-cyan);
    background: var(--dev-action-gradient-hover);
    box-shadow: var(--dev-action-shadow-hover);
  }

  html[data-seo-style="style1"] body.page-tools main.tools-shell :is(.tools-hero-primary, .tools-card-cta) {
    color: #ffffff;
    border-color: #698ebc;
    background: var(--dev-action-gradient);
    background-size: 100% 100%;
    box-shadow: var(--dev-action-shadow);
    text-shadow: none;
    filter: none;
  }

  html[data-seo-style="style1"] body.page-tools main.tools-shell .tools-hero-primary:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.page-tools main.tools-shell :is(.tools-card, .tools-product-card):is(:hover, :focus-visible) .tools-card-cta {
    color: #ffffff;
    border-color: var(--dev-cyan);
    background: var(--dev-action-gradient-hover);
    background-size: 100% 100%;
    box-shadow: var(--dev-action-shadow-hover);
    filter: none;
  }

  html[data-seo-style="style1"] body.page-tools main.tools-shell .tools-filter-button {
    color: var(--dev-text);
    border-color: #737b96;
    background: var(--dev-card-strong);
    box-shadow: none;
  }

  html[data-seo-style="style1"] body.page-tools main.tools-shell .tools-filter-button small {
    color: var(--dev-muted);
    border-color: var(--dev-border);
    background: var(--dev-card-strong);
  }

  html[data-seo-style="style1"] body.page-tools main.tools-shell .tools-filter-button:is(:hover, :focus-visible) {
    color: #ffffff;
    border-color: var(--dev-cyan);
    background: var(--dev-hover);
    filter: none;
  }

  html[data-seo-style="style1"] body.page-tools main.tools-shell .tools-filter-button.is-active {
    color: #ffffff;
    border-color: #698ebc;
    background: var(--dev-action-gradient);
    box-shadow: var(--dev-action-shadow);
  }

  html[data-seo-style="style1"] body.page-tools main.tools-shell .tools-filter-button.is-active:is(:hover, :focus-visible) {
    color: #ffffff;
    border-color: var(--dev-cyan);
    background: var(--dev-action-gradient-hover);
  }

  html[data-seo-style="style1"] body.page-tools main.tools-shell .tools-filter-button.is-active :is(span, small) {
    color: #ffffff;
  }

  html[data-seo-style="style1"] body.page-tools main.tools-shell .tools-filter-button.is-active small {
    border-color: rgba(255, 255, 255, 0.5);
    background: rgba(9, 12, 29, 0.35);
  }

  html[data-seo-style="style1"] body.page-tools main.tools-shell :is(.tools-card, .tools-product-card, .tools-hero-primary, .tools-filter-button):focus-visible {
    outline: 3px solid var(--dev-cyan);
    outline-offset: 4px;
  }
}

/* Image Rize et Open Graph : les tokens locaux priment sur ceux hérités du thème. */
@media screen and (forced-colors: none) {
  html[data-seo-style="style1"] body.image-rize-tool[class] .image-rize-app {
    --bg-deep: var(--dev-bg-darker);
    --bg: var(--dev-bg-dark);
    --panel: var(--dev-card);
    --panel-soft: var(--dev-card-strong);
    --field: #0e1427;
    --field-soft: #20283e;
    --field-strong: var(--dev-hover);
    --line: var(--dev-border);
    --line-bright: #80d5e2;
    --text: var(--dev-text);
    --muted: var(--dev-muted);
    --muted-strong: var(--dev-text);
    --accent: var(--dev-primary);
    --accent-ink: var(--dev-bg-darker);
    --shadow: var(--dev-shadow-glow);
    --panel-gradient: linear-gradient(145deg, var(--dev-card), var(--dev-card-strong));
    --accent-soft: rgba(188, 160, 229, 0.12);
    --focus-ring: rgba(128, 213, 226, 0.2);
  }

  html[data-seo-style="style1"] body.image-rize-tool[class] .image-rize-app :is(.refresh-button, .secondary-button, .compact-button, .mode-tab):where(:not(.danger):not(.is-danger)) {
    color: var(--dev-text);
    border-color: #737b96;
    background: var(--field-soft);
    text-shadow: none;
  }

  html[data-seo-style="style1"] body.image-rize-tool[class] .image-rize-app :is(.refresh-button, .secondary-button, .compact-button, .mode-tab):where(:not(.danger):not(.is-danger)):not(:disabled):is(:hover, :focus-visible) {
    color: #ffffff;
    border-color: var(--dev-cyan);
    background: var(--dev-hover);
    filter: none;
  }

  html[data-seo-style="style1"] body.image-rize-tool[class] .image-rize-app :is(.download-button, .global-zip-button, .mode-tab.is-active):where(:not(.danger):not(.is-danger)) {
    color: #ffffff;
    border-color: #698ebc;
    background: var(--dev-action-gradient);
    box-shadow: var(--dev-action-shadow);
    text-shadow: none;
    filter: none;
  }

  html[data-seo-style="style1"] body.image-rize-tool[class] .image-rize-app :is(.download-button, .global-zip-button, .mode-tab.is-active):where(:not(.danger):not(.is-danger)):not(:disabled):is(:hover, :focus-visible) {
    color: #ffffff;
    border-color: var(--dev-cyan);
    background: var(--dev-action-gradient-hover);
    box-shadow: var(--dev-action-shadow-hover);
    filter: none;
  }

  html[data-seo-style="style1"] body.image-rize-tool[class] .image-rize-app :is(.download-button, .global-zip-button, .secondary-button, .compact-button, .mode-tab):where(:not(.danger):not(.is-danger)):disabled {
    color: var(--dev-muted);
    border-color: #737b96;
    background: var(--dev-card-strong);
    box-shadow: none;
    filter: none;
  }

  html[data-seo-style="style1"] body.image-rize-tool[class] .image-rize-app :is(.status.is-error, .export-item.is-error) {
    color: var(--suite-status-bad-text);
    border-color: var(--suite-status-bad-border);
    background: var(--suite-status-bad-bg);
  }

  html[data-seo-style="style1"] body.image-rize-tool[class] .image-rize-app .export-item.is-ready {
    border-color: var(--suite-status-ok-border);
    background: var(--suite-status-ok-bg);
  }

  /* Les cadres entourent les aperçus ; canvas, images et données de couleur restent intacts. */
  html[data-seo-style="style1"] body.open-graph-tool[class] .image-rize-app :is(.og-standalone-controls, .og-preview-panel, .og-pack-export, .og-mode-selector) {
    color: var(--dev-text);
    border-color: var(--dev-border);
    background: var(--panel-gradient);
    box-shadow: var(--dev-shadow-glow);
  }

  html[data-seo-style="style1"] body.open-graph-tool[class] .image-rize-app :is(.og-mode-card-copy, .og-settings-accordion, .og-individual-export) {
    color: var(--dev-text);
    border-color: var(--dev-border);
    background: var(--field-soft);
  }

  html[data-seo-style="style1"] body.open-graph-tool[class] .image-rize-app .og-mode-card > input:checked + .og-mode-card-copy,
  html[data-seo-style="style1"] body.open-graph-tool[class] .image-rize-app .og-mode-card:hover .og-mode-card-copy,
  html[data-seo-style="style1"] body.open-graph-tool[class] .image-rize-app .og-mode-card > input:focus-visible + .og-mode-card-copy {
    color: var(--dev-text);
    border-color: var(--dev-cyan);
    background: var(--dev-hover);
    box-shadow: inset 0 0 0 1px rgba(128, 213, 226, 0.2);
  }

  html[data-seo-style="style1"] body.open-graph-tool[class] .image-rize-app .og-mode-card > input:focus-visible + .og-mode-card-copy {
    outline: 2px solid var(--dev-cyan);
    outline-offset: 3px;
  }

  html[data-seo-style="style1"] body.open-graph-tool[class] .image-rize-app :is(.og-settings-accordion, .og-individual-export) > summary {
    color: var(--dev-text);
    background: var(--field-soft);
  }

  html[data-seo-style="style1"] body.open-graph-tool[class] .image-rize-app :is(.og-settings-accordion, .og-individual-export) > summary:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.open-graph-tool[class] .image-rize-app .og-settings-accordion[open] > summary {
    color: #ffffff;
    background: var(--dev-hover);
  }

  html[data-seo-style="style1"] body.open-graph-tool[class] .image-rize-app .og-platform-switcher button {
    color: var(--dev-text);
    border-color: #737b96;
    background: var(--field-soft);
  }

  html[data-seo-style="style1"] body.open-graph-tool[class] .image-rize-app .og-platform-switcher button:is(:hover, :focus-visible) {
    color: #ffffff;
    border-color: var(--dev-cyan);
    background: var(--dev-hover);
    filter: none;
  }

  html[data-seo-style="style1"] body.open-graph-tool[class] .image-rize-app .og-platform-switcher button[aria-pressed="true"] {
    color: #ffffff;
    border-color: #698ebc;
    background: var(--dev-action-gradient);
    box-shadow: var(--dev-action-shadow);
  }

  html[data-seo-style="style1"] body.open-graph-tool[class] .image-rize-app .og-platform-switcher button[aria-pressed="true"]:is(:hover, :focus-visible) {
    color: #ffffff;
    border-color: var(--dev-cyan);
    background: var(--dev-action-gradient-hover);
  }

  html[data-seo-style="style1"] body.open-graph-tool[class] .image-rize-app .og-platform-switcher button[aria-pressed="true"] :is(strong, small, .og-platform-number, .og-platform-size) {
    color: #ffffff;
  }

  html[data-seo-style="style1"] body.open-graph-tool[class] .image-rize-app .og-platform-number {
    color: var(--dev-primary);
  }

  html[data-seo-style="style1"] body.open-graph-tool[class] .image-rize-app :is(.og-section-index, .og-mode-icon, .og-accordion-heading > i, .og-workflow li > span) {
    color: var(--dev-primary);
    border-color: var(--dev-border);
    background: #20283e;
  }

  /* QR : composants de l'éditeur uniquement, sans recolorer le QR généré. */
  html[data-seo-style="style1"] body.qr-studio-page[class] :is(.qr-encoding-stage, .qr-content-card, .qr-mode-select-field, .qr-mode-shortcuts, .qr-settings-group, .qr-content-options, .qr-export-stage, .qr-preview-tip, .qr-capacity-card, .qr-preview-mock) {
    color: var(--dev-text);
    border-color: var(--dev-border);
    background: linear-gradient(145deg, var(--dev-card), var(--dev-card-strong));
  }

  html[data-seo-style="style1"] body.qr-studio-page[class] :is(.qr-settings-group, .qr-content-options) > summary {
    color: var(--dev-text);
    border-color: var(--dev-border);
    background: #20283e;
  }

  html[data-seo-style="style1"] body.qr-studio-page[class] :is(.qr-settings-group, .qr-content-options) > summary:is(:hover, :focus-visible) {
    color: #ffffff;
    background: var(--dev-hover);
  }

  html[data-seo-style="style1"] body.qr-studio-page[class] :is(.qr-settings-group, .qr-content-options) > summary::after,
  html[data-seo-style="style1"] body.qr-studio-page[class] :is(.qr-editor-kicker, .qr-panel-category, .qr-panel-icon) {
    color: var(--dev-primary);
  }

  html[data-seo-style="style1"] body.qr-studio-page[class] :is(.qr-content-card, .qr-settings-grid) label,
  html[data-seo-style="style1"] body.qr-studio-page[class] .qr-option-field {
    color: var(--dev-text);
    border-color: var(--dev-border);
    background: var(--dev-card-strong);
  }

  html[data-seo-style="style1"] body.qr-studio-page[class] :is(.qr-content-card, .qr-settings-grid) label:focus-within,
  html[data-seo-style="style1"] body.qr-studio-page[class] .qr-option-field:focus-within {
    border-color: var(--dev-cyan);
    background: #20283e;
  }

  html[data-seo-style="style1"] body.qr-studio-page[class] .qr-type-tab {
    color: var(--dev-text);
    border-color: #737b96;
    background: #20283e;
  }

  html[data-seo-style="style1"] body.qr-studio-page[class] .qr-type-tab:not(:disabled):is(:hover, :focus-visible) {
    color: #ffffff;
    border-color: var(--dev-cyan);
    background: var(--dev-hover);
  }

  html[data-seo-style="style1"] body.qr-studio-page[class] .qr-type-tab.is-active {
    color: #ffffff;
    border-color: #698ebc;
    background: var(--dev-action-gradient);
    box-shadow: var(--dev-action-shadow);
  }

  html[data-seo-style="style1"] body.qr-studio-page[class] .qr-type-tab.is-active:not(:disabled):is(:hover, :focus-visible) {
    color: #ffffff;
    border-color: var(--dev-cyan);
    background: var(--dev-action-gradient-hover);
    box-shadow: var(--dev-action-shadow-hover);
  }

  html[data-seo-style="style1"] body.qr-studio-page[class] .qr-studio-progress li {
    color: var(--dev-muted);
    border-color: var(--dev-border);
    background: var(--dev-card-strong);
  }

  html[data-seo-style="style1"] body.qr-studio-page[class] .qr-studio-progress li.is-current {
    color: var(--dev-text);
    border-color: var(--dev-primary);
    background: #20283e;
  }

  html[data-seo-style="style1"] body.qr-studio-page[class] .qr-studio-progress .is-current > span,
  html[data-seo-style="style1"] body.qr-studio-page[class] .qr-capacity-card > span {
    color: #ffffff;
    border-color: #698ebc;
    background: var(--dev-action-gradient);
  }

  /* Actions secondaires de résultats, distinctes des confirmations de copie et suppressions. */
  html[data-seo-style="style1"] body.mini-tool-page[class] :is(.mini-copy-button, .mini-back-link):where(:not(.copied):not(.danger):not(.mini-history-danger)) {
    color: var(--dev-text);
    border-color: #737b96;
    background: #20283e;
    box-shadow: none;
    text-shadow: none;
  }

  html[data-seo-style="style1"] body.mini-tool-page[class] :is(.mini-copy-button, .mini-back-link):where(:not(.copied):not(.danger):not(.mini-history-danger)):not(:disabled):is(:hover, :focus-visible) {
    color: #ffffff;
    border-color: var(--dev-cyan);
    background: var(--dev-hover);
    filter: none;
  }

  html[data-seo-style="style1"] body.mini-tool-page[class] :is(.mini-copy-button, .mini-back-link):where(:not(.copied):not(.danger):not(.mini-history-danger)):disabled {
    color: var(--dev-muted);
    border-color: #737b96;
    background: var(--dev-card-strong);
    box-shadow: none;
    filter: none;
  }

  /* L'aperçu Google reproduit une SERP claire : son texte ne doit pas hériter du thème sombre. */
  html[data-seo-style="style1"] body.mini-tool-page[class] .serp-card {
    color: #202124;
    background: #ffffff;
  }

  html[data-seo-style="style1"] body.mini-tool-page[class] .serp-card p {
    color: #4d5156;
  }

  html[data-seo-style="style1"] body.mini-tool-page[class] .serp-card :is(h3, .serp-preview-label) {
    color: #5f6368;
  }

  html[data-seo-style="style1"] body.mini-tool-page[class] .serp-card .serp-url {
    color: #202124;
  }

  html[data-seo-style="style1"] body.mini-tool-page[class] .serp-card .serp-title {
    color: #1a0dab;
  }
}

/* Style 2 : résultats et aides restés sur l'ancienne palette claire. */
@media screen and (forced-colors: none) {
  html[data-seo-style="style1"] body.compare-tool-page #results {
    --compare-refine-panel: var(--dev-card);
    --compare-refine-panel-strong: var(--dev-card-strong);
    --compare-refine-line: var(--dev-border);
    --compare-refine-line-active: var(--dev-cyan);
    --compare-refine-muted: var(--dev-muted);
    --compare-refine-text: var(--dev-muted);
    --compare-refine-title: var(--dev-text);
  }

  html[data-seo-style="style1"] body.compare-tool-page :is(
    .compare-report-nav,
    .compare-decision-meta > article,
    .compare-decision-meta > div,
    .compare-summary-meta > div,
    details.compare-signal-group,
    details.compare-proof-group,
    details.compare-action-details,
    details.compare-opportunity-card,
    details.compare-evidence-group,
    details.compare-diagnostic-disclosure,
    details.compare-competitive-observations
  ) {
    color: var(--dev-muted);
    background: var(--dev-card);
  }

  html[data-seo-style="style1"] body.compare-tool-page :is(
    details.compare-signal-group,
    details.compare-proof-group,
    details.compare-action-details,
    details.compare-opportunity-card,
    details.compare-evidence-group,
    details.compare-diagnostic-disclosure,
    details.compare-competitive-observations
  ) > summary {
    color: var(--dev-text);
    background: var(--dev-card-strong);
  }

  html[data-seo-style="style1"] body.compare-tool-page :is(
    details.compare-signal-group,
    details.compare-proof-group,
    details.compare-action-details,
    details.compare-opportunity-card,
    details.compare-evidence-group,
    details.compare-diagnostic-disclosure,
    details.compare-competitive-observations
  ) > summary:is(:hover, :focus-visible) {
    color: var(--dev-text);
    background: var(--dev-hover);
  }

  /* Le texte descriptif est séparé des badges métier du résumé. */
  html[data-seo-style="style1"] body.compare-tool-page .compare-action-summary-copy > strong {
    color: var(--dev-text);
  }
  html[data-seo-style="style1"] body.compare-tool-page .compare-action-summary-copy > :is(small, span) {
    color: var(--dev-muted);
  }

  html[data-seo-style="style1"] body.compare-tool-page .compare-report-nav :is(a, button) {
    color: var(--dev-text);
    background: var(--dev-card-strong);
  }
  html[data-seo-style="style1"] body.compare-tool-page .compare-report-nav :is(a, button):is([aria-current="true"], [aria-pressed="true"]) {
    color: #ffffff;
    border-color: var(--dev-cyan);
    background: var(--dev-action-gradient);
  }
  html[data-seo-style="style1"] body.compare-tool-page .compare-report-nav :is(a, button):is(:hover, :focus-visible) {
    color: #ffffff;
    border-color: var(--dev-cyan);
    background: var(--dev-action-gradient-hover);
  }

  /* Les fenêtres d'aide utilisent les mêmes surfaces que leur outil. */
  html[data-seo-style="style1"] body.app-crawl .crawl-term-dialog,
  html[data-seo-style="style1"] body.compare-tool-page .compare-term-dialog {
    color: var(--dev-muted);
    border-color: var(--dev-border);
    background: linear-gradient(145deg, var(--dev-card), var(--dev-card-strong));
  }
  html[data-seo-style="style1"] body.app-crawl .crawl-term-dialog > h2,
  html[data-seo-style="style1"] body.app-crawl .crawl-term-result > strong,
  html[data-seo-style="style1"] body.app-crawl .crawl-term-detail-grid h3,
  html[data-seo-style="style1"] body.compare-tool-page .compare-term-dialog > h2,
  html[data-seo-style="style1"] body.compare-tool-page .compare-term-result > strong,
  html[data-seo-style="style1"] body.compare-tool-page .compare-term-detail-grid h3 {
    color: var(--dev-text);
  }
  html[data-seo-style="style1"] body.app-crawl .crawl-term-result,
  html[data-seo-style="style1"] body.app-crawl .crawl-term-detail-grid > section,
  html[data-seo-style="style1"] body.compare-tool-page .compare-term-result,
  html[data-seo-style="style1"] body.compare-tool-page .compare-term-detail-grid > section {
    color: var(--dev-muted);
    background: var(--dev-card-strong);
  }
  html[data-seo-style="style1"] body.app-crawl .crawl-term-result-head,
  html[data-seo-style="style1"] body.app-crawl .crawl-term-result > p,
  html[data-seo-style="style1"] body.app-crawl .crawl-term-detail-grid p,
  html[data-seo-style="style1"] body.compare-tool-page .compare-term-result > span,
  html[data-seo-style="style1"] body.compare-tool-page .compare-term-detail-grid p {
    color: var(--dev-muted);
  }
  html[data-seo-style="style1"] body.app-crawl .crawl-term-axis,
  html[data-seo-style="style1"] body.compare-tool-page .compare-term-axis {
    color: var(--dev-cyan);
    border-color: var(--dev-border);
    background: var(--dev-card-strong);
  }

  html[data-seo-style="style1"] body.app-crawl button.crawl-term-help,
  html[data-seo-style="style1"] body.compare-tool-page button.compare-term-help {
    color: var(--dev-cyan);
    border-color: var(--dev-cyan);
    background: var(--dev-card-strong);
  }
  html[data-seo-style="style1"] body.app-crawl button.crawl-term-help:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.compare-tool-page button.compare-term-help:is(:hover, :focus-visible) {
    color: var(--dev-text);
    background: var(--dev-hover);
  }
  html[data-seo-style="style1"] body.app-crawl button.crawl-term-dialog-close,
  html[data-seo-style="style1"] body.compare-tool-page button.compare-term-dialog-close {
    color: var(--dev-text);
    border-color: var(--dev-border);
    background: var(--dev-card-strong);
  }
  html[data-seo-style="style1"] body.app-crawl button.crawl-term-dialog-close:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.compare-tool-page button.compare-term-dialog-close:is(:hover, :focus-visible) {
    color: #ffffff;
    border-color: var(--dev-cyan);
    background: var(--dev-action-gradient-hover);
  }

  /* Les états du glossaire Crawl restent distincts, y compris au survol. */
  html[data-seo-style="style1"] body.app-crawl button.crawl-term-help.is-good,
  html[data-seo-style="style1"] body.app-crawl button.crawl-term-help.is-good:is(:hover, :focus-visible) {
    color: var(--dev-green);
    border-color: var(--dev-green);
    background: var(--suite-style-success-bg);
  }
  html[data-seo-style="style1"] body.app-crawl button.crawl-term-help.is-warn,
  html[data-seo-style="style1"] body.app-crawl button.crawl-term-help.is-warn:is(:hover, :focus-visible) {
    color: var(--dev-accent);
    border-color: var(--dev-accent);
    background: var(--suite-style-warning-bg);
  }
  html[data-seo-style="style1"] body.app-crawl button.crawl-term-help.is-bad,
  html[data-seo-style="style1"] body.app-crawl button.crawl-term-help.is-bad:is(:hover, :focus-visible) {
    color: var(--suite-style-danger);
    border-color: var(--suite-style-danger);
    background: var(--suite-style-danger-bg);
  }
  html[data-seo-style="style1"] body.app-crawl button.crawl-term-help.is-disabled,
  html[data-seo-style="style1"] body.app-crawl button.crawl-term-help.is-disabled:is(:hover, :focus-visible) {
    color: var(--dev-muted);
    border-color: var(--dev-muted);
    background: var(--dev-card-strong);
  }
  html[data-seo-style="style1"] body.app-crawl .crawl-term-result.good { border-left-color: var(--dev-green); }
  html[data-seo-style="style1"] body.app-crawl .crawl-term-result.warn { border-left-color: var(--dev-accent); }
  html[data-seo-style="style1"] body.app-crawl .crawl-term-result.bad { border-left-color: var(--suite-style-danger); }
  html[data-seo-style="style1"] body.app-crawl .crawl-term-result.disabled { border-left-color: var(--dev-muted); }
  html[data-seo-style="style1"] body.app-crawl .crawl-term-detail-grid > .crawl-term-next-step.good { border-color: var(--suite-style-success-border); }
  html[data-seo-style="style1"] body.app-crawl .crawl-term-detail-grid > .crawl-term-next-step.warn { border-color: var(--suite-style-warning-border); }
  html[data-seo-style="style1"] body.app-crawl .crawl-term-detail-grid > .crawl-term-next-step.bad { border-color: var(--suite-style-danger-border); }

  html[data-seo-style="style1"] body.page-credits .credits-primary {
    color: #ffffff;
    border-color: var(--dev-primary);
    background: var(--dev-action-gradient);
  }
  html[data-seo-style="style1"] body.page-credits .credits-primary:is(:hover, :focus-visible) {
    color: #ffffff;
    border-color: var(--dev-cyan);
    background: var(--dev-action-gradient-hover);
  }

  /* Les libellés des boutons d’aide suivent leur état, même dans un champ. */
  html[data-seo-style="style1"] body.app-crawl button.crawl-term-help > span,
  html[data-seo-style="style1"] body.compare-tool-page button.compare-term-help > span {
    color: inherit;
  }

  /* Ici le span est un libellé, pas une barre de progression. */
  html[data-seo-style="style1"] body.page-blog .blog-editor-progress > span {
    color: var(--dev-muted);
    background: transparent;
  }

  html[data-seo-style="style1"] body.page-reports :is(.reports-view-tabs, .reports-visual-mode-tabs) button.is-active {
    color: #ffffff;
    border-color: var(--dev-primary);
    background: var(--dev-action-gradient);
  }
  html[data-seo-style="style1"] body.page-reports :is(.reports-view-tabs, .reports-visual-mode-tabs) button.is-active:is(:hover, :focus-visible) {
    color: #ffffff;
    border-color: var(--dev-cyan);
    background: var(--dev-action-gradient-hover);
  }

  /* Les liens 403/404 héritaient du cyan posé sur leur fond cyan. */
  html[data-seo-style="style1"] body.page-error :is(.error-skip-link, .error-home-link) {
    color: #ffffff;
    border-color: var(--dev-primary);
    background: var(--dev-action-gradient);
  }
  html[data-seo-style="style1"] body.page-error :is(.error-skip-link, .error-home-link):is(:hover, :focus-visible) {
    color: #ffffff;
    border-color: var(--dev-cyan);
    background: var(--dev-action-gradient-hover);
  }
  html[data-seo-style="style1"] body.page-error :is(.error-skip-link, .error-home-link):focus-visible {
    outline: 2px solid var(--dev-cyan);
    outline-offset: 3px;
  }
}

/* États chargés depuis le compte ou le blog : conserver la couleur du composant. */
@media screen and (forced-colors: none) {
  /* site-reports.css colorait tous les spans des lignes comme des métadonnées,
     y compris les libellés des actions vertes, violettes, orange, rouges et jaunes. */
  html[data-seo-style="style1"] body.page-reports .reports-row-actions > :is(a, button) > span {
    color: inherit;
  }

  /* Le style des métadonnées des commentaires atteignait aussi les initiales. */
  html[data-seo-style="style1"] body.page-blog .blog-comment .blog-avatar > span {
    color: #ffffff;
  }
}

/* Audit 1 : résultats injectés, contrôlés avec les templates audit-app/WebVitals. */
@media screen and (forced-colors: none) {
  /* Le tableau Lighthouse conserve ses 720 px dans son propre défilement. */
  html[data-seo-style="style1"] body.app-one-page #webVitalsRes .web-vitals-block {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-seo-style="style1"] body.app-one-page #webVitalsRes :is(
    .web-vitals-block > *,
    .web-vitals-diagnostic-group,
    .web-vitals-diagnostic-group .scroll-x
  ) {
    min-width: 0;
    max-width: 100%;
  }

  html[data-seo-style="style1"] body.app-one-page #webVitalsRes .web-vitals-diagnostic-group .scroll-x {
    width: 100%;
    overflow-x: auto;
  }

  html[data-seo-style="style1"] body.app-one-page #webVitalsRes .web-vitals-title {
    flex-wrap: wrap;
  }

  html[data-seo-style="style1"] body.app-one-page #webVitalsRes .web-vitals-title > :is(h3, span) {
    overflow-wrap: anywhere;
  }

  /* Le panneau de ressources retrouve sa surface propre, sans les strates cyan des lignes KV. */
  html[data-seo-style="style1"] body.app-one-page #securityRes .resource-security-overview {
    margin-top: 0;
    padding: 12px;
    border: 1px solid var(--dev-border);
    border-radius: 14px;
    background: var(--dev-card);
    color: var(--dev-muted);
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: normal;
  }

  html[data-seo-style="style1"] body.app-one-page #securityRes :is(
    .resource-security-score-main small,
    .resource-security-card small
  ) {
    color: var(--dev-muted);
  }
}

@media screen and (max-width: 680px) and (forced-colors: none) {
  /* Ces conteneurs ne sont pas des paires libellé/valeur : neutraliser .kv div:nth-child().
     Les .resource-security-score et cartes ok/warn conservent leurs couleurs sémantiques. */
  html[data-seo-style="style1"] body.app-one-page #securityRes :is(
    .audit-resource-security-cell,
    .resource-security-overview-head,
    .resource-security-score-main,
    .resource-security-cards,
    .resource-security-types
  ) {
    margin-top: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    color: var(--dev-muted);
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    letter-spacing: normal;
  }
}

/* Audit 1 : le bouton de filtre recouvre la carte sans masquer ses valeurs. */
@media screen {
  html[data-seo-style="style1"] body.app-one-page .score-card > button.audit-score-filter-trigger {
    background: transparent;
    border-radius: inherit;
    filter: none;
    transform: none;
  }

  /* Le contour reste visible malgré overflow: hidden sur la carte. */
  html[data-seo-style="style1"] body.app-one-page .score-card > button.audit-score-filter-trigger:focus-visible {
    outline: 3px solid var(--audit-filter-accent);
    outline-offset: -5px;
  }
}
/* Style 2 : les mêmes repères pour les pages publiques et les espaces personnels. */
@media screen and (forced-colors: none) {
  html[data-seo-style="style1"] body[class] :is(.hero-copy, .mini-title-row > div) > h1 {
    text-wrap: balance;
  }

  html[data-seo-style="style1"] body.page-blog .blog-hero h1 {
    color: var(--dev-primary);
    background: var(--dev-gradient-1);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  html[data-seo-style="style1"] body[class] :is(.hero-copy, .mini-title-row > div) > p,
  html[data-seo-style="style1"] body.mini-tool-page .mini-hero > p {
    max-width: 68ch;
    color: var(--dev-muted);
    line-height: 1.65;
  }

  html[data-seo-style="style1"] body.pricing-page .pricing-jump-nav,
  html[data-seo-style="style1"] body.page-reports .reports-section-tabs,
  html[data-seo-style="style1"] body.page-profile .profile-tabs {
    border-color: var(--dev-border);
    background: var(--dev-card-strong);
    box-shadow: none;
  }

  html[data-seo-style="style1"] body.pricing-page .pricing-jump-nav a,
  html[data-seo-style="style1"] body.page-reports .reports-dashboard-jumps a,
  html[data-seo-style="style1"] body:is(.page-profile, .page-reports) .profile-tab-button {
    color: var(--dev-text);
    border-color: var(--dev-border);
    background: var(--suite-style-button);
    text-shadow: none;
  }

  html[data-seo-style="style1"] body.pricing-page .pricing-jump-nav a:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.page-reports .reports-dashboard-jumps a:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body:is(.page-profile, .page-reports) .profile-tab-button:is(:hover, :focus-visible) {
    color: #ffffff;
    border-color: var(--dev-cyan);
    background: var(--dev-hover);
    filter: none;
  }

  html[data-seo-style="style1"] body:is(.page-profile, .page-reports) .profile-tab-button.is-active,
  html[data-seo-style="style1"] body.page-blog .blog-button:not(.secondary):not(:disabled) {
    color: #ffffff;
    border-color: #698ebc;
    background: var(--dev-action-gradient);
    box-shadow: var(--dev-action-shadow);
    text-shadow: none;
  }

  html[data-seo-style="style1"] body:is(.page-profile, .page-reports) .profile-tab-button.is-active:is(:hover, :focus-visible),
  html[data-seo-style="style1"] body.page-blog .blog-button:not(.secondary):not(:disabled):is(:hover, :focus-visible) {
    color: #ffffff;
    border-color: var(--dev-cyan);
    background: var(--dev-action-gradient-hover);
    box-shadow: var(--dev-action-shadow-hover);
    filter: none;
  }

  /* Le pied de page commun garde ses liens et mentions, dans trois zones lisibles. */
  html[data-seo-style="style1"] body footer.site-legal-footer {
    margin-top: clamp(40px, 6vw, 72px);
    border-top: 1px solid rgba(160, 143, 205, 0.32);
    color: var(--dev-muted);
    background:
      radial-gradient(ellipse at 12% 0, rgba(109, 57, 177, 0.12), transparent 55%),
      radial-gradient(ellipse at 100% 100%, rgba(0, 123, 148, 0.07), transparent 50%),
      #0d1224;
    box-shadow: inset 0 1px 0 rgba(198, 188, 235, 0.05);
  }

  html[data-seo-style="style1"] body .site-legal-footer .site-footer-shell {
    grid-template-columns: minmax(0, 1.6fr) minmax(0, 0.8fr) minmax(0, 1fr);
    align-items: start;
    gap: clamp(16px, 2.4vw, 28px);
    width: min(1180px, calc(100% - 48px));
    padding: clamp(28px, 4vw, 44px) 0 28px;
  }

  html[data-seo-style="style1"] body .site-legal-footer .site-footer-company {
    grid-column: auto;
    gap: 22px;
    padding: clamp(20px, 2.5vw, 28px);
    border: 1px solid var(--dev-border);
    border-radius: 18px;
    background: linear-gradient(140deg, var(--dev-card), var(--dev-card-strong));
    box-shadow: var(--dev-shadow-glow);
    text-align: left;
  }

  html[data-seo-style="style1"] body .site-legal-footer .site-footer-brand {
    justify-content: flex-start;
    gap: 16px;
    width: fit-content;
    max-width: 100%;
    padding: 0;
    border-radius: 10px;
    text-decoration: none;
  }

  html[data-seo-style="style1"] body .site-legal-footer .site-footer-brand img {
    display: block;
    width: 72px;
    height: 72px;
    background: transparent;
    box-shadow: none;
  }

  html[data-seo-style="style1"] body .site-legal-footer .site-footer-brand span {
    min-width: 0;
    gap: 6px;
  }

  html[data-seo-style="style1"] body .site-legal-footer .site-footer-brand strong {
    color: var(--dev-text);
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }

  html[data-seo-style="style1"] body .site-legal-footer .site-footer-brand small {
    max-width: 25ch;
    color: var(--dev-muted);
    font-size: 0.82rem;
    font-weight: 500;
    line-height: 1.5;
  }

  /* La carte est portée par la section entreprise, sans second pavé imbriqué. */
  html[data-seo-style="style1"] body .site-legal-footer .site-footer-company-card {
    gap: 14px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: left;
  }

  html[data-seo-style="style1"] body .site-legal-footer :is(.site-footer-company-card, .site-footer-column) > h2 {
    margin: 0;
    color: var(--dev-text);
    font-family: inherit;
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.01em;
    text-transform: none;
  }

  html[data-seo-style="style1"] body .site-legal-footer .site-footer-company p {
    max-width: 58ch;
    margin: 0;
    color: var(--dev-muted);
    font-size: 0.88rem;
    line-height: 1.7;
  }

  html[data-seo-style="style1"] body .site-legal-footer .site-footer-contact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-items: stretch;
    gap: 12px 20px;
    padding-top: 16px;
    border-top: 1px solid var(--dev-border);
    color: var(--dev-muted);
    font-size: 0.84rem;
  }

  html[data-seo-style="style1"] body .site-legal-footer .site-footer-contact > li {
    line-height: 1.6;
    overflow-wrap: anywhere;
  }

  html[data-seo-style="style1"] body .site-legal-footer .site-footer-contact > li:is(:nth-child(3), :last-child),
  html[data-seo-style="style1"] body .site-legal-footer .site-footer-contact > li:has(> a[target="_blank"]) {
    grid-column: 1 / -1;
  }

  html[data-seo-style="style1"] body .site-legal-footer .site-footer-contact > li > span {
    display: block;
    margin-bottom: 2px;
    color: var(--dev-soft);
    font-size: 0.76rem;
    font-weight: 600;
  }

  html[data-seo-style="style1"] body .site-legal-footer .site-footer-column {
    gap: 4px;
    padding: 22px 16px;
    border: 1px solid var(--dev-border);
    border-radius: 16px;
    background: rgba(20, 25, 45, 0.54);
    box-shadow: none;
    text-align: left;
  }

  html[data-seo-style="style1"] body .site-legal-footer .site-footer-column > h2 {
    margin: 0 8px 10px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--dev-border);
  }

  html[data-seo-style="style1"] body .site-legal-footer .site-footer-column > :is(a, button) {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 44px;
    padding: 9px 10px;
    border: 1px solid transparent;
    border-radius: 9px;
    color: var(--dev-muted);
    background: transparent;
    box-shadow: none;
    filter: none;
    font-size: 0.9rem;
    font-weight: 500;
    line-height: 1.45;
    text-align: left;
    text-decoration: none;
  }

  html[data-seo-style="style1"] body .site-legal-footer .site-footer-column > :is(a, button):is(:hover, :focus-visible) {
    border-color: rgba(128, 213, 226, 0.35);
    color: var(--dev-text);
    background: var(--dev-hover);
    text-decoration: none;
  }

  html[data-seo-style="style1"] body .site-legal-footer :is(.site-footer-contact, .site-footer-bottom) a {
    color: var(--dev-cyan);
    text-decoration: underline;
    text-decoration-color: rgba(128, 213, 226, 0.4);
    text-underline-offset: 3px;
  }

  html[data-seo-style="style1"] body .site-legal-footer :is(.site-footer-contact, .site-footer-bottom) a:is(:hover, :focus-visible) {
    color: #ffffff;
    text-decoration-color: currentColor;
  }

  html[data-seo-style="style1"] body .site-legal-footer :is(a, button):focus-visible {
    outline: 2px solid var(--dev-cyan);
    outline-offset: 3px;
  }

  html[data-seo-style="style1"] body .site-legal-footer .site-footer-bottom {
    width: min(1180px, calc(100% - 48px));
    gap: 12px 24px;
    padding: 20px 0 28px;
    border-color: var(--dev-border);
    color: var(--dev-soft);
    font-size: 0.8rem;
    line-height: 1.6;
  }
}

@media screen and (max-width: 900px) and (forced-colors: none) {
  html[data-seo-style="style1"] body .site-legal-footer .site-footer-shell {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-seo-style="style1"] body .site-legal-footer .site-footer-company {
    grid-column: 1 / -1;
  }
}

@media screen and (max-width: 620px) and (forced-colors: none) {
  html[data-seo-style="style1"] body .site-legal-footer .site-footer-shell {
    grid-template-columns: minmax(0, 1fr);
    width: calc(100% - 28px);
    gap: 16px;
    padding: 24px 0;
  }

  html[data-seo-style="style1"] body .site-legal-footer .site-footer-brand img {
    width: 64px;
    height: 64px;
  }

  html[data-seo-style="style1"] body .site-legal-footer .site-footer-column {
    padding: 20px 14px;
  }

  html[data-seo-style="style1"] body .site-legal-footer .site-footer-bottom {
    align-items: flex-start;
    width: calc(100% - 40px);
    text-align: left;
  }
}

@media screen and (max-width: 420px) and (forced-colors: none) {
  html[data-seo-style="style1"] body .site-legal-footer .site-footer-contact {
    grid-template-columns: minmax(0, 1fr);
  }
}
/* Une entrée brève des sections, sans masquer le texte ni déplacer les contrôles. */
@media screen and (prefers-reduced-motion: no-preference) and (forced-colors: none) {
  html[data-seo-style="style1"] body[class] [data-style2-reveal="shown"] {
    animation: style2ContentEnter 440ms cubic-bezier(0.2, 0.7, 0.3, 1);
  }

  html[data-seo-style="style1"] body[class] [data-style2-reveal]:focus-within {
    animation: none;
  }

  html[data-seo-style="style1"][data-style2-motion-paused="true"] body[class] [data-style2-reveal] {
    animation-play-state: paused;
  }

  @keyframes style2ContentEnter {
    from { translate: 0 8px; }
    to { translate: 0 0; }
  }
}

/* Style 1 : liserés lumineux, relief des cartes et accents violet / cyan. */
@media screen and (forced-colors: none) {
  html[data-seo-style="style1"] body[class]:not(.page-admin) {
    --style1-page-surface: #191e35;
    --style1-page-surface-soft: #151b30;
    --style1-page-border: rgba(155, 151, 223, 0.4);
    --style1-page-shadow: 0 12px 30px rgba(3, 6, 19, 0.2), 0 0 26px rgba(121, 76, 214, 0.07), inset 0 1px 0 rgba(218, 209, 255, 0.07);
    --style1-frame-gradient: linear-gradient(125deg, rgba(190, 142, 255, 0.64), rgba(106, 137, 212, 0.2) 46%, rgba(100, 222, 245, 0.55));
    --style1-card-gradient: linear-gradient(130deg, rgba(174, 130, 242, 0.36), rgba(107, 129, 192, 0.17) 50%, rgba(83, 198, 225, 0.32));
    --style1-page-action-shadow: 0 5px 16px rgba(91, 46, 169, 0.25), inset 0 1px 0 rgba(235, 223, 255, 0.18);
    --style1-page-action-shadow-hover: 0 8px 24px rgba(108, 47, 214, 0.32), 0 0 18px rgba(53, 203, 240, 0.18), inset 0 1px 0 rgba(240, 231, 255, 0.26);
    --style1-interaction-lift: 0px;
    --style1-interaction-time: 0ms;
    --style1-page-sheen: linear-gradient(110deg, transparent 35%, rgba(255, 255, 255, 0.08) 48%, transparent 61%);
    --dev-primary: #c7a5f5;
    --dev-cyan: #89dff0;
    --style1-page-action: linear-gradient(110deg, #64339f, #3056a5 52%, #126b82);
    --style1-page-action-hover: linear-gradient(110deg, #6d28d9, #1d4ed8 52%, #0e7490);
  }

  html[data-seo-style="style1"] body[class]:not(.page-admin)::before {
    opacity: 0.18;
  }

  html[data-seo-style="style1"] body[class]:not(.page-admin)::after {
    opacity: 0.52;
  }

  /* Des reflets de marque sur le cadre et les angles, derrière un contenu stable. */
  html[data-seo-style="style1"] body[class]:not(.page-admin) > main[class] > :is(
    .hero, .hero-card, .hero-panel, .mini-hero, .reviews-hero, .tools-hero, .pricing-hero
  ) {
    border-color: transparent;
    border-radius: 16px;
    background:
      radial-gradient(ellipse at 0 0, rgba(155, 90, 238, 0.12), transparent 58%) padding-box,
      linear-gradient(125deg, var(--style1-page-surface), #142036) padding-box,
      var(--style1-frame-gradient) border-box;
    box-shadow: var(--style1-page-shadow);
  }

  html[data-seo-style="style1"] body[class]:not(.page-admin) > main[class] > :is(.hero-panel, .hero-card, .mini-hero)::after {
    opacity: 0.24;
  }

  /* Les sections partagent leur liseré ; les cartes gardent un relief plus léger. */
  html[data-seo-style="style1"] body[class]:not(.page-admin) > main[class] > :is(
    .decision-panel, .home-mini-tools, .home-trust-panel, .home-reviews-panel, .home-guide,
    .mini-panel, .panel, .profile-panel, .reports-toolbar, .reports-section-panel,
    .reviews-panel, .legal-section, .tools-section
  ):where(:not(.site-faq-block, .ok, .warn, .bad)) {
    border-color: transparent;
    border-radius: 16px;
    background:
      radial-gradient(ellipse at 0 0, rgba(155, 90, 238, 0.12), transparent 58%) padding-box,
      linear-gradient(125deg, var(--style1-page-surface), #142036) padding-box,
      var(--style1-frame-gradient) border-box;
    box-shadow: var(--style1-page-shadow);
  }

  html[data-seo-style="style1"] body[class]:not(.page-admin) > main[class] :is(
    .tool-card, .tools-card, .tools-product-card, .pricing-card,
    .contact-card, .contact-info-card, .reports-site-card, .profile-site-card,
    .profile-purchase-card, .blog-card, .forum-topic-card, .home-review-card,
    .home-mini-group, .credits-earning-card
  ):where(:not(dialog *, [role="dialog"] *, .serp-card *, .ok, .warn, .bad,
    .score-ok, .score-warn, .score-bad, .is-ok, .is-warn, .is-bad, .is-featured)) {
    border-color: transparent;
    border-radius: 14px;
    background: linear-gradient(140deg, #1b2039, var(--style1-page-surface-soft)) padding-box,
      var(--style1-card-gradient) border-box;
    box-shadow: inset 0 1px 0 rgba(227, 216, 255, 0.045);
    transition: border-color 220ms ease, box-shadow 220ms ease;
  }

  html[data-seo-style="style1"] body[class]:not(.page-admin) > main[class] :is(
    .tool-card, .tools-card, .tools-product-card, .pricing-card,
    .reports-site-card, .profile-site-card, .profile-purchase-card
  ):where(:not(dialog *, [role="dialog"] *, .serp-card *, .ok, .warn, .bad,
    .score-ok, .score-warn, .score-bad, .is-ok, .is-warn, .is-bad, .is-featured)):is(:hover, :focus-within) {
    border-color: rgba(164, 149, 244, 0.68);
    box-shadow: 0 8px 26px rgba(3, 6, 19, 0.24), 0 0 24px rgba(116, 75, 220, 0.13), inset 0 1px 0 rgba(184, 236, 255, 0.1);
    transform: none;
    filter: none;
  }

  html[data-seo-style="style1"] body[class]:not(.page-admin) > main[class] :is(
    .mini-form, .profile-account-summary, .profile-account-section
  ):where(:not(dialog *, [role="dialog"] *, .serp-card *, .ok, .warn, .bad)) {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
  }

  /* Les actions métier des rapports et celles des fenêtres gardent leurs couleurs. */
  html[data-seo-style="style1"] body[class]:not(.page-admin) > main[class] :is(
    button.primary, a.primary, .hero-primary, .open-tool, .contact-submit,
    .tools-hero-primary, .tools-card-cta, .agency-button-primary, .credits-primary,
    .download-button, .global-zip-button, .blog-button:not(.secondary)
  ):where(:not(dialog *, [role="dialog"] *, .serp-card *, .loaded-report-actions *,
    .report-actions *, .public-report-native-actions *, .history-actions *, .mini-history-actions *, .reports-row-actions *,
    .danger, .is-danger, .mini-history-danger, .profile-delete-account-button,
    [data-delete-report], [data-mini-report-delete], [data-remove-site], [data-remove-page],
    [data-remove-competitor], [data-clear-pages], [data-blog-remove-block])):not(:disabled):not([aria-disabled="true"]) {
    --dev-action-gradient: var(--style1-page-action);
    --dev-action-gradient-hover: var(--style1-page-action-hover);
    --dev-action-shadow: var(--style1-page-action-shadow);
    --dev-action-shadow-hover: var(--style1-page-action-shadow-hover);
    align-items: center;
    gap: 8px;
    color: #ffffff;
    border-color: #9c86da;
    border-radius: 10px;
    background: var(--style1-page-sheen), var(--style1-page-action);
    background-size: 250% 100%, 100% 100%;
    background-position: 100% 0, 0 0;
    box-shadow: var(--style1-page-action-shadow);
    transition: border-color 220ms ease, box-shadow 220ms ease, transform 180ms ease;
    text-shadow: none;
    filter: none;
    transform: none;
  }

  html[data-seo-style="style1"] body[class]:not(.page-admin) > main[class] :is(
    button.primary, a.primary, .hero-primary, .open-tool, .contact-submit,
    .tools-hero-primary, .tools-card-cta, .agency-button-primary, .credits-primary,
    .download-button, .global-zip-button, .blog-button:not(.secondary)
  ):where(:not(dialog *, [role="dialog"] *, .serp-card *, .loaded-report-actions *,
    .report-actions *, .public-report-native-actions *, .history-actions *, .mini-history-actions *, .reports-row-actions *,
    .danger, .is-danger, .mini-history-danger, .profile-delete-account-button,
    [data-delete-report], [data-mini-report-delete], [data-remove-site], [data-remove-page],
    [data-remove-competitor], [data-clear-pages], [data-blog-remove-block])):not(:disabled):not([aria-disabled="true"]):is(:hover, :focus-visible) {
    border-color: #a3e7fa;
    background: var(--style1-page-sheen), var(--style1-page-action-hover);
    background-size: 250% 100%, 100% 100%;
    background-position: 100% 0, 0 0;
    box-shadow: var(--style1-page-action-shadow-hover);
    transform: translateY(var(--style1-interaction-lift));
    animation: style1ActionSheen var(--style1-interaction-time) ease-out 1;
    filter: none;
  }

  html[data-seo-style="style1"] body[class]:not(.page-admin) > main[class] :is(
    button.primary, a.primary, .hero-primary, .open-tool, .contact-submit,
    .tools-hero-primary, .tools-card-cta, .agency-button-primary, .credits-primary,
    .download-button, .global-zip-button, .blog-button:not(.secondary)
  ):where(:not(dialog *, [role="dialog"] *, .serp-card *, .loaded-report-actions *,
    .report-actions *, .public-report-native-actions *, .history-actions *, .mini-history-actions *, .reports-row-actions *,
    .danger, .is-danger, .mini-history-danger, .profile-delete-account-button,
    [data-delete-report], [data-mini-report-delete], [data-remove-site], [data-remove-page],
    [data-remove-competitor], [data-clear-pages], [data-blog-remove-block])):not(:disabled):not([aria-disabled="true"])::before {
    content: none;
  }

  /* Une action indisponible ne se soulève pas sous le pointeur. */
  html[data-seo-style="style1"] body[class]:not(.page-admin) > main[class] button.primary:is(:disabled, [aria-disabled="true"]) {
    animation: none !important;
    transition: none !important;
    transform: none !important;
    filter: none !important;
  }

  /* La loupe du lancement reste une icône fixe, y compris sans animations. */
  html[data-seo-style="style1"] body:is(.app-crawl, .app-one-page):not(.page-admin) > main[class] #runBtn.primary::before {
    content: "";
    display: inline-block;
    position: static;
    inset: auto;
    z-index: auto;
    flex-shrink: 0;
    width: 0.82rem;
    height: 0.82rem;
    border: 2px solid currentColor;
    border-radius: 50%;
    background: none;
    box-shadow: 0.33rem 0.33rem 0 -0.24rem currentColor;
    transform: none;
    animation: none;
    transition: none;
    pointer-events: none;
  }

  html[data-seo-style="style1"] body.page-home:not(.page-admin) > main[class] .hero-actions > :is(.hero-primary, .hero-secondary) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }

  /* Les titres de rubrique restent des repères éditoriaux, sans cadre. */
  html[data-seo-style="style1"] body.page-home:not(.page-admin) > main[class] .tool-label,
  html[data-seo-style="style1"] body.pricing-page:not(.page-admin) > main[class] :is(.pricing-section-head, .pricing-usage-head) > .badge-soft {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    gap: 8px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
  }

  html[data-seo-style="style1"] body.app-one-page:not(.page-admin) > main[class] #auditInputHelp.audit-form-note:where(:not(.ok, .warn, .bad, .is-ok, .is-warn, .is-bad)) {
    color: var(--dev-muted);
  }

  html[data-seo-style="style1"] body.page-profile:not(.page-admin) > main[class] .profile-account-kpi-action > :is(i, svg) {
    color: inherit;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  /* Le montant conserve son accent cyan sur un fond lisible dans chaque état. */
  html[data-seo-style="style1"] body[class]:not(.page-admin) .site-menu a.site-credit-balance:is(:hover, :focus-visible) {
    color: var(--dev-text);
    border-color: var(--dev-cyan);
    background: #1d2841;
    box-shadow: none;
    transform: none;
  }

  html[data-seo-style="style1"] body[class]:not(.page-admin) .site-menu a.site-credit-balance:focus-visible {
    outline: 2px solid var(--dev-cyan);
    outline-offset: 3px;
  }

  /* Le footer conserve ses colonnes, sans trois panneaux supplémentaires. */
  html[data-seo-style="style1"] body[class]:not(.page-admin) > footer.site-legal-footer {
    border-top-color: rgba(140, 173, 229, 0.42);
    background: radial-gradient(ellipse at 25% 0, rgba(109, 57, 177, 0.08), transparent 65%), #0e1427;
    box-shadow: 0 -12px 32px rgba(68, 54, 140, 0.06);
  }

  html[data-seo-style="style1"] body[class]:not(.page-admin) > footer.site-legal-footer :is(.site-footer-company, .site-footer-column) {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  html[data-seo-style="style1"] body[class]:not(.page-admin) > footer.site-legal-footer .site-footer-column > h2 {
    margin-inline: 0;
  }

  html[data-seo-style="style1"] body[class]:not(.page-admin) > footer.site-legal-footer .site-footer-column > :is(a, button) {
    padding-inline: 0;
  }
}


/* Reflet bref au survol : aucun pseudo-élément de bouton ni icône n'est remplacé. */
@media screen and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) and (forced-colors: none) {
  html[data-seo-style="style1"] body[class]:not(.page-admin) {
    --style1-interaction-lift: -2px;
    --style1-interaction-time: 650ms;
  }

  @keyframes style1ActionSheen {
    from { background-position: 0% 0, 0 0; }
    to { background-position: 100% 0, 0 0; }
  }
}

@media screen and (prefers-reduced-motion: reduce) {
  html[data-seo-style="style1"] body[class]:not(.page-admin) > main[class] :is(
    .hero-primary, .tools-hero-primary, .tools-card-cta, .agency-button-primary,
    .credits-primary, .download-button, .global-zip-button, .blog-button
  ) {
    animation: none !important;
    transition: none !important;
    transform: none !important;
  }
}