:root {
  --trust-bg: var(--nrj-bg-2);
  --trust-panel: var(--nrj-bg-3);
  --trust-panel-2: var(--nrj-panel);
  --trust-text: var(--nrj-text);
  --trust-muted: var(--nrj-muted);
  --trust-line: var(--nrj-line);
  --trust-accent: var(--nrj-accent-2);
  --trust-max: 1160px;
  color-scheme: dark;
  font-family: var(--font-sans);
}

html:not([data-theme="light"]) {
  --trust-bg: #07171e;
  --trust-panel: #05202d;
  --trust-panel-2: #043044;
}

html:not([data-theme="light"]) body #trustMain,
html:not([data-theme="light"]) body #trustMain .trust-section {
  background-color: #07171e !important;
}

html:not([data-theme="light"]) body #trustMain .trust-browser-section {
  background-color: #05202d !important;
}

html:not([data-theme="light"]) body #trustMain .trust-legal {
  background-color: #043044 !important;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--trust-bg); color: var(--trust-text); font-family: inherit; line-height: 1.6; }
main {
  background-color: var(--trust-bg);
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 128px 128px;
}
a { color: inherit; }
button { font: inherit; }

.trust-container { width: min(calc(100% - 40px), var(--trust-max)); margin: 0 auto; }
.trust-skip-link { position: fixed; z-index: 100; top: 10px; left: 10px; padding: 10px 14px; background: var(--trust-text); color: var(--trust-bg); transform: translateY(-160%); }
.trust-skip-link:focus { transform: translateY(0); }

