/* Clean Trust: services family.
   Linked on the Services index (all languages), every individual service page, and the home pages (shared services grid).
   Visual layer only: no text, link or heading is hidden, moved or added. Decorative icons are CSS masks on pseudo-elements. */

/* ---------- Icons (decorative masks) ---------- */
html[data-design="trust"][data-color-mode] {
  --tr-svc-i-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.2 4.2L19 7'/%3E%3C/svg%3E");
  --tr-svc-i-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E");
  --tr-svc-i-book: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5A2.5 2.5 0 0 1 6.5 3H20v15H6.5A2.5 2.5 0 0 0 4 20.5z'/%3E%3Cpath d='M4 20.5A2.5 2.5 0 0 0 6.5 23H20v-5M8 7.5h8M8 11h6'/%3E%3C/svg%3E");
  --tr-svc-i-bolt: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2L4 14h7l-1 8 9-12h-7z'/%3E%3C/svg%3E");
  --tr-svc-i-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7l-5 5 5 5M16 7l5 5-5 5M13.5 4l-3 16'/%3E%3C/svg%3E");
  --tr-svc-i-shield: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5L4.5 5.5v6c0 4.8 3.2 8.4 7.5 10 4.3-1.6 7.5-5.2 7.5-10v-6z'/%3E%3Cpath d='M8.8 12.2l2.2 2.2 4.3-4.4'/%3E%3C/svg%3E");
}

/* ---------- Shared: eyebrows ---------- */
html[data-design="trust"][data-color-mode] :is(.dr-sgrid-eyebrow, .dr-svc-eyebrow, .dr-svp-eyebrow).mono {
  display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap;
  margin: 0 0 14px; font-family: var(--font-mono, "JetBrains Mono", monospace);
  font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; line-height: 1.4;
  color: var(--tr-accent-ink); overflow-wrap: anywhere;
}
html[data-design="trust"][data-color-mode] :is(.dr-sgrid-eyebrow, .dr-svc-eyebrow, .dr-svp-eyebrow).mono::before {
  content: ""; flex: none; width: 18px; height: 2px; border-radius: 2px; background: currentColor;
}
html[lang^="ja"][data-design="trust"][data-color-mode] :is(.dr-sgrid-eyebrow, .dr-svc-eyebrow, .dr-svp-eyebrow),
html[lang^="zh"][data-design="trust"][data-color-mode] :is(.dr-sgrid-eyebrow, .dr-svc-eyebrow, .dr-svp-eyebrow),
html[lang^="ar"][data-design="trust"][data-color-mode] :is(.dr-sgrid-eyebrow, .dr-svc-eyebrow, .dr-svp-eyebrow) { letter-spacing: .02em; }
html[dir="rtl"][data-design="trust"][data-color-mode] :is(.dr-sgrid-eyebrow, .dr-svc-eyebrow, .dr-svp-eyebrow, .dr-svc-tier-eyebrow).mono { direction: rtl; text-align: start; }

/* =====================================================================
   1. Services grid (home + Services index)
   ===================================================================== */
html[data-design="trust"][data-color-mode] .dr-sgrid.dr-sgrid { padding: clamp(64px, 9vw, 120px) var(--tr-gutter); background: transparent; }
html[data-design="trust"][data-color-mode] .dr-sgrid-inner.dr-sgrid-inner { max-width: var(--tr-wrap); margin-inline: auto; }
html[data-design="trust"][data-color-mode] .dr-sgrid-head.dr-sgrid-head {
  display: grid; gap: 14px; justify-items: start; text-align: start;
  max-width: 720px; margin: 0 0 clamp(32px, 5vw, 56px);
}
html[data-design="trust"][data-color-mode] .dr-sgrid-head .dr-sgrid-eyebrow { margin: 0; }
html[data-design="trust"][data-color-mode] .dr-sgrid-title.dr-sgrid-title {
  margin: 0; font-size: clamp(1.85rem, 1.3rem + 1.9vw, 2.85rem); line-height: 1.1; font-weight: 800; color: var(--tr-head);
  text-wrap: balance; overflow-wrap: break-word; hyphens: auto;
}
html[data-design="trust"][data-color-mode] .dr-sgrid-lead.dr-sgrid-lead { margin: 0; font-size: clamp(1.0313rem, 1rem + .2vw, 1.15rem); line-height: 1.65; color: var(--dr-muted); }

html[data-design="trust"][data-color-mode] .dr-sgrid-grid.dr-sgrid-grid {
  display: grid; gap: 16px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr));
}
@media (min-width: 1100px) {
  html[data-design="trust"][data-color-mode] .dr-sgrid-grid.dr-sgrid-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
}
html[data-design="trust"][data-color-mode] .dr-sgrid-card.dr-sgrid-card {
  --tile-soft: var(--tr-accent-soft); --tile-ink: var(--tr-accent-ink);
  position: relative; min-width: 0; display: flex; flex-direction: column; gap: 12px;
  padding: 24px 22px 16px; border-radius: var(--tr-r-lg);
  background: var(--dr-panel); border: 1px solid var(--tr-card-border); box-shadow: var(--tr-sh-1);
  color: var(--dr-ink); text-decoration: none;
  transition: transform .28s var(--tr-ease), box-shadow .28s var(--tr-ease), border-color .28s;
}
html[data-design="trust"][data-color-mode] .dr-sgrid-card--neon.dr-sgrid-card { --tile-soft: var(--tr-accent-soft); --tile-ink: var(--tr-accent-ink); }
html[data-design="trust"][data-color-mode] .dr-sgrid-card--cyan.dr-sgrid-card { --tile-soft: var(--tr-cyan-soft); --tile-ink: var(--dr-cyan); }
html[data-design="trust"][data-color-mode] .dr-sgrid-card--magenta.dr-sgrid-card { --tile-soft: var(--tr-magenta-soft); --tile-ink: var(--dr-magenta); }
/* The draft mixes in a fourth (warm) chip; the markup only has three variants, so two fixed positions take it. */
html[data-design="trust"][data-color-mode] .dr-sgrid-grid > .dr-sgrid-card:is(:nth-child(6), :nth-child(12)) { --tile-soft: var(--tr-warn-soft); --tile-ink: var(--dr-warning); }

