:root {
  --ink: #080912;
  --ink-2: #0e1020;
  --card: rgba(20, 23, 42, 0.78);
  --text: #f5f4fb;
  --muted: #aaaabd;
  --line: rgba(255, 255, 255, 0.12);
  --purple: #a855f7;
  --cyan: #2edcf4;
  --green: #37d996;
  --amber: #f6b84a;
  --red: #ff7777;
  --shell: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body {
  margin: 0;
  min-width: 320px;
  color: var(--text);
  background:
    radial-gradient(circle at 82% 3%, rgba(46, 220, 244, 0.11), transparent 28rem),
    radial-gradient(circle at 17% 8%, rgba(168, 85, 247, 0.16), transparent 31rem),
    var(--ink);
  font: 16px/1.65 Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
a { color: inherit; text-decoration: none; }
button { font: inherit; }
a:focus-visible, button:focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; }
.skip-link { position: fixed; left: 1rem; top: 1rem; z-index: 20; padding: .65rem 1rem; color: #080912; background: white; border-radius: 999px; transform: translateY(-180%); }
.skip-link:focus { transform: none; }
.shell { width: min(var(--shell), calc(100% - 3rem)); margin-inline: auto; }

.trust-header { position: sticky; top: 0; z-index: 10; border-bottom: 1px solid var(--line); background: rgba(8, 9, 18, .86); backdrop-filter: blur(20px); }
.trust-nav { min-height: 76px; display: flex; align-items: center; gap: 1.5rem; }
.brand { display: inline-flex; align-items: center; gap: .7rem; font-weight: 800; letter-spacing: -.02em; }
.brand img { width: 34px; height: 34px; }
.trust-nav-links { margin-left: auto; display: flex; align-items: center; gap: .2rem; }
.trust-nav-links a { padding: .55rem .72rem; color: var(--muted); border-radius: 999px; font-size: .9rem; }
.trust-nav-links a:hover, .trust-nav-links a[aria-current="page"] { color: white; background: rgba(255,255,255,.08); }
.back-site { margin-left: .45rem; padding: .65rem 1rem !important; color: #080912 !important; background: white !important; font-weight: 800; }

.trust-hero { padding: 7rem 0 4.5rem; border-bottom: 1px solid var(--line); }
.eyebrow { margin: 0 0 1.1rem; color: var(--purple); font-size: .75rem; font-weight: 900; letter-spacing: .18em; }
h1, h2, h3 { margin-top: 0; line-height: 1.08; letter-spacing: -.045em; text-wrap: balance; }
h1 { max-width: 920px; margin-bottom: 1.5rem; font-size: clamp(3rem, 8vw, 6.6rem); }
h1 em, h2 em { color: var(--cyan); font-family: Georgia, serif; font-weight: 400; }
.lede { max-width: 760px; margin: 0; color: #c9c8d5; font-size: clamp(1.08rem, 2.2vw, 1.35rem); }
.status-row { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 2rem; }
.pill { display: inline-flex; align-items: center; gap: .55rem; padding: .55rem .85rem; border: 1px solid var(--line); border-radius: 999px; color: #deddea; background: rgba(255,255,255,.04); font-size: .86rem; }
.pill::before { width: .55rem; height: .55rem; content: ""; background: var(--green); border-radius: 50%; box-shadow: 0 0 14px rgba(55,217,150,.6); }
.pill.warn::before { background: var(--amber); box-shadow: 0 0 14px rgba(246,184,74,.55); }

.trust-main { padding: 4.5rem 0 7rem; }
.trust-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 1rem; }
.trust-card { position: relative; min-height: 240px; padding: 1.65rem; overflow: hidden; border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018)); transition: transform .25s ease, border-color .25s ease; }
.trust-card:hover { transform: translateY(-4px); border-color: rgba(46,220,244,.38); }
.trust-card .number { color: var(--purple); font: 800 .72rem/1 monospace; letter-spacing: .15em; }
.trust-card h2 { margin: 2rem 0 .7rem; font-size: 1.65rem; }
.trust-card p { margin: 0 0 1.4rem; color: var(--muted); }
.trust-card .arrow { position: absolute; right: 1.5rem; bottom: 1.25rem; color: var(--cyan); font-size: 1.35rem; }

.content-layout { display: grid; grid-template-columns: 230px minmax(0, 760px); gap: 4rem; align-items: start; }
.side-nav { position: sticky; top: 105px; display: grid; gap: .25rem; }
.side-nav strong { margin-bottom: .7rem; color: #fff; font-size: .78rem; letter-spacing: .14em; }
.side-nav a { padding: .5rem .7rem; color: var(--muted); border-left: 1px solid var(--line); font-size: .9rem; }
.side-nav a:hover, .side-nav a[aria-current="page"] { color: white; border-left-color: var(--cyan); }
.article h2 { margin: 3.5rem 0 1.1rem; font-size: clamp(1.85rem, 4vw, 2.65rem); }
.article h2:first-child { margin-top: 0; }
.article h3 { margin: 2rem 0 .6rem; font-size: 1.25rem; letter-spacing: -.02em; }
.article p, .article li { color: #c1c0ce; }
.article a:not(.button) { color: var(--cyan); text-decoration: underline; text-underline-offset: .18em; }
.article ul, .article ol { padding-left: 1.25rem; }
.article li + li { margin-top: .55rem; }
.fact-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: .8rem; margin: 1.5rem 0; }
.fact { padding: 1.2rem; border: 1px solid var(--line); border-radius: 16px; background: var(--card); }
.fact span { display: block; margin-bottom: .3rem; color: var(--muted); font-size: .78rem; text-transform: uppercase; letter-spacing: .1em; }
.fact strong { overflow-wrap: anywhere; }
.notice { margin: 1.5rem 0; padding: 1.15rem 1.3rem; border: 1px solid rgba(246,184,74,.35); border-radius: 16px; background: rgba(246,184,74,.08); color: #eee5d0; }
.notice.good { border-color: rgba(55,217,150,.35); background: rgba(55,217,150,.07); color: #dff8eb; }
.notice.danger { border-color: rgba(255,119,119,.35); background: rgba(255,119,119,.07); }
.hash { display: block; margin: 1rem 0; padding: 1rem; overflow-wrap: anywhere; border: 1px solid var(--line); border-radius: 12px; color: #c7f8ff; background: #05060c; font: .84rem/1.6 ui-monospace, SFMono-Regular, Consolas, monospace; }
.code { padding: 1rem; overflow-x: auto; border: 1px solid var(--line); border-radius: 12px; color: #d8faff; background: #05060c; font: .88rem/1.6 ui-monospace, SFMono-Regular, Consolas, monospace; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; margin-top: .5rem; padding: .8rem 1rem; border: 0; border-radius: 999px; color: #080912; background: white; font-weight: 850; cursor: pointer; }
.button.secondary { color: white; background: rgba(255,255,255,.1); border: 1px solid var(--line); }
.button-row { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.4rem; }
.release-row { display: grid; grid-template-columns: 1fr auto; gap: 1rem; padding: 1.4rem 0; border-top: 1px solid var(--line); }
.release-row time { color: var(--muted); }
.release-row h3 { margin: 0 0 .35rem; }
.release-tag { align-self: start; padding: .35rem .6rem; border-radius: 999px; color: #dff8eb; background: rgba(55,217,150,.12); font-size: .75rem; }
.check-list { padding: 0 !important; list-style: none; }
.check-list li { position: relative; padding-left: 1.8rem; }
.check-list li::before { position: absolute; left: 0; content: "✓"; color: var(--green); font-weight: 900; }

.trust-footer { padding: 2.2rem 0; border-top: 1px solid var(--line); color: var(--muted); }
.trust-footer .shell { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.trust-footer nav { display: flex; flex-wrap: wrap; gap: 1rem; }
.trust-footer a:hover { color: white; }

@media (max-width: 900px) {
  .trust-nav-links a:not(.back-site) { display: none; }
  .trust-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .content-layout { grid-template-columns: 1fr; gap: 2rem; }
  .side-nav { position: static; grid-template-columns: repeat(3, minmax(0,1fr)); }
  .side-nav strong { grid-column: 1 / -1; }
  .side-nav a { border-left: 0; border-bottom: 1px solid var(--line); }
}
@media (max-width: 620px) {
  .shell { width: min(100% - 2rem, var(--shell)); }
  .trust-nav { min-height: 66px; }
  .brand span { display: none; }
  .trust-hero { padding: 4.5rem 0 3rem; }
  h1 { font-size: clamp(2.65rem, 14vw, 4rem); }
  .trust-main { padding: 3rem 0 5rem; }
  .trust-grid, .fact-grid { grid-template-columns: 1fr; }
  .trust-card { min-height: 210px; }
  .side-nav { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .trust-footer .shell { align-items: flex-start; flex-direction: column; }
  .release-row { grid-template-columns: 1fr; }
}