.trust-footer a { text-decoration: none; color: var(--trust-muted); font-size: 14px; font-weight: 750; }
.trust-account-menu { position: relative; }
.trust-account-menu > div { background: #fff; border: 1px solid #c5dadd; border-radius: 7px; box-shadow: 0 14px 30px rgba(0,0,0,.15); display: grid; min-width: 230px; padding: 8px; position: absolute; right: 0; top: calc(100% + 8px); }
.trust-account-menu a { color: #23292d; font-size: 13px; font-weight: 800; padding: 10px; text-decoration: none; }
.trust-account-menu a:hover { background: #eef7f8; color: #087f8b; }
.trust-footer a:hover, .trust-footer a:focus-visible { color: var(--trust-accent); }

.trust-hero { padding: 96px 0 84px; border-bottom: 1px solid var(--trust-line); background: linear-gradient(120deg, color-mix(in srgb, var(--nrj-accent) 11%, transparent), transparent 42%); }
.trust-kicker { margin: 0 0 14px; color: var(--trust-accent); font-size: 12px; line-height: 1.3; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.trust-hero h1 { max-width: 990px; margin: 0; font-size: clamp(42px, 6vw, 76px); line-height: 1.02; letter-spacing: 0; }
.trust-intro { max-width: 820px; margin: 28px 0 0; color: var(--trust-muted); font-size: 20px; }
.trust-status-key { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 36px; }
.trust-status { display: inline-flex; align-items: center; width: fit-content; min-height: 28px; padding: 5px 9px; border: 1px solid var(--trust-line); border-radius: 999px; font-size: 11px; line-height: 1.2; font-weight: 850; }
.trust-status.blocked { border-color: color-mix(in srgb, var(--nrj-danger) 48%, var(--trust-line)); color: color-mix(in srgb, var(--nrj-danger) 74%, var(--trust-text)); background: color-mix(in srgb, var(--nrj-danger) 9%, transparent); }
.trust-status.quiet { color: var(--trust-muted); }
.trust-status.required { border-color: color-mix(in srgb, var(--nrj-success) 48%, var(--trust-line)); color: color-mix(in srgb, var(--nrj-success) 76%, var(--trust-text)); background: color-mix(in srgb, var(--nrj-success) 8%, transparent); }
.trust-status.initiated { border-color: color-mix(in srgb, var(--trust-accent) 56%, var(--trust-line)); color: var(--trust-accent); background: color-mix(in srgb, var(--trust-accent) 9%, transparent); }

.trust-section { padding: 78px 0; border-bottom: 1px solid var(--trust-line); }
.trust-section-head { max-width: 760px; margin-bottom: 38px; }
.trust-section h2, .trust-legal h2 { margin: 0; font-size: clamp(30px, 4vw, 48px); line-height: 1.12; letter-spacing: 0; }
.trust-section-head > p:last-child { margin: 18px 0 0; color: var(--trust-muted); font-size: 17px; }
.capability-list { border-top: 1px solid var(--trust-line); }
.capability-row { display: grid; grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr); gap: 48px; padding: 25px 4px; border-bottom: 1px solid var(--trust-line); }
.capability-row > div { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.capability-row h3 { margin: 0; font-size: 18px; line-height: 1.3; }
.capability-row p { margin: 0; color: var(--trust-muted); }

.trust-browser-section { background: var(--trust-panel); }
.trust-browser-grid { display: grid; grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr); gap: 72px; }
.trust-browser-copy { border-left: 2px solid var(--trust-accent); padding-left: 30px; }
.trust-browser-copy p { margin: 0 0 18px; color: var(--trust-muted); }
.trust-browser-copy p:last-child { margin-bottom: 0; }

.trust-principles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--trust-line); border-left: 1px solid var(--trust-line); }
.trust-principles article { min-height: 230px; padding: 24px; border-right: 1px solid var(--trust-line); border-bottom: 1px solid var(--trust-line); }
.trust-principles article > span { color: var(--trust-accent); font-size: 12px; font-weight: 900; }
.trust-principles h3 { margin: 42px 0 10px; font-size: 20px; }
.trust-principles p { margin: 0; color: var(--trust-muted); }

.trust-legal { padding: 64px 0; background: var(--trust-panel-2); }
.trust-legal-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 48px; }
.trust-legal-inner > div:first-child { max-width: 760px; }
.trust-legal p:not(.trust-kicker) { margin: 16px 0 0; color: var(--trust-muted); }
.trust-legal-actions { display: flex; gap: 10px; }
.trust-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 10px 16px; border: 1px solid var(--trust-accent); border-radius: 8px; color: var(--trust-text); font-weight: 850; text-decoration: none; }
.trust-button:hover, .trust-button:focus-visible { outline: 3px solid color-mix(in srgb, var(--trust-accent) 24%, transparent); }

.trust-footer { padding: 30px 0; border-top: 1px solid var(--trust-line); background: #0d0f0f; color: #c2cbd2; }
.trust-footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.trust-footer-inner > span { font-size: 13px; font-weight: 700; }
.trust-footer nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 18px; }

@media (max-width: 820px) {
  .trust-hero { padding: 70px 0 58px; }
  .trust-hero h1 { font-size: clamp(38px, 11vw, 58px); }
  .trust-intro { font-size: 18px; }
  .capability-row, .trust-browser-grid, .trust-legal-inner { grid-template-columns: 1fr; gap: 18px; }
  .trust-browser-copy { margin-top: 12px; }
  .trust-principles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .trust-legal-actions { justify-content: flex-start; }
  .trust-footer-inner { align-items: flex-start; flex-direction: column; }
  .trust-footer nav { justify-content: flex-start; }
}

@media (max-width: 540px) {
  .trust-container { width: min(calc(100% - 28px), var(--trust-max)); }
  .trust-section { padding: 56px 0; }
  .trust-status-key { align-items: flex-start; flex-direction: column; }
  .capability-row { padding: 22px 0; }
  .trust-browser-copy { padding-left: 20px; }
  .trust-principles { grid-template-columns: 1fr; }
  .trust-principles article { min-height: 190px; }
  .trust-principles h3 { margin-top: 28px; }
  .trust-legal-actions { align-items: stretch; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}