html[data-design="trust"][data-color-mode] .dr-sgrid-card.dr-sgrid-card:hover {
  transform: translateY(-5px); box-shadow: var(--tr-sh-3); border-color: var(--dr-line);
}
html[data-design="trust"][data-color-mode="dark"] .dr-sgrid-card.dr-sgrid-card:hover { border-color: #3a5764; }
html[data-design="trust"][data-color-mode] .dr-sgrid-card.dr-sgrid-card:focus-visible { outline: 3px solid var(--dr-cyan); outline-offset: 3px; border-radius: var(--tr-r-lg); }

html[data-design="trust"][data-color-mode] .dr-sgrid-card .dr-sgrid-icon.dr-sgrid-icon {
  display: grid; place-items: center; flex: none; width: 52px; height: 52px; margin: 0 0 6px;
  border: 0; border-radius: 16px; box-shadow: none;
  background: var(--tile-soft); color: var(--tile-ink);
  transition: transform .28s var(--tr-ease);
}
html[data-design="trust"][data-color-mode] .dr-sgrid-card .dr-sgrid-icon svg { width: 26px; height: 26px; stroke-width: 1.85; }
html[data-design="trust"][data-color-mode] .dr-sgrid-card:hover .dr-sgrid-icon.dr-sgrid-icon { transform: scale(1.06) rotate(-3deg); }

html[data-design="trust"][data-color-mode] .dr-sgrid-card .dr-sgrid-card-title.dr-sgrid-card-title {
  margin: 0; font-size: 1.125rem; line-height: 1.3; letter-spacing: -.015em; font-weight: 750; color: var(--tr-head);
  overflow-wrap: break-word; hyphens: auto;
}
html[data-design="trust"][data-color-mode] .dr-sgrid-card .dr-sgrid-card-desc.dr-sgrid-card-desc { margin: 0; flex: 0 1 auto; font-size: .9375rem; line-height: 1.6; color: var(--dr-muted); overflow-wrap: break-word; }

/* "Learn more": ends the card with a hairline and an arrow in a circle. The localized text stays as-is. */
html[data-design="trust"][data-color-mode] .dr-sgrid-card .dr-sgrid-card-link.dr-sgrid-card-link {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 12px;
  margin-top: auto; padding-top: 14px; min-height: 46px;
  border-top: 1px solid var(--tr-line-soft);
  font-family: var(--font-sans); font-size: .9375rem; font-weight: 650; letter-spacing: 0; line-height: 1.35;
  color: var(--tr-accent-ink); overflow-wrap: anywhere;
  /* the circle is painted on the span itself, centred on the arrow column */
  --go-bg: var(--tr-accent-soft);
  background: radial-gradient(circle 16px at calc(100% - 16px) calc(50% + 7px), var(--go-bg) 15.5px, transparent 16.5px) no-repeat;
  transition: color .25s;
}
html[dir="rtl"][data-design="trust"][data-color-mode] .dr-sgrid-card .dr-sgrid-card-link.dr-sgrid-card-link {
  direction: rtl; text-align: start; /* the site forces .mono to LTR; this label is now set in Inter */
  background: radial-gradient(circle 16px at 16px calc(50% + 7px), var(--go-bg) 15.5px, transparent 16.5px) no-repeat;
}
html[data-design="trust"][data-color-mode] .dr-sgrid-card .dr-sgrid-card-link.dr-sgrid-card-link::after {
  content: ""; width: 32px; height: 32px; background: var(--tr-accent-ink);
  -webkit-mask: var(--tr-svc-i-arrow) center / 16px 16px no-repeat; mask: var(--tr-svc-i-arrow) center / 16px 16px no-repeat;
  transition: transform .25s var(--tr-ease), background-color .25s;
}
html[data-design="trust"][data-color-mode] .dr-sgrid-card:hover .dr-sgrid-card-link.dr-sgrid-card-link { --go-bg: var(--dr-accent); }
html[data-design="trust"][data-color-mode] .dr-sgrid-card:hover .dr-sgrid-card-link.dr-sgrid-card-link::after { background: var(--dr-on-accent); transform: translateX(2px); }
html[dir="rtl"][data-design="trust"][data-color-mode] .dr-sgrid-card .dr-sgrid-card-link.dr-sgrid-card-link::after { transform: scaleX(-1); }
html[dir="rtl"][data-design="trust"][data-color-mode] .dr-sgrid-card:hover .dr-sgrid-card-link.dr-sgrid-card-link::after { transform: scaleX(-1) translateX(2px); }

@media (max-width: 600px) {
  html[data-design="trust"][data-color-mode] .dr-sgrid-card.dr-sgrid-card {
    display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 16px; row-gap: 8px; padding: 20px 18px 12px;
  }
  html[data-design="trust"][data-color-mode] .dr-sgrid-card .dr-sgrid-icon.dr-sgrid-icon { grid-row: 1 / span 2; width: 44px; height: 44px; border-radius: 14px; margin: 2px 0 0; }
  html[data-design="trust"][data-color-mode] .dr-sgrid-card .dr-sgrid-icon svg { width: 22px; height: 22px; }
  html[data-design="trust"][data-color-mode] .dr-sgrid-card .dr-sgrid-card-desc.dr-sgrid-card-desc { font-size: .9063rem; }
  html[data-design="trust"][data-color-mode] .dr-sgrid-card .dr-sgrid-card-link.dr-sgrid-card-link { grid-column: 1 / -1; padding-top: 8px; margin-top: 6px; background-position: 0 -3px; }
}

/* =====================================================================
   2 + 3. Heroes (Services index + individual service pages)
   ===================================================================== */
html[data-design="trust"][data-color-mode] :is(.dr-svc-hero, .dr-svp-hero) {
  position: relative; isolation: isolate; overflow: clip;
  padding: clamp(40px, 6vw, 88px) var(--tr-gutter) clamp(48px, 6vw, 88px);
  background: transparent; border: 0;
}
html[data-design="trust"][data-color-mode] :is(.dr-svc-hero, .dr-svp-hero)::before {
  content: ""; position: absolute; inset: -20% -10% auto -10%; height: 130%; z-index: -2; pointer-events: none;
  background:
    radial-gradient(42% 52% at 84% 30%, var(--tr-wash-2), transparent 70%),
    radial-gradient(40% 56% at 64% 72%, var(--tr-wash-1), transparent 70%),
    radial-gradient(30% 44% at 6% 8%, var(--tr-wash-3), transparent 70%);
}
html[dir="rtl"][data-design="trust"][data-color-mode] :is(.dr-svc-hero, .dr-svp-hero)::before { transform: scaleX(-1); }
html[data-design="trust"][data-color-mode] :is(.dr-svc-hero, .dr-svp-hero)::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background-image: radial-gradient(var(--tr-grid-dot) 1.2px, transparent 1.3px); background-size: 26px 26px;
  -webkit-mask-image: radial-gradient(55% 70% at 82% 40%, #000 15%, transparent 75%); mask-image: radial-gradient(55% 70% at 82% 40%, #000 15%, transparent 75%);
}
html[dir="rtl"][data-design="trust"][data-color-mode] :is(.dr-svc-hero, .dr-svp-hero)::after {
  -webkit-mask-image: radial-gradient(55% 70% at 18% 40%, #000 15%, transparent 75%); mask-image: radial-gradient(55% 70% at 18% 40%, #000 15%, transparent 75%);
}
html[data-design="trust"][data-color-mode] .dr-svc-inner.dr-svc-inner { max-width: var(--tr-wrap); margin-inline: auto; }
html[data-design="trust"][data-color-mode] .dr-svp-inner.dr-svp-inner { max-width: 1000px; margin-inline: auto; }
html[data-design="trust"][data-color-mode] :is(.dr-svc-h1, .dr-svp-h1) {
  margin: 0 0 22px; max-width: 22ch;
  font-size: clamp(2.1rem, 1.35rem + 2.5vw, 3.4rem); line-height: 1.07; letter-spacing: -.036em; font-weight: 800; color: var(--tr-head);
  text-wrap: balance; overflow-wrap: break-word; hyphens: auto;
}
html[lang^="de"][data-design="trust"][data-color-mode] :is(.dr-svc-h1, .dr-svp-h1) { max-width: 24ch; }
html[lang^="ja"][data-design="trust"][data-color-mode] :is(.dr-svc-h1, .dr-svp-h1),
html[lang^="zh"][data-design="trust"][data-color-mode] :is(.dr-svc-h1, .dr-svp-h1) { max-width: 20em; line-height: 1.25; letter-spacing: 0; font-size: clamp(1.85rem, 1.25rem + 2vw, 2.9rem); }
html[lang^="ar"][data-design="trust"][data-color-mode] :is(.dr-svc-h1, .dr-svp-h1) { line-height: 1.3; letter-spacing: 0; }
html[data-design="trust"][data-color-mode] :is(.dr-svc-lead, .dr-svp-lead) {
  margin: 0 0 32px; max-width: 40em;
  font-size: clamp(1.0625rem, 1rem + .35vw, 1.25rem); line-height: 1.65; color: var(--dr-muted);
}
html[data-design="trust"][data-color-mode] :is(.dr-svc-hero-actions, .dr-svp-hero-actions, .dr-svc-cta-actions, .dr-svp-cta-actions) { display: flex; flex-wrap: wrap; gap: 12px; }
html[data-design="trust"][data-color-mode] :is(.dr-svc-hero-actions, .dr-svp-hero-actions) .btn-primary { min-height: 56px; padding: 14px 28px; font-size: 1.0625rem; }
html[data-design="trust"][data-color-mode] :is(.dr-svc-hero-actions, .dr-svp-hero-actions) .btn-secondary { min-height: 56px; padding: 14px 26px; font-size: 1.0625rem; }
@media (max-width: 560px) {
  html[data-design="trust"][data-color-mode] :is(.dr-svc-hero-actions, .dr-svp-hero-actions, .dr-svc-cta-actions, .dr-svp-cta-actions) > a { width: 100%; }
  html[data-design="trust"][data-color-mode] :is(.dr-svc-hero-actions, .dr-svp-hero-actions) :is(.btn-primary, .btn-secondary) { padding-inline: 18px; font-size: 1rem; }
}

/* =====================================================================
   2. Services index sections (tiers, promises, closing CTA)
   ===================================================================== */
html[data-design="trust"][data-color-mode] :is(.dr-svc-tiers, .dr-svc-promises) { padding: clamp(56px, 8vw, 104px) var(--tr-gutter); background: transparent; }
html[data-design="trust"][data-color-mode] .dr-svc-tiers { background: var(--tr-bg-2); border-block: 1px solid var(--tr-line-soft); }
html[data-design="trust"][data-color-mode] .dr-svc-h2.dr-svc-h2 {
  margin: 0 0 14px; max-width: 26ch; font-size: clamp(1.85rem, 1.3rem + 1.9vw, 2.85rem); line-height: 1.1; font-weight: 800; color: var(--tr-head);
  text-wrap: balance; overflow-wrap: break-word; hyphens: auto;
}
html[data-design="trust"][data-color-mode] .dr-svc-text.dr-svc-text { margin: 0 0 8px; max-width: 46em; font-size: clamp(1.0313rem, 1rem + .2vw, 1.15rem); line-height: 1.65; color: var(--dr-muted); }

html[data-design="trust"][data-color-mode] .dr-svc-tier-grid.dr-svc-tier-grid { display: grid; gap: 20px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); margin: clamp(28px, 4vw, 44px) 0 24px; }
html[data-design="trust"][data-color-mode] .dr-svc-tier.dr-svc-tier {
  --tier-soft: var(--tr-accent-soft); --tier-ink: var(--tr-accent-ink);
  display: flex; flex-direction: column; gap: 12px; padding: 28px 26px;
  border-radius: var(--tr-r-lg); background: var(--dr-panel); border: 1px solid var(--tr-card-border); box-shadow: var(--tr-sh-2);
}
html[data-design="trust"][data-color-mode] .dr-svc-tier--cyan.dr-svc-tier { --tier-soft: var(--tr-cyan-soft); --tier-ink: var(--dr-cyan); }
html[data-design="trust"][data-color-mode] .dr-svc-tier--magenta.dr-svc-tier { --tier-soft: var(--tr-magenta-soft); --tier-ink: var(--dr-magenta); }
html[data-design="trust"][data-color-mode] .dr-svc-tier .dr-svc-tier-eyebrow.dr-svc-tier-eyebrow {
  align-self: flex-start; margin: 0; padding: 4px 12px; border-radius: 999px; background: var(--tier-soft); color: var(--tier-ink);
  font-family: var(--font-mono, "JetBrains Mono", monospace); font-size: .75rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase;
}
html[data-design="trust"][data-color-mode] .dr-svc-tier .dr-svc-tier-name.dr-svc-tier-name { margin: 0; font-size: 1.6rem; font-weight: 800; letter-spacing: -.025em; color: var(--tr-head); }
html[data-design="trust"][data-color-mode] .dr-svc-tier .dr-svc-tier-desc.dr-svc-tier-desc { margin: 0; padding-bottom: 16px; border-bottom: 1px solid var(--tr-line-soft); color: var(--dr-muted); font-size: .9688rem; line-height: 1.6; }
html[data-design="trust"][data-color-mode] .dr-svc-tier .dr-svc-tier-list.dr-svc-tier-list { margin: 4px 0 0; padding: 0; list-style: none; display: grid; gap: 10px; }
html[data-design="trust"][data-color-mode] .dr-svc-tier .dr-svc-tier-list li {
  position: relative; padding: 0; padding-inline-start: 30px; color: var(--dr-ink); font-size: .9375rem; line-height: 1.5;
}
html[data-design="trust"][data-color-mode] .dr-svc-tier .dr-svc-tier-list li::before {
  content: ""; position: absolute; left: auto; inset-inline-start: 0; top: .1em; width: 20px; height: 20px; border-radius: 50%;
  background: var(--tier-soft);
}
html[data-design="trust"][data-color-mode] .dr-svc-tier .dr-svc-tier-list li::after {
  content: ""; position: absolute; inset-inline-start: 4px; top: calc(.1em + 4px); width: 12px; height: 12px; background: var(--tier-ink);
  -webkit-mask: var(--tr-svc-i-check) center / contain no-repeat; mask: var(--tr-svc-i-check) center / contain no-repeat;
}
html[data-design="trust"][data-color-mode] .dr-svc-tier-foot.dr-svc-tier-foot { margin: 8px 0 0; color: var(--dr-muted); font-size: 1rem; }
html[data-design="trust"][data-color-mode] .dr-svc-tier-foot.dr-svc-tier-foot a {
  display: inline-flex; align-items: center; min-height: 44px; margin: 0; margin-inline-start: 6px;
  color: var(--tr-accent-ink); font-weight: 650; text-decoration: none;
}
html[data-design="trust"][data-color-mode] .dr-svc-tier-foot.dr-svc-tier-foot a:hover { text-decoration: underline; text-underline-offset: 4px; }

html[data-design="trust"][data-color-mode] .dr-svc-promise-grid.dr-svc-promise-grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); margin-top: clamp(24px, 4vw, 40px); }
html[data-design="trust"][data-color-mode] .dr-svc-promise.dr-svc-promise {
  position: relative; padding: 24px 22px; padding-top: 84px;
  border-radius: var(--tr-r-md); background: var(--dr-panel); border: 1px solid var(--tr-card-border); box-shadow: var(--tr-sh-1);
  transition: transform .25s var(--tr-ease), box-shadow .25s var(--tr-ease), border-color .25s;
}
html[data-design="trust"][data-color-mode] .dr-svc-promise.dr-svc-promise:hover { transform: translateY(-3px); box-shadow: var(--tr-sh-2); border-color: var(--dr-line); }
html[data-design="trust"][data-color-mode] .dr-svc-promise.dr-svc-promise::before {
  content: ""; position: absolute; top: 24px; inset-inline-start: 22px; width: 44px; height: 44px; border-radius: 14px; background: var(--tr-accent-soft);
}
html[data-design="trust"][data-color-mode] .dr-svc-promise.dr-svc-promise::after {
  content: ""; position: absolute; top: 35px; inset-inline-start: 33px; width: 22px; height: 22px; background: var(--tr-accent-ink);
  -webkit-mask: var(--tr-svc-i-shield) center / contain no-repeat; mask: var(--tr-svc-i-shield) center / contain no-repeat;
}
html[data-design="trust"][data-color-mode] .dr-svc-promise:nth-child(2)::before { background: var(--tr-cyan-soft); }
html[data-design="trust"][data-color-mode] .dr-svc-promise:nth-child(2)::after { background: var(--dr-cyan); }
html[data-design="trust"][data-color-mode] .dr-svc-promise:nth-child(3)::before { background: var(--tr-magenta-soft); }
html[data-design="trust"][data-color-mode] .dr-svc-promise:nth-child(3)::after { background: var(--dr-magenta); }
html[data-design="trust"][data-color-mode] .dr-svc-promise:nth-child(4)::before { background: var(--tr-warn-soft); }
html[data-design="trust"][data-color-mode] .dr-svc-promise:nth-child(4)::after { background: var(--dr-warning); }
html[data-design="trust"][data-color-mode] .dr-svc-promise .dr-svc-promise-title.dr-svc-promise-title { margin: 0 0 8px; color: var(--tr-head); font-size: 1.125rem; font-weight: 750; line-height: 1.3; }
html[data-design="trust"][data-color-mode] .dr-svc-promise .dr-svc-promise-desc.dr-svc-promise-desc { margin: 0; color: var(--dr-muted); font-size: .9375rem; line-height: 1.6; }

/* Closing CTA band (index + service pages) */
html[data-design="trust"][data-color-mode] :is(.dr-svc-cta, .dr-svp-cta) { padding: clamp(40px, 6vw, 72px) var(--tr-gutter) clamp(64px, 9vw, 112px); background: transparent; }
html[data-design="trust"][data-color-mode] :is(.dr-svc-cta-card, .dr-svp-cta-card).dr-svc-inner,
html[data-design="trust"][data-color-mode] :is(.dr-svc-cta-card, .dr-svp-cta-card).dr-svp-inner {
  position: relative; overflow: hidden; isolation: isolate; max-width: var(--tr-wrap);
  padding: clamp(32px, 5vw, 64px) clamp(22px, 5vw, 64px); text-align: center;
  border-radius: var(--tr-r-xl); border: 1px solid var(--tr-card-border); box-shadow: var(--tr-sh-2);
  background: linear-gradient(135deg, var(--tr-accent-soft), var(--tr-cyan-soft));
}
html[data-design="trust"][data-color-mode] .dr-svp-cta-card.dr-svp-inner { max-width: 1000px; }
html[data-design="trust"][data-color-mode] :is(.dr-svc-cta-card, .dr-svp-cta-card)::after {
  content: ""; position: absolute; z-index: -1; inset-inline-end: -80px; top: -80px; width: 280px; height: 280px; border-radius: 50%;
  border: 40px solid rgba(255, 255, 255, .38); pointer-events: none;
}
html[data-design="trust"][data-color-mode="dark"] :is(.dr-svc-cta-card, .dr-svp-cta-card)::after { border-color: rgba(125, 216, 236, .05); }
html[data-design="trust"][data-color-mode] :is(.dr-svc-cta-card, .dr-svp-cta-card)::before {
  content: ""; position: absolute; z-index: -1; inset-inline-start: -60px; bottom: -110px; width: 240px; height: 240px; border-radius: 50%;
  background: radial-gradient(circle, var(--tr-wash-3), transparent 70%); pointer-events: none;
}
html[data-design="trust"][data-color-mode] :is(.dr-svc-cta-card, .dr-svp-cta-card) :is(.dr-svc-h2, .dr-svp-h2) {
  margin: 0 auto 14px; max-width: 24ch; font-size: clamp(1.6rem, 1.2rem + 1.5vw, 2.4rem);
}
html[data-design="trust"][data-color-mode] :is(.dr-svc-cta-card, .dr-svp-cta-card) :is(.dr-svc-text, .dr-svp-text) { margin: 0 auto 28px; max-width: 40em; color: var(--dr-ink); opacity: .86; }
html[data-design="trust"][data-color-mode="dark"] :is(.dr-svc-cta-card, .dr-svp-cta-card) :is(.dr-svc-text, .dr-svp-text) { color: var(--dr-muted); opacity: 1; }
html[data-design="trust"][data-color-mode] :is(.dr-svc-cta-actions, .dr-svp-cta-actions) { justify-content: center; }

/* Development cross-link band on the Services index (development.css is the old look) */
html[data-design="trust"][data-color-mode] main > .dr-dev-note {
  position: relative; overflow: visible; padding: clamp(16px, 3vw, 32px) var(--tr-gutter) clamp(56px, 8vw, 96px);
  background: transparent; border: 0;
}
html[data-design="trust"][data-color-mode] main > .dr-dev-note::before,
html[data-design="trust"][data-color-mode] main > .dr-dev-note::after { display: none; }
html[data-design="trust"][data-color-mode] main > .dr-dev-note .dr-dev-wrap {
  position: relative; width: auto; max-width: var(--tr-wrap); margin-inline: auto; overflow: hidden;
  padding: clamp(28px, 5vw, 56px); padding-inline-start: clamp(28px, 5vw, 56px);
  border-radius: var(--tr-r-xl); background: var(--dr-panel); border: 1px solid var(--tr-card-border); box-shadow: var(--tr-sh-2);
  display: grid; gap: 14px; justify-items: start;
}
html[data-design="trust"][data-color-mode] main > .dr-dev-note .dr-dev-wrap::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background-image: linear-gradient(var(--tr-line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--tr-line-soft) 1px, transparent 1px);
  background-size: 32px 32px; opacity: .7;
  -webkit-mask-image: linear-gradient(270deg, #000, transparent 50%); mask-image: linear-gradient(270deg, #000, transparent 50%);
}
html[dir="rtl"][data-design="trust"][data-color-mode] main > .dr-dev-note .dr-dev-wrap::before { -webkit-mask-image: linear-gradient(90deg, #000, transparent 50%); mask-image: linear-gradient(90deg, #000, transparent 50%); }
html[data-design="trust"][data-color-mode] main > .dr-dev-note .dr-dev-wrap > * { position: relative; z-index: 1; margin: 0; }
html[data-design="trust"][data-color-mode] main > .dr-dev-note h2 {
  max-width: 24ch; font-size: clamp(1.6rem, 1.2rem + 1.5vw, 2.4rem); line-height: 1.12; letter-spacing: -.03em; font-weight: 800; color: var(--tr-head);
}
html[data-design="trust"][data-color-mode] main > .dr-dev-note p { max-width: 44em; color: var(--dr-muted); font-size: 1.0313rem; line-height: 1.65; }
html[data-design="trust"][data-color-mode] main > .dr-dev-note a {
  display: inline-flex; align-items: center; gap: 10px; min-height: 48px; margin-top: 6px; padding: 12px 22px; border-radius: 999px;
  background: var(--dr-panel); color: var(--tr-head); border: 1px solid var(--dr-line); box-shadow: var(--tr-sh-1);
  font-weight: 650; text-decoration: none; transition: border-color .2s, color .2s, transform .2s var(--tr-ease);
}
html[data-design="trust"][data-color-mode] main > .dr-dev-note a::after {
  content: ""; width: 16px; height: 16px; background: currentColor;
  -webkit-mask: var(--tr-svc-i-arrow) center / contain no-repeat; mask: var(--tr-svc-i-arrow) center / contain no-repeat;
}
html[dir="rtl"][data-design="trust"][data-color-mode] main > .dr-dev-note a::after { transform: scaleX(-1); }
html[data-design="trust"][data-color-mode] main > .dr-dev-note a:hover { border-color: var(--dr-accent); color: var(--tr-accent-ink); transform: translateY(-1px); }

/* =====================================================================
   3. Individual service pages
   ===================================================================== */
html[data-design="trust"][data-color-mode] .dr-svp-section.dr-svp-section { padding: clamp(36px, 5vw, 60px) var(--tr-gutter); background: transparent; }
html[data-design="trust"][data-color-mode] .dr-svp-hero + .dr-svp-section { padding-top: clamp(48px, 6vw, 80px); }
html[data-design="trust"][data-color-mode] .dr-svp-section .dr-svp-h2.dr-svp-h2 {
  margin: 0 0 16px; font-size: clamp(1.55rem, 1.2rem + 1.3vw, 2.2rem); line-height: 1.15; font-weight: 800; letter-spacing: -.028em; color: var(--tr-head);
  text-wrap: balance; overflow-wrap: break-word; hyphens: auto;
}
html[data-design="trust"][data-color-mode] .dr-svp-section .dr-svp-h2.dr-svp-h2::before {
  content: ""; display: block; width: 36px; height: 3px; margin-bottom: 16px; border-radius: 3px;
  background: linear-gradient(90deg, var(--tr-accent-ink), var(--dr-cyan));
}
html[dir="rtl"][data-design="trust"][data-color-mode] .dr-svp-section .dr-svp-h2.dr-svp-h2::before { background: linear-gradient(-90deg, var(--tr-accent-ink), var(--dr-cyan)); }
html[lang^="ja"][data-design="trust"][data-color-mode] .dr-svp-h2, html[lang^="zh"][data-design="trust"][data-color-mode] .dr-svp-h2,
html[lang^="ar"][data-design="trust"][data-color-mode] .dr-svp-h2 { letter-spacing: 0; line-height: 1.35; }
html[data-design="trust"][data-color-mode] .dr-svp-text.dr-svp-text { margin: 0 0 16px; max-width: 46em; font-size: 1.0313rem; line-height: 1.75; color: var(--dr-ink); }
html[data-design="trust"][data-color-mode] .dr-svp-text.dr-svp-text:last-child { margin-bottom: 0; }
html[data-design="trust"][data-color-mode] .dr-svp-text a { color: var(--tr-accent-ink); text-decoration: underline; text-underline-offset: 3px; }

/* Tables: core styles .dr-table; space and caption tuning only */
html[data-design="trust"][data-color-mode] .dr-svp-section .dr-table-wrap { margin: 24px 0 8px; }
html[data-design="trust"][data-color-mode] .dr-svp-section .dr-table caption {
  caption-side: top; padding: 14px 16px; text-align: start; font-style: normal; font-size: .875rem; font-weight: 550; color: var(--dr-muted);
  border-bottom: 1px solid var(--tr-line-soft); background: var(--dr-panel);
}
html[data-design="trust"][data-color-mode] .dr-svp-section .dr-table thead th { position: static; text-align: start; }
html[data-design="trust"][data-color-mode] .dr-svp-section .dr-table tbody td { background: transparent; vertical-align: middle; }
html[data-design="trust"][data-color-mode] .dr-svp-section .dr-table tbody tr:nth-child(2n) td { background: transparent; }
html[data-design="trust"][data-color-mode] .dr-svp-section .dr-table tbody tr:hover td { background: transparent; }
html[data-design="trust"][data-color-mode] .dr-svp-section .dr-table :is(.dr-yes, .dr-no) {
  display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; font-size: .875rem; line-height: 1;
}
html[data-design="trust"][data-color-mode] .dr-svp-section .dr-table .dr-yes { background: var(--tr-accent-soft); color: var(--tr-accent-ink); }
html[data-design="trust"][data-color-mode] .dr-svp-section .dr-table .dr-no { background: var(--tr-magenta-soft); color: var(--dr-magenta); }

/* Use-case cards */
html[data-design="trust"][data-color-mode] .dr-svp-uc-grid.dr-svp-uc-grid { display: grid; gap: 16px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); margin-top: 24px; }
html[data-design="trust"][data-color-mode] .dr-svp-uc.dr-svp-uc {
  --uc-soft: var(--tr-accent-soft); --uc-ink: var(--tr-accent-ink);
  position: relative; padding: 24px 22px; padding-top: 84px;
  border: 1px solid var(--tr-card-border); border-radius: var(--tr-r-lg); background: var(--dr-panel); box-shadow: var(--tr-sh-1);
  transition: transform .25s var(--tr-ease), box-shadow .25s var(--tr-ease), border-color .25s;
}
html[data-design="trust"][data-color-mode] .dr-svp-uc.dr-svp-uc:hover { transform: translateY(-3px); box-shadow: var(--tr-sh-2); border-color: var(--dr-line); }
html[data-design="trust"][data-color-mode] .dr-svp-uc--cyan.dr-svp-uc { --uc-soft: var(--tr-cyan-soft); --uc-ink: var(--dr-cyan); }
html[data-design="trust"][data-color-mode] .dr-svp-uc--magenta.dr-svp-uc { --uc-soft: var(--tr-magenta-soft); --uc-ink: var(--dr-magenta); }
html[data-design="trust"][data-color-mode] .dr-svp-uc.dr-svp-uc::before {
  content: ""; position: absolute; top: 24px; inset-inline-start: 22px; width: 44px; height: 44px; border-radius: 14px; background: var(--uc-soft);
}
html[data-design="trust"][data-color-mode] .dr-svp-uc.dr-svp-uc::after {
  content: ""; position: absolute; top: 35px; inset-inline-start: 33px; width: 22px; height: 22px; background: var(--uc-ink);
  -webkit-mask: var(--tr-svc-i-bolt) center / contain no-repeat; mask: var(--tr-svc-i-bolt) center / contain no-repeat;
}
html[data-design="trust"][data-color-mode] .dr-svp-uc .dr-svp-uc-title.dr-svp-uc-title { margin: 0 0 8px; font-size: 1.125rem; line-height: 1.3; font-weight: 750; color: var(--tr-head); }
html[data-design="trust"][data-color-mode] .dr-svp-uc .dr-svp-uc-text.dr-svp-uc-text { margin: 0; font-size: .9375rem; line-height: 1.65; color: var(--dr-muted); }

/* Checklist: check icons in a soft panel */
html[data-design="trust"][data-color-mode] .dr-svp-checklist.dr-svp-checklist {
  list-style: none; margin: 24px 0 0; padding: clamp(22px, 3.5vw, 36px);
  display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 16px 32px;
  border-radius: var(--tr-r-lg); border: 1px solid var(--tr-card-border);
  background: linear-gradient(160deg, var(--tr-surface-2) 40%, var(--tr-accent-soft));
}
html[data-design="trust"][data-color-mode] .dr-svp-checklist.dr-svp-checklist li {
  position: relative; padding: 0; padding-inline-start: 38px; min-height: 26px;
  color: var(--dr-ink); font-size: 1rem; line-height: 1.55; font-weight: 500;
}
html[data-design="trust"][data-color-mode] .dr-svp-checklist.dr-svp-checklist li::before {
  content: ""; position: absolute; left: auto; inset-inline-start: 0; top: 0; width: 26px; height: 26px; border-radius: 50%;
  background: var(--dr-accent); box-shadow: 0 4px 10px -4px rgba(8, 115, 77, .5);
}
html[data-design="trust"][data-color-mode="dark"] .dr-svp-checklist.dr-svp-checklist li::before { box-shadow: none; }
html[data-design="trust"][data-color-mode] .dr-svp-checklist.dr-svp-checklist li::after {
  content: ""; position: absolute; inset-inline-start: 6px; top: 6px; width: 14px; height: 14px; background: var(--dr-on-accent);
  -webkit-mask: var(--tr-svc-i-check) center / contain no-repeat; mask: var(--tr-svc-i-check) center / contain no-repeat;
}

/* FAQ */
html[data-design="trust"][data-color-mode] .dr-svp-faq-list.dr-svp-faq-list { display: grid; gap: 12px; margin-top: 24px; }
html[data-design="trust"][data-color-mode] details.dr-svp-faq.dr-svp-faq {
  padding: 0; border-radius: var(--tr-r-md); background: var(--dr-panel); border: 1px solid var(--tr-card-border); box-shadow: var(--tr-sh-1);
  transition: border-color .2s, box-shadow .2s;
}
html[data-design="trust"][data-color-mode] details.dr-svp-faq.dr-svp-faq:hover { border-color: var(--dr-line); }
html[data-design="trust"][data-color-mode] details.dr-svp-faq.dr-svp-faq[open] { border-color: color-mix(in srgb, var(--dr-accent) 45%, var(--tr-card-border)); box-shadow: var(--tr-sh-2); }
html[data-design="trust"][data-color-mode] details.dr-svp-faq.dr-svp-faq > summary {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  min-height: 64px; padding: 16px 20px; padding-inline-start: 24px; cursor: pointer; list-style: none; border-radius: var(--tr-r-md);
  color: var(--tr-head); font-weight: 650; font-size: 1.0313rem; line-height: 1.45;
}
html[data-design="trust"][data-color-mode] details.dr-svp-faq.dr-svp-faq > summary::-webkit-details-marker { display: none; }
html[data-design="trust"][data-color-mode] details.dr-svp-faq.dr-svp-faq > summary:hover { color: var(--tr-accent-ink); }
html[data-design="trust"][data-color-mode] details.dr-svp-faq.dr-svp-faq > summary:focus-visible { outline: 3px solid var(--dr-cyan); outline-offset: 2px; }
html[data-design="trust"][data-color-mode] details.dr-svp-faq .dr-svp-faq-icon.dr-svp-faq-icon {
  display: grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 50%;
  background: var(--tr-accent-soft); color: var(--tr-accent-ink);
  font-family: var(--font-sans); font-size: 1.375rem; font-weight: 500; line-height: 1;
  transition: transform .25s var(--tr-ease), background-color .2s, color .2s;
}
html[data-design="trust"][data-color-mode] details.dr-svp-faq[open] .dr-svp-faq-icon.dr-svp-faq-icon { transform: rotate(45deg); background: var(--dr-accent); color: var(--dr-on-accent); }
html[data-design="trust"][data-color-mode] details.dr-svp-faq.dr-svp-faq > p,
html[data-design="trust"][data-color-mode] details.dr-svp-faq.dr-svp-faq > :not(summary) {
  margin: 0; padding: 0 24px 22px; max-width: 52em; color: var(--dr-muted); font-size: 1rem; line-height: 1.7;
}

/* Related reading */
html[data-design="trust"][data-color-mode] .dr-svp-related.dr-svp-related {
  list-style: none; margin: 24px 0 0; padding: 0;
  display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 380px), 1fr));
}
html[data-design="trust"][data-color-mode] .dr-svp-related.dr-svp-related li { margin: 0; padding: 0; display: flex; min-width: 0; }
html[data-design="trust"][data-color-mode] .dr-svp-related.dr-svp-related a {
  position: relative; flex: 1; min-width: 0; display: flex; align-items: center; min-height: 64px;
  padding: 14px 20px; padding-inline-start: 66px;
  border-radius: 16px; border: 1px solid var(--tr-card-border); background: var(--dr-panel); box-shadow: var(--tr-sh-1);
  color: var(--tr-head); font-size: .9688rem; font-weight: 650; line-height: 1.4; text-decoration: none; overflow-wrap: anywhere;
  transition: transform .2s var(--tr-ease), border-color .2s, color .2s, box-shadow .2s;
}
html[data-design="trust"][data-color-mode] .dr-svp-related.dr-svp-related a::before {
  content: ""; position: absolute; inset-inline-start: 16px; top: 50%; width: 36px; height: 36px; margin-top: -18px; border-radius: 12px; background: var(--tr-cyan-soft);
}
html[data-design="trust"][data-color-mode] .dr-svp-related.dr-svp-related a::after {
  content: ""; position: absolute; inset-inline-start: 25px; top: 50%; width: 18px; height: 18px; margin-top: -9px; background: var(--dr-cyan);
  -webkit-mask: var(--tr-svc-i-book) center / contain no-repeat; mask: var(--tr-svc-i-book) center / contain no-repeat;
}
html[data-design="trust"][data-color-mode] .dr-svp-related.dr-svp-related a:hover { color: var(--tr-accent-ink); border-color: var(--dr-accent); transform: translateY(-2px); box-shadow: var(--tr-sh-2); }

/* Inline development note */
html[data-design="trust"][data-color-mode] .dr-dev-inline-note.dr-dev-inline-note {
  position: relative; box-sizing: border-box; width: min(1000px, calc(100% - 2 * var(--tr-gutter))); margin: clamp(24px, 4vw, 40px) auto;
  padding: 22px 24px; padding-inline-start: 80px;
  border: 1px solid var(--tr-card-border); border-radius: var(--tr-r-md);
  background: linear-gradient(135deg, var(--tr-cyan-soft), var(--dr-panel) 70%); box-shadow: var(--tr-sh-1);
  color: var(--dr-ink); font-size: 1rem; line-height: 1.7;
}
html[data-design="trust"][data-color-mode] .dr-dev-inline-note.dr-dev-inline-note::before {
  content: ""; position: absolute; inset-inline-start: 22px; top: 22px; width: 40px; height: 40px; border-radius: 12px; background: var(--dr-panel);
  border: 1px solid var(--tr-card-border);
}
html[data-design="trust"][data-color-mode] .dr-dev-inline-note.dr-dev-inline-note::after {
  content: ""; position: absolute; inset-inline-start: 32px; top: 32px; width: 20px; height: 20px; background: var(--dr-cyan);
  -webkit-mask: var(--tr-svc-i-code) center / contain no-repeat; mask: var(--tr-svc-i-code) center / contain no-repeat;
}
html[data-design="trust"][data-color-mode] .dr-dev-inline-note strong { color: var(--tr-head); font-weight: 700; }
html[data-design="trust"][data-color-mode] .dr-dev-inline-note a { color: var(--tr-accent-ink); font-weight: 650; text-decoration: underline; text-underline-offset: 3px; }
html[data-design="trust"][data-color-mode] .dr-dev-inline-note a:hover { color: var(--tr-accent-hover); }
@media (max-width: 560px) {
  html[data-design="trust"][data-color-mode] .dr-dev-inline-note.dr-dev-inline-note { padding: 76px 20px 20px; }
  html[data-design="trust"][data-color-mode] .dr-dev-inline-note.dr-dev-inline-note::before { inset-inline-start: 20px; top: 20px; }
  html[data-design="trust"][data-color-mode] .dr-dev-inline-note.dr-dev-inline-note::after { inset-inline-start: 30px; top: 30px; }
}

@media (prefers-reduced-motion: reduce) {
  html[data-design="trust"][data-color-mode] :is(.dr-sgrid-card, .dr-svc-promise, .dr-svp-uc, .dr-svp-related a):hover { transform: none; }
  html[data-design="trust"][data-color-mode] .dr-sgrid-card:hover .dr-sgrid-icon.dr-sgrid-icon { transform: none; }
}

/* Table headers: the core's mono uppercase tracking breaks Arabic joining and crowds CJK */
html[lang^="ar"][data-design="trust"][data-color-mode] .dr-svp-section .dr-table th,
html[lang^="ja"][data-design="trust"][data-color-mode] .dr-svp-section .dr-table th,
html[lang^="zh"][data-design="trust"][data-color-mode] .dr-svp-section .dr-table th { font-family: var(--font-sans); letter-spacing: 0; font-size: .8125rem; }

/* ---------- Services hero artwork (inserted by apply-trust-services.py; decorative, icon-only) ---------- */
html[data-design="trust"][data-color-mode] .dr-svc-hero .dr-svc-inner.dr-svc-inner { display: grid; grid-template-columns: minmax(0, 1fr); column-gap: clamp(32px, 5vw, 72px); align-items: center; }
@media (min-width: 1000px) {
  html[data-design="trust"][data-color-mode] .dr-svc-hero .dr-svc-inner.dr-svc-inner { grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); }
  html[data-design="trust"][data-color-mode] .dr-svc-hero .dr-svc-inner > :not(.tr-svc-art) { grid-column: 1; }
  html[data-design="trust"][data-color-mode] .dr-svc-hero .tr-svc-art { grid-column: 2; grid-row: 1 / span 6; margin: 0; margin-inline-start: auto; }
}
html[data-design="trust"][data-color-mode] .tr-svc-art { position: relative; width: 100%; max-width: 520px; margin: 36px auto 0; aspect-ratio: 1; container-type: inline-size; pointer-events: none; user-select: none; }
html[data-design="trust"][data-color-mode] .tr-svc-orb { position: absolute; inset: 4cqi; border-radius: 50%; filter: blur(8px); opacity: .95;
  background: radial-gradient(circle at 30% 28%, var(--tr-wash-2), transparent 62%), radial-gradient(circle at 72% 74%, var(--tr-wash-1), transparent 64%); }
html[data-design="trust"][data-color-mode] .tr-svc-ring { position: absolute; border-radius: 50%; border: 1px dashed var(--dr-line); }
html[data-design="trust"][data-color-mode] .tr-svc-ring.r1 { inset: 2cqi; animation: tr-svc-spin 70s linear infinite; }
html[data-design="trust"][data-color-mode] .tr-svc-ring.r2 { inset: 12cqi; border-style: solid; border-color: var(--tr-line-soft); opacity: .8; }
html[data-design="trust"][data-color-mode] .tr-svc-board { position: absolute; inset: 11cqi 7cqi; display: flex; flex-direction: column; gap: 4cqi; padding: 4.5cqi;
  border-radius: 6cqi; background: var(--dr-panel); border: 1px solid var(--tr-card-border); box-shadow: var(--tr-sh-3); }
html[data-design="trust"][data-color-mode] .tr-svc-top { display: flex; align-items: center; gap: 1.6cqi; }
html[data-design="trust"][data-color-mode] .tr-svc-top i { display: block; width: 2.4cqi; height: 2.4cqi; border-radius: 50%; background: var(--dr-line); }
html[data-design="trust"][data-color-mode] .tr-svc-top i:nth-child(1) { background: var(--dr-magenta); }
html[data-design="trust"][data-color-mode] .tr-svc-top i:nth-child(2) { background: var(--dr-warning); }
html[data-design="trust"][data-color-mode] .tr-svc-top i:nth-child(3) { background: var(--dr-accent); }
html[data-design="trust"][data-color-mode] .tr-svc-scan { position: relative; display: block; width: 24cqi; height: 1.6cqi; margin-inline-start: auto; overflow: hidden; border-radius: 1cqi; background: var(--tr-line-soft); }
html[data-design="trust"][data-color-mode] .tr-svc-scan::after { content: ""; position: absolute; inset: 0; width: 42%; background: linear-gradient(90deg, transparent, var(--dr-accent), transparent); animation: tr-svc-sweep 2.6s ease-in-out infinite; }
html[data-design="trust"][data-color-mode] .tr-svc-tiles { flex: 1; display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 1fr; gap: 3cqi; }
html[data-design="trust"][data-color-mode] .tr-svc-tile { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1.5cqi; padding: 2cqi; min-width: 0;
  border-radius: 4cqi; background: var(--tr-surface-2); border: 1px solid var(--tr-line-soft);
  animation: tr-svc-tile 9s ease-in-out infinite; animation-delay: calc(var(--i) * 1.2s); }
html[data-design="trust"][data-color-mode] .tr-svc-chip { display: grid; place-items: center; width: 11cqi; height: 11cqi; border-radius: 3.4cqi; background: var(--tr-accent-soft); color: var(--tr-accent-ink); }
html[data-design="trust"][data-color-mode] .tr-t-c .tr-svc-chip { background: var(--tr-cyan-soft); color: var(--dr-cyan); }
html[data-design="trust"][data-color-mode] .tr-t-m .tr-svc-chip { background: var(--tr-magenta-soft); color: var(--dr-magenta); }
html[data-design="trust"][data-color-mode] .tr-t-w .tr-svc-chip { background: var(--tr-warn-soft); color: var(--dr-warning); }
html[data-design="trust"][data-color-mode] .tr-svc-i { width: 56%; height: 56%; }
html[data-design="trust"][data-color-mode] .tr-svc-line { display: block; width: 68%; height: 1.2cqi; border-radius: 1cqi; background: var(--dr-line); opacity: .65; }
html[data-design="trust"][data-color-mode] .tr-svc-line.short { width: 42%; }
html[data-design="trust"][data-color-mode] .tr-svc-foot { display: flex; align-items: center; gap: 3cqi; }
html[data-design="trust"][data-color-mode] .tr-svc-track { flex: 1; height: 2.4cqi; overflow: hidden; border-radius: 2cqi; background: var(--tr-line-soft); }
html[data-design="trust"][data-color-mode] .tr-svc-fill { display: block; width: 100%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--dr-accent), var(--dr-cyan)); transform-origin: 0 50%; animation: tr-svc-fill 9s ease-in-out infinite; }
html[dir="rtl"][data-design="trust"][data-color-mode] .tr-svc-fill { transform-origin: 100% 50%; }
html[data-design="trust"][data-color-mode] .tr-svc-done { display: grid; place-items: center; width: 8.5cqi; height: 8.5cqi; border-radius: 50%; background: var(--dr-accent); color: var(--dr-on-accent); animation: tr-svc-pop 9s ease-in-out infinite; }
html[data-design="trust"][data-color-mode] .tr-svc-done .tr-svc-i { width: 58%; height: 58%; stroke-width: 2.6; }
html[data-design="trust"][data-color-mode] .tr-svc-badge { position: absolute; display: grid; place-items: center; width: 15cqi; height: 15cqi; border-radius: 50%;
  background: var(--dr-panel); border: 1px solid var(--tr-card-border); box-shadow: var(--tr-sh-3); color: var(--tr-accent-ink); animation: tr-svc-float 7s ease-in-out infinite; }
html[data-design="trust"][data-color-mode] .tr-svc-badge .tr-svc-i { width: 48%; height: 48%; }
html[data-design="trust"][data-color-mode] .tr-svc-badge.b1 { top: 3cqi; inset-inline-start: 0; }
html[data-design="trust"][data-color-mode] .tr-svc-badge.b2 { top: 42cqi; inset-inline-end: -1cqi; color: var(--dr-magenta); animation-delay: -2.3s; }
html[data-design="trust"][data-color-mode] .tr-svc-badge.b3 { bottom: 3cqi; inset-inline-start: 9cqi; color: var(--dr-cyan); animation-delay: -4.6s; }
@keyframes tr-svc-spin { to { transform: rotate(360deg); } }
@keyframes tr-svc-sweep { 0% { transform: translateX(-110%); } 100% { transform: translateX(260%); } }
@keyframes tr-svc-tile {
  0%, 30%, 100% { transform: none; }
  6%, 20% { transform: translateY(-1.2cqi) scale(1.04); border-color: var(--dr-accent); background: var(--tr-accent-soft); box-shadow: var(--tr-sh-2); }
}
@keyframes tr-svc-fill { 0% { transform: scaleX(0); } 82%, 94% { transform: scaleX(1); } 100% { transform: scaleX(0); } }
@keyframes tr-svc-pop { 0%, 78% { transform: scale(0); opacity: 0; } 86%, 94% { transform: scale(1); opacity: 1; } 100% { transform: scale(0); opacity: 0; } }
@keyframes tr-svc-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-2.4cqi); } }
@media (max-width: 999px) { html[data-design="trust"][data-color-mode] .tr-svc-art { max-width: 400px; } }
@media (max-width: 520px) { html[data-design="trust"][data-color-mode] .tr-svc-art { max-width: 320px; margin-top: 28px; } }
@media (prefers-reduced-motion: reduce) {
  html[data-design="trust"][data-color-mode] .tr-svc-art *, html[data-design="trust"][data-color-mode] .tr-svc-art *::after { animation: none !important; }
  html[data-design="trust"][data-color-mode] .tr-svc-tile:nth-child(-n+3) { border-color: var(--dr-accent); background: var(--tr-accent-soft); }
}

/* Labels that already end in an arrow (set by trust.js) do not get a second, drawn arrow. */
html[data-design="trust"][data-color-mode] .dr-sgrid-card .dr-sgrid-card-link.dr-sgrid-card-link[data-has-arrow],
html[dir="rtl"][data-design="trust"][data-color-mode] .dr-sgrid-card .dr-sgrid-card-link.dr-sgrid-card-link[data-has-arrow] { grid-template-columns: minmax(0, 1fr); background: none; }
html[data-design="trust"][data-color-mode] .dr-sgrid-card .dr-sgrid-card-link.dr-sgrid-card-link[data-has-arrow]::after { display: none; }