/* ==========================================================================
   A ESCALA FECHADA DA ORDANE
   ==========================================================================

   Ate 17/09/2026 este arquivo tinha 1788 linhas e nenhuma escala declarada.
   Havia vocabulario, sim, mas dentro de `.ord-site` e ignorado por 137 das 156
   declaracoes de tamanho, que usavam rem cru de duas casas. Dai sairam, medidos
   no navegador nas 19 paginas institucionais e nos dois viewports:

       50 tamanhos de fonte, 7 pesos, 17 raios, 13 sombras, 14 respiros de secao

   Para quem le o site, isso nao aparece como "tem 50 tamanhos". Aparece como
   imprecisao, e neste mercado imprecisao se le como risco.

   CADA DEGRAU NASCEU DO USO DE HOJE, NAO DE UM IDEAL NOVO. Os quatro primeiros
   cobrem 3.834 dos textos medidos: 16px tem 1749 usos, 14px tem 1220, 12px tem
   527 e 20px tem 338. Trocar a base mudaria o site inteiro e nao foi pedido.

   A escala foi escolhida por ERRO MEDIDO, comparando seis candidatas contra a
   distribuicao real de uso. Esta venceu com erro medio de 0,152px por texto:
   na media, cada palavra do site se move menos de um quinto de pixel.

   REGRA DE APROXIMACAO, fechada para nao derivar: todo valor solto vai para o
   degrau INTEIRO mais proximo, e empate exato desce. 14,72 vira 14; 15,04 vira
   16; 20,48 vira 20; 21,12 vira 20. Sem excecao discricionaria.
   ========================================================================== */

:root {
  /* ---- TAMANHO: oito degraus, e nada entre eles ---- */
  --fs-12: 12px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-20: 20px;
  --fs-24: 24px;
  --fs-32: 32px;
  --fs-40: 40px;
  --fs-72: 72px;

  /* ---- TAMANHO FLUIDO, que continua fechado ----
     Os 16 clamp() deste arquivo produziam um tamanho diferente a cada largura
     de tela, que e o mesmo que nao ter escala. Cada um virou um par de degraus,
     um para telefone e um para desktop, e a troca acontece num ponto so. Estes
     tokens nao sao valores novos: sao composicoes dos oito acima. */
  --fs-fluid-16: var(--fs-16);
  --fs-fluid-20: var(--fs-20);
  --fs-fluid-24: var(--fs-24);
  --fs-fluid-24-16: var(--fs-16);
  --fs-fluid-24-20: var(--fs-20);
  --fs-fluid-32: var(--fs-32);
  --fs-fluid-40-24: var(--fs-24);
  --fs-fluid-40-32: var(--fs-32);
  --fs-fluid-40: var(--fs-40);
  --fs-fluid-72-40: var(--fs-40);

  /* ---- PESO: quatro, dos sete que existiam ----
     650 tinha 90 usos e 750 tinha 4. Um peso que aparece quatro vezes num site
     inteiro nao e decisao de desenho, e sobra. */
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;

  /* ---- RAIO: cinco, dos dezessete ----
     13px, 15.6px e 17px eram calculados a partir de outro raio, nunca
     escolhidos. Raio derivado de raio e como o vocabulario escapa. */
  --ra-2: 2px;
  --ra-4: 4px;
  --ra-10: 10px;
  --ra-pill: 999px;
  --ra-circle: 50%;

  /* ---- RESPIRO DE SECAO: tres ----
     Secoes irmas respiram igual. Duas secoes a 28px no meio de um site a 80px
     nao sao ritmo, sao acidente. */
  /* ENTRELINHA: piso por papel. Titulo grande pede menos entrelinha que
     texto corrido, mas nunca menos que 1,12: abaixo disso, em duas linhas,
     a letra de cima encosta na de baixo. */
  --lh-titulo: 1.12;

  --sec-0: 0;
  --sec-tight: 32px;
  --sec: 80px;

  /* ---- ELEVACAO: tres ----
     Sombra existe para dizer que algo flutua, nao para enfeitar. */
  --sh-1: 0 1px 2px rgba(21,34,53,.08);
  --sh-2: 0 3px 8px rgba(21,34,53,.14);
  --sh-3: 0 24px 70px rgba(2,9,17,.22);

  /* ---- RELEVO DE SUPERFICIE: assinatura, nao elevacao ----
     Os dois existiam escritos a mao em tres lugares. Nomeados aqui porque sao
     a mesma coisa em duas cores de superficie, e porque valor solto se copia. */
  --sh-metal-gold: inset 0 1px 0 rgba(255,255,255,.38), inset 0 -1px 0 rgba(145,104,74,.35), 0 1px 0 rgba(0,0,0,.14);
  --sh-metal-navy: inset 0 1px 0 rgba(255,255,255,.16), inset 0 -1px 0 rgba(0,0,0,.3), 0 2px 6px rgba(16,33,54,.35);
}

@media (max-width: 47.99rem) {
  :root {
    --fs-fluid-24-16: var(--fs-16);
    --fs-fluid-24-20: var(--fs-20);
    --fs-fluid-40-24: var(--fs-24);
    --fs-fluid-40-32: var(--fs-32);
    --fs-fluid-72-40: var(--fs-40);
    --sec-tight: 24px;
    --sec: 72px;
  }
}

@media (min-width: 48rem) {
  :root {
    --fs-fluid-24-16: var(--fs-24);
    --fs-fluid-24-20: var(--fs-24);
    --fs-fluid-40-24: var(--fs-40);
    --fs-fluid-40-32: var(--fs-40);
    --fs-fluid-72-40: var(--fs-72);
  }
}

/* ORDANE shared UI: language modal + desktop nav spacing.
   Loaded on every page (EN + localized) by build_i18n.py.
   The language overlay is portaled to <body> by ui.js, so its position:fixed
   centers on the viewport instead of being trapped by the sticky header's
   backdrop-filter containing block. */

/* ---------------- Language trigger (stays in the nav) ---------------- */
/* .top-right groups the language trigger with the "Back" link on inner pages;
   .lang-corner floats it on the chrome-less thanks page. */
.top-right { display: flex; align-items: center; gap: 14px; }
.top-right .lang-modal { margin-inline-end: 0; }
.lang-corner { position: absolute; top: 16px; inset-inline-end: 16px; z-index: 10; }
.lang-corner .lang-modal { margin-inline-end: 0; }

.lang-modal { margin-inline-end: var(--sp-2); position: relative; }
.lang-trigger {
  list-style: none; cursor: pointer; display: flex; align-items: center; gap: 7px;
  font-size: var(--fs-12); letter-spacing: .05em; color: var(--ink-inverse-muted);
  min-height: 44px; padding: 6px 9px; border: 1px solid var(--border-dark); border-radius: var(--r-md, 8px);
  transition: color var(--t-base, .2s) var(--ease, ease), border-color var(--t-base, .2s) var(--ease, ease);
}
.lang-trigger::-webkit-details-marker { display: none; }
.lang-trigger:hover { color: var(--ink-inverse); border-color: var(--gold-dim); }
.lang-code { font-weight: var(--fw-600); }

/* ---------------- Overlay (portaled to <body>) ---------------- */
.lang-backdrop { display: none; }
.lang-backdrop.is-open {
  display: block; position: fixed; inset: 0;
  background: rgba(8,19,32,.72);
  -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px);
  z-index: 1099;
}
.lang-panel { display: none; }
.lang-panel.is-open {
  display: flex; flex-direction: column;
  position: fixed; top: 50%; left: 50%;
  transform: translate(-50%,-50%);
  width: min(640px, calc(100vw - 2rem));
  max-height: min(84vh, 640px); overflow: hidden;
  background: linear-gradient(180deg, #16263d 0%, var(--navy-raised, #122135) 40%);
  border: 1px solid var(--gold-dim, rgba(185,151,91,.35));
  border-radius: var(--ra-10); z-index: 1100;
  box-shadow: 0 28px 72px rgba(0,0,0,.55), 0 0 0 1px rgba(185,151,91,.08) inset;
  animation: langPop .16s var(--ease, ease);
}
@keyframes langPop { from { opacity: 0; transform: translate(-50%,-48%); } to { opacity: 1; transform: translate(-50%,-50%); } }
@media (prefers-reduced-motion: reduce) { .lang-panel.is-open { animation: none; } }

/* Sticky chrome: title + search stay put while the grid scrolls. */
.lang-panel-chrome {
  flex: none;
  background: inherit;
  border-bottom: 1px solid var(--border-dark);
  padding-bottom: 4px;
}
.lang-panel-head {
  display: flex; align-items: center; justify-content: space-between;
  padding: 20px 20px 12px;
}
.lang-panel-head strong {
  font-family: var(--font-serif); font-size: var(--fs-20); line-height: 1.2;
  color: var(--ink-inverse); font-weight: var(--fw-600); letter-spacing: .01em;
}
.lang-x {
  cursor: pointer; color: var(--ink-inverse-muted); font-size: var(--fs-20); line-height: 1;
  width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center;
  border-radius: var(--ra-10); border: 1px solid transparent;
}
.lang-x:hover { color: var(--ink-inverse); background: var(--navy); border-color: var(--border-dark); }

.lang-search-wrap {
  position: relative;
  margin: 0 20px 16px;
}
.lang-search-wrap::before {
  content: "";
  position: absolute; inset-inline-start: 14px; top: 50%;
  width: 16px; height: 16px; transform: translateY(-50%);
  background: no-repeat center / 16px 16px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2393A3B5' stroke-width='1.5'><circle cx='6.5' cy='6.5' r='4.2'/><path d='M10 10l3.2 3.2' stroke-linecap='round'/></svg>");
  pointer-events: none; opacity: .9;
}
.lang-search {
  width: 100%; box-sizing: border-box;
  padding: .75rem 1rem .75rem 2.5rem;
  background: var(--navy-deep, #081320);
  border: 1px solid var(--border-dark);
  border-radius: var(--ra-10); color: var(--ink-inverse);
  font-family: var(--font-sans); font-size: var(--fs-16);
  transition: border-color .15s ease, box-shadow .15s ease;
}
.lang-search::placeholder { color: var(--ink-inverse-muted); }
.lang-search:focus {
  outline: none;
  border-color: var(--gold-dim);
  box-shadow: var(--sh-1);
}
.lang-search::-webkit-search-cancel-button { -webkit-appearance: none; }

.lang-grid {
  list-style: none; margin: 0;
  display: grid; grid-template-columns: 1fr; gap: 6px;
  padding: 16px 16px 20px;
  overflow-y: auto; flex: 1 1 auto;
  min-height: 0;
  scrollbar-gutter: stable;
}
@media (min-width: 560px) {
  .lang-grid {
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 16px 20px 22px;
  }
}
.lang-grid a {
  display: flex; align-items: center; gap: 12px;
  min-height: 48px;
  padding: 10px 14px;
  border-radius: var(--ra-10);
  border: 1px solid transparent;
  color: var(--ink-inverse);
  text-decoration: none;
  font-size: var(--fs-16); font-weight: var(--fw-500); line-height: 1.25;
  transition: background .12s ease, border-color .12s ease, color .12s ease;
}
.lang-grid a:hover {
  background: rgba(255,255,255,.04);
  border-color: var(--border-dark);
  color: var(--ink-inverse);
}
.lang-grid a:focus-visible {
  outline: 2px solid var(--gold-strong);
  outline-offset: 2px;
}
.lang-grid a[aria-current="true"] {
  color: var(--gold-strong);
  background: rgba(185,151,91,.12);
  border-color: rgba(185,151,91,.4);
  box-shadow: inset 3px 0 0 var(--gold);
  font-weight: var(--fw-600);
}
.lang-grid .flag {
  width: 28px; height: 28px;
  box-shadow: 0 0 0 1px rgba(255,255,255,.12) inset, 0 1px 2px rgba(0,0,0,.25);
}
.lang-grid li.hide { display: none; }
.lang-empty { display: none; padding: 8px 22px 22px; color: var(--ink-inverse-muted); font-size: var(--fs-14); }
.lang-empty.show { display: block; }

/* ---------------- Round flags ---------------- */
.flag { display: inline-block; width: 18px; height: 18px; border-radius: var(--ra-circle); background-size: cover; background-position: center; flex: none; box-shadow: 0 0 0 1px rgba(255,255,255,.1) inset; }
.flag-en { background-image: url(/assets/flags/en.svg); }
.flag-pt { background-image: url(/assets/flags/pt.svg); }
.flag-es { background-image: url(/assets/flags/es.svg); }
.flag-fr { background-image: url(/assets/flags/fr.svg); }
.flag-de { background-image: url(/assets/flags/de.svg); }
.flag-it { background-image: url(/assets/flags/it.svg); }
.flag-ja { background-image: url(/assets/flags/ja.svg); }
.flag-ko { background-image: url(/assets/flags/ko.svg); }
.flag-zh { background-image: url(/assets/flags/zh.svg); }
.flag-nl { background-image: url(/assets/flags/nl.svg); }
.flag-sv { background-image: url(/assets/flags/sv.svg); }
.flag-da { background-image: url(/assets/flags/da.svg); }
.flag-no { background-image: url(/assets/flags/no.svg); }
.flag-fi { background-image: url(/assets/flags/fi.svg); }
.flag-pl { background-image: url(/assets/flags/pl.svg); }
.flag-cs { background-image: url(/assets/flags/cs.svg); }
.flag-vi { background-image: url(/assets/flags/vi.svg); }
.flag-ar { background-image: url(/assets/flags/ar.svg); }

/* ---------------- RTL ----------------
   The layout itself mirrors automatically: every directional rule in the pages uses
   logical properties (margin-inline-*, padding-inline-*, border-inline-*, inset-inline-*,
   text-align: start/end), so `dir="rtl"` on <html> flips them. Only the pieces CSS
   logic cannot infer are listed here.

   Deliberately NOT mirrored: the expand chevrons (built from physical border-right +
   border-bottom + rotate) point down/up, which reads the same in any script. */

/* The marquee scrolls toward the start edge. In RTL that edge is on the right, so the
   track has to travel the other way or the strip drifts off-screen. */
[dir="rtl"] .ticker-track { animation-name: tickmove-rtl; }
@keyframes tickmove-rtl { from { transform: translateX(0); } to { transform: translateX(50%); } }

/* Force LTR ONLY on elements whose content is entirely Latin/numeric: a wallet
   address or a language code. Do NOT do this to elements that merely CONTAIN a
   price (.num, .ticker-track): they hold Arabic prose too, and forcing the whole
   run to LTR throws the sentence's final period to the wrong edge and detaches the
   currency sign. The browser's own bidi algorithm already places "$139" correctly
   inside Arabic text. */
[dir="rtl"] .pay-addr,
[dir="rtl"] .phone-input .dial,
[dir="rtl"] .lang-code { direction: ltr; unicode-bidi: isolate; }
/* The phone field itself is a Latin-numeric entry box in every locale. */
[dir="rtl"] .phone-input input { direction: ltr; text-align: start; }

/* The country list is Latin throughout ("Brazil (+55)"). CSS cannot reach inside an
   <option>, so the whole control is set LTR: that keeps "(+55)" from rendering as
   "(55+)" while the field itself stays in its mirrored place in the RTL form. */
[dir="rtl"] .phone-row select { direction: ltr; }

/* Arabic needs a little more line height to stay legible at these sizes. */
[dir="rtl"] body { line-height: 1.8; }

/* ---------------- Ordane Verifiable commercial system ----------------
   Shared by the six-block homepage and the evidence/tool pages. The
   `ord-site` namespace keeps the release isolated from legacy documents. */
.ord-site {
  --navy: #07111f;
  --navy-raised: #0b192a;
  --navy-soft: #102238;
  --ink-inverse: #f5f2ea;
  --ink-inverse-muted: #aab5c3;
  --ink: #152235;
  --paper: #f4f1e9;
  --paper-2: #ebe6da;
  --gold: #c5a471;
  --gold-strong: #f0e0c0;
  --gold-dim: rgba(197, 164, 113, .45);
  /* Official logo metal — sampled from lockup (bronze #91684a → champagne #fff4d6). Accent only. */
  --gold-metal: linear-gradient(145deg, #91684a 0%, #c5a471 34%, #fff4d6 52%, #d8b88a 72%, #91684a 100%);
  --gold-metal-soft: linear-gradient(95deg, #91684a 0%, #e8d2b0 42%, #fff4d6 58%, #c5a471 100%);
  --gold-metal-text: #fff4d6;
  --gold-metal-deep: #91684a;
  --green: #69c59a;
  --red: #ed8b83;
  --amber: #f0bd69;
  --border-dark: rgba(255,255,255,.12);
  --shadow: var(--sh-3);
  --container: 74rem;
  --text-12: var(--fs-12);
  --text-14: var(--fs-14);
  --text-16: var(--fs-16);
  --text-20: var(--fs-20);
  --text-32: var(--fs-fluid-40-32);
  --text-48: var(--fs-fluid-72-40);
  --sp-1: .35rem;
  --sp-2: .7rem;
  --sp-3: 1rem;
  --sp-4: 1.5rem;
  --sp-5: 2.2rem;
  --sp-6: 3.5rem;
  --r-md: var(--ra-10);
  --r-pill: var(--ra-pill);
  --font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-sans: "Inter", Arial, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-sans);
  line-height: 1.6;
  text-rendering: optimizeLegibility;
}
.ord-site *, .ord-site *::before, .ord-site *::after { box-sizing: border-box; }

/* Public interface typography. Journal uses ui.blog-congelada.css instead. */
body, body.ord-site { --font-serif: var(--font-sans); }
:where(code, pre, kbd, samp) { font-family: var(--font-mono); }
:where(button, input, select, textarea) { font-family: var(--font-sans); }

/* O PISO DA ENTRELINHA DOS TITULOS.
   Medido em 17/09/2026: o h1 da pagina verify renderizava 40px de corpo com
   40,8px de entrelinha, razao 1,02, e quebrava em duas linhas no telefone.
   Contado nas 19 paginas em dois viewports: 26 titulos e paragrafos abaixo do
   piso. max() so SOBE quem esta abaixo; quem ja esta acima nao e tocado. */
.ord-site h1,
.ord-site h2,
.ord-site h3 {
  line-height: max(var(--lh-titulo), 1.12);
}


/* CONTROLE HERDA A FONTE DO SITE.
   Sem isto o navegador aplica a fonte do sistema em button, input, select e
   textarea. Medido antes: 8 nos em Arial na home e 14 no corpus, incluindo
   cinco botoes de captura de lead ao lado de texto em Inter. */
.ord-site button,
.ord-site input,
.ord-site select,
.ord-site textarea {
  font-family: inherit;
  font-size: inherit;
}

.ord-site a { color: inherit; }
.ord-site img, .ord-site svg { max-width: 100%; }
.ord-site :focus-visible { outline: 3px solid var(--ink-inverse); outline-offset: 2px; box-shadow: var(--sh-1); }
.ord-site .lang-search:focus-visible { outline: 3px solid var(--gold-strong); outline-offset: 2px; box-shadow: none; border-color: var(--gold-strong); }
.ord-site .lang-grid a { color: var(--ink-inverse); }
.ord-site .lang-grid a:hover {
  background: rgba(255,255,255,.04);
  border-color: var(--border-dark);
  color: var(--ink-inverse);
}
.ord-site .lang-grid a:focus-visible {
  outline: 2px solid var(--gold-strong);
  outline-offset: 2px;
  background: rgba(255,255,255,.04);
  color: var(--ink-inverse);
}
.ord-site .lang-grid a[aria-current="true"] {
  color: var(--gold-strong);
  background: rgba(185,151,91,.12);
  border-color: rgba(185,151,91,.4);
  box-shadow: inset 3px 0 0 var(--gold);
  font-weight: var(--fw-600);
}
.ord-site .skip-link { position: fixed; inset-block-start: .5rem; inset-inline-start: .5rem; z-index: 2000; transform: translateY(-150%); padding: .65rem 1rem; background: var(--gold-strong); color: var(--navy); font-weight: var(--fw-700); border-radius: var(--r-md); }
.ord-site .skip-link:focus { transform: none; }
.ord-shell { width: min(calc(100% - 2rem), var(--container)); margin-inline: auto; }
.ord-top { position: sticky; top: 0; z-index: 100; background: rgba(7,17,31,.94); border-bottom: 1px solid var(--border-dark); backdrop-filter: blur(16px); }
.ord-nav { min-height: 68px; display: flex; align-items: center; gap: 1.25rem; }
.ord-site .ord-brand { display: inline-flex; align-items: center; gap: .7rem; text-decoration: none; color: var(--ink-inverse); letter-spacing: .18em; font-weight: var(--fw-700); font-size: var(--fs-16); white-space: nowrap; }
.ord-brand-logo {
  display: block;
  height: 40px;
  width: auto;
  max-width: min(148px, 58vw);
  object-fit: contain;
  object-position: left center;
  border-radius: 0;
  /* Lockup horizontal (~2.75:1); never force a square tile */
  aspect-ratio: auto;
}
.ord-footer .ord-brand-logo { height: 38px; max-width: 140px; }
.wordmark .ord-brand-logo { height: 36px; max-width: 132px; }
/* Legacy CSS mark kept for any residual markup; official asset is .ord-brand-logo */
.ord-brand-mark { width: 31px; height: 31px; display: grid; place-items: center; border: 1px solid var(--gold-dim); color: var(--gold-strong); border-radius: var(--ra-circle); font-family: var(--font-serif); font-size: var(--fs-16); letter-spacing: 0; }
.ord-nav-toggle, .ord-nav-links .ord-nav-mobile-only { display: none; }
.ord-nav-links { margin-inline-start: auto; display: flex; align-items: center; gap: 1.2rem; list-style: none; padding: 0; margin-block: 0; }
/* O mesmo cabecalho roda nas paginas de documento (rulebook, terms, privacy,
   refund, accounts, why), que trazem CSS proprio com `li { margin-bottom }` e
   `p { margin-bottom }`. Sem esta trava o menu herda a margem do corpo do
   documento e o header cresce de 69px para 165px. */
.ord-nav-links > li, .ord-menu-panel > a { margin: 0; }
/* 1rem = 16px. Abaixo disso o menu fica ilegivel em tela cheia; a versao
   anterior usava .92rem (14.7px) e .8rem (12.8px) no mobile. */
.ord-nav-links > li > a, .ord-menu > summary { color: var(--ink-inverse-muted); text-decoration: none; font-size: var(--fs-16); font-weight: var(--fw-700); letter-spacing: .01em; cursor: pointer; list-style: none;
  /* Alvo de toque. A norma pede 24x24 CSS px no minimo; no celular estes
     links tinham 18px de altura. O respiro vertical nao muda a altura do
     cabecalho no desktop, que e ditada pelo botao e pela marca. */
  display: inline-flex; align-items: center; min-height: 36px; }
.ord-menu > summary::-webkit-details-marker { display: none; }
.ord-menu > summary::after { content: " +"; color: var(--gold-strong); }
.ord-nav-links > li > a:hover, .ord-nav-links > li > a:focus-visible, .ord-menu > summary:hover, .ord-menu > summary:focus-visible { color: var(--ink-inverse); }
.ord-menu { position: relative; }
.ord-menu-panel { position: absolute; inset-block-start: calc(100% + 1rem); inset-inline-start: -.8rem; min-width: 245px; padding: .55rem; background: var(--navy-raised); border: 1px solid var(--border-dark); border-radius: var(--r-md); box-shadow: var(--shadow); }
.ord-menu-panel a { display: flex; align-items: center; min-height: 44px; padding: .75rem .85rem; text-decoration: none; color: var(--ink-inverse-muted); font-size: var(--fs-16); border-radius: var(--r-md); }
.ord-menu-panel a:hover, .ord-menu-panel a:focus-visible { background: rgba(255,255,255,.05); color: var(--ink-inverse); }
.ord-nav-actions { display: flex; align-items: center; gap: .65rem; }
/* Entrada de acesso, ao lado do CTA: link de texto, nao segundo botao, para nao
   competir com "Choose your account", que continua sendo a acao principal. */
/* Precisa vencer `.ord-site a { color: inherit }`, senao o link herda a cor do
   contexto e some no cabecalho escuro. */
.ord-site .ord-nav-login { display: inline-flex; align-items: center; min-height: 44px; padding-inline: .4rem; color: var(--ink-inverse-muted); font-size: var(--fs-16); font-weight: var(--fw-700); letter-spacing: .01em; text-decoration: none; white-space: nowrap; transition: color .18s ease; }
.ord-site .ord-nav-login:hover, .ord-site .ord-nav-login:focus-visible { color: var(--ink-inverse); }
.ord-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .72rem 1.05rem; border: 1px solid transparent; border-radius: var(--r-md); text-decoration: none; font-size: var(--text-14); font-weight: var(--fw-700); letter-spacing: .01em; transition: transform .18s ease, background .18s ease, border-color .18s ease; cursor: pointer; }
.ord-btn:hover { transform: translateY(-1px); }
.ord-site .ord-btn-primary {
  background: var(--gold-metal);
  color: var(--navy);
  border-color: transparent;
  border-radius: var(--r-pill);
  box-shadow: var(--sh-metal-gold);
}
.ord-site .ord-btn-primary:hover {
  background: linear-gradient(145deg, #a67852 0%, #d4b896 34%, #fff8e8 52%, #e0c581 72%, #a67852 100%);
  color: var(--navy);
}
.ord-site .ord-kicker { background-image: var(--gold-metal-soft); -webkit-background-clip: text; background-clip: text; color: transparent; }
@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
  .ord-site .ord-kicker { color: var(--gold-metal-text); background-image: none; }
}
.ord-site .ord-btn-secondary {
  border: 1px solid transparent;
  border-radius: var(--r-pill);
  color: var(--ink-inverse);
  /* Metal on the border only — without clip the gold fill paints the whole face and washes out white type. */
  background:
    linear-gradient(#0b192a, #0b192a) padding-box,
    var(--gold-metal) border-box;
  background-clip: padding-box, border-box;
}
.ord-site .ord-btn-secondary:hover {
  color: var(--gold-metal-text);
  border-color: transparent;
  background:
    linear-gradient(#122338, #122338) padding-box,
    var(--gold-metal) border-box;
  background-clip: padding-box, border-box;
}
.ord-site .ord-btn-ink { background: var(--navy); color: var(--ink-inverse); }
.ord-site .ord-btn-ink:hover { color: var(--ink-inverse); background: #10243b; }
.ord-site .ord-btn-quiet { border-color: rgba(21,34,53,.18); color: var(--ink); background: transparent; }
.ord-site .ord-btn-quiet:hover { color: var(--ink); border-color: var(--gold); }
.ord-kicker { margin: 0 0 .8rem; color: var(--gold-strong); font-size: var(--text-12); line-height: 1.2; font-weight: var(--fw-700); letter-spacing: .17em; text-transform: uppercase; }
/* --slate nunca existiu: o var() sem definicao derrubava a declaracao e este
   kicker herdava a cor do pai. Achado pela trava de token orfao em
   17/09/2026. O tom certo aqui e o secundario da paleta clara. */
.ord-light .ord-kicker { color: var(--ink-muted, #586575); }
.ord-title { margin: 0; font-family: var(--font-serif); font-weight: var(--fw-400); letter-spacing: -.035em; line-height: 1.02; }
.ord-section-title { font-size: var(--text-32); }
.ord-lead { max-width: 46rem; color: var(--ink-inverse-muted); font-size: var(--text-20); }
.ord-light .ord-lead { color: #586575; }
.ord-hero { min-height: min(calc(100svh - 68px), 780px); display: grid; align-items: center; overflow-x: clip; overflow-y: visible; background: var(--navy); color: var(--ink-inverse); position: relative; }
.ord-hero::before { content: ""; position: absolute; inset: -8%; background: radial-gradient(640px 420px at 78% 18%, rgba(255,244,214,.14), transparent 65%), radial-gradient(520px 380px at 12% 85%, rgba(145,104,74,.1), transparent 60%); pointer-events: none; will-change: transform; }
@keyframes ordAmbientDrift {
  0%, 100% { transform: translate3d(0, 0, 0) scale(1); opacity: .85; }
  50% { transform: translate3d(-3%, 2.5%, 0) scale(1.08); opacity: 1; }
}
@keyframes ordProofIn {
  from { opacity: 0; transform: translate3d(0, 22px, 0) scale(.97); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}
@keyframes ordProofRowIn {
  from { opacity: 0; transform: translate3d(0, 12px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes ordProofSheen {
  0%, 100% {
    border-color: rgba(199, 167, 102, .35);
    box-shadow: var(--shadow);
  }
  50% {
    border-color: rgba(199, 167, 102, .85);
    box-shadow: var(--shadow);
  }
}
@keyframes ordProofScan {
  0% { transform: translateY(-120%); opacity: 0; }
  15% { opacity: .55; }
  50% { opacity: .35; }
  85% { opacity: .55; }
  100% { transform: translateY(220%); opacity: 0; }
}
@keyframes ordStatusPulse {
  0%, 100% { transform: scale(1); box-shadow: var(--sh-1); }
  50% { transform: scale(1.35); box-shadow: var(--sh-1); }
}
@keyframes ordBadgeBreath {
  0%, 100% { background: rgba(105, 197, 154, .12); }
  50% { background: rgba(105, 197, 154, .28); }
}
@keyframes ordMarkPulse {
  0%, 100% { transform: scale(1); opacity: .85; filter: drop-shadow(0 0 0 rgba(199, 167, 102, 0)); }
  50% { transform: scale(1.12); opacity: 1; filter: drop-shadow(0 0 6px rgba(199, 167, 102, .55)); }
}
@keyframes ordRingDraw {
  0% { stroke-dashoffset: 96; opacity: .35; }
  40% { stroke-dashoffset: 0; opacity: 1; }
  100% { stroke-dashoffset: 0; opacity: 1; }
}
@keyframes ordCopyIn {
  from { opacity: 0; transform: translate3d(0, 16px, 0); }
  to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes ordRowLive {
  0%, 100% { background: transparent; }
  50% { background: rgba(199, 167, 102, .07); }
}
.ord-hero-grid {
  display: grid;
  grid-template-columns: minmax(0,1.25fr) minmax(300px,380px);
  grid-template-areas: "copy proof";
  gap: clamp(2rem,4vw,3.5rem) clamp(2.75rem,5.5vw,5rem);
  align-items: center;
  padding-block: var(--sec);
  position: relative;
}
.ord-hero-copy { grid-area: copy; align-self: center; max-width: 40rem; }
.ord-proof-card {
  grid-area: proof;
  align-self: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.ord-entity {
  margin: 1.5rem 0 0; max-width: 52rem;
  color: #9aa6b4;
  font-size: var(--fs-12); line-height: 1.5;
  text-wrap: pretty;
}
.ord-footer .ord-entity { border-top: 1px solid var(--border-dark); padding-top: 1.25rem; margin-top: 1.75rem; }
.ord-hero-trust { margin-top: 1.35rem; gap: .55rem 1.4rem; font-size: var(--fs-12); }
.ord-hero h1 { max-width: 9em; font-size: var(--text-48); line-height: 1.05; letter-spacing: -.04em; text-wrap: balance; }
.ord-hero-qa { margin: 0; }
.ord-hero h1 .ord-hero-q {
  color: inherit;
  text-decoration: none;
}
.ord-hero h1 .ord-hero-q:hover,
.ord-hero h1 .ord-hero-q:focus-visible {
  color: var(--gold-metal-text, #c7a766);
}
.ord-hero-lead a {
  color: inherit;
  text-decoration: none;
}
.ord-hero-lead a:hover,
.ord-hero-lead a:focus-visible {
  color: var(--ink-inverse, #fff);
}
.ord-hero-mark { display: block; width: 2.4rem; margin-bottom: .7rem; color: var(--gold-strong); }
.ord-proof-mark svg { display: block; width: 100%; height: auto; }
.ord-hero .ord-kicker { margin-bottom: .55rem; font-size: var(--fs-12); letter-spacing: .18em; }
.ord-hero-kicker {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .2rem;
  line-height: 1.25;
}
.ord-hero-kicker br { display: none; }
[dir="rtl"] .ord-hero-kicker { align-items: flex-end; }
.ord-brand-line { margin: 0 0 .65rem; color: var(--ink-inverse-muted); letter-spacing: .16em; font-size: var(--text-12); font-weight: var(--fw-700); text-transform: uppercase; }
.ord-hero .ord-lead { max-width: 34rem; margin: 1rem 0 0; font-size: var(--fs-fluid-16); line-height: 1.55; text-wrap: pretty; opacity: .94; }
.ord-hero-lead {
  list-style: none;
  margin: 1rem 0 0;
  padding: 0;
  max-width: 34rem;
  color: var(--ink-inverse-muted);
  font-size: var(--fs-fluid-16);
  line-height: 1.45;
  opacity: .94;
}
.ord-hero-lead li {
  position: relative;
  margin: 0;
  padding: .2rem 0 .2rem 1.1rem;
}
.ord-hero-lead li::before {
  content: "";
  position: absolute;
  inset-inline-start: 0;
  top: .85em;
  width: .45rem;
  height: 1px;
  background: var(--gold-metal-text, #c7a766);
  opacity: .85;
}
.ord-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.5rem; }
.ord-hero .ord-actions { margin-top: 1.6rem; gap: .85rem; }
.ord-hero .ord-actions .ord-btn { min-height: 50px; padding: .85rem 1.4rem; font-size: var(--fs-16); }
.ord-hero-fact {
  margin: 1.15rem 0 0;
  color: var(--ink-inverse-muted);
  font-size: var(--fs-12);
  line-height: 1.5;
}
/* Selo de reviews de terceiros. Numero sempre com fonte e data, lidos de
   config/commercial-fact-contract.json (facts.third_party_reviews). */
.ord-review-badge {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  margin-top: 1.1rem;
  padding: .55rem .95rem .55rem .7rem;
  border: 1px solid rgba(199,167,102,.38);
  border-radius: var(--ra-pill, 999px);
  background: rgba(255,255,255,.04);
  color: var(--ink-inverse);
  text-decoration: none;
  line-height: 1.25;
  transition: border-color .2s ease, background-color .2s ease;
}
.ord-review-badge:hover { border-color: var(--gold, #c7a766); background: rgba(199,167,102,.08); }
.ord-review-badge:focus-visible { outline: 3px solid var(--ink-inverse); outline-offset: 3px; }
.ord-review-star { color: var(--gold, #c7a766); font-size: var(--fs-20); line-height: 1; }
.ord-review-text { display: flex; flex-direction: column; gap: .1rem; }
.ord-review-text strong { font-size: var(--fs-14); font-weight: var(--fw-700, 700); }
.ord-review-meta { color: var(--ink-inverse-muted); font-size: var(--fs-12); }
.ord-review-out { color: var(--gold, #c7a766); font-size: var(--fs-14); }
.ord-proof-card {
  padding: 1rem 1.1rem;
  border: 1px solid transparent;
  border-radius: var(--r-md);
  background:
    linear-gradient(150deg, var(--navy-soft), var(--navy)) padding-box,
    var(--gold-metal) border-box;
  box-shadow: var(--shadow), 0 0 0 1px rgba(145,104,74,.12), 0 18px 48px rgba(145,104,74,.12);
  position: relative;
  overflow: hidden;
}
.ord-proof-head {
  display: flex;
  align-items: center;
  gap: .55rem;
  padding: 0 0 .55rem;
  border-bottom: 1px solid rgba(255,244,214,.14);
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: var(--fs-12);
  color: var(--gold-metal-text);
}
.ord-proof-head strong {
  background-image: var(--gold-metal-soft);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ord-proof-mark { width: 1.35rem; flex: none; color: var(--gold-metal-text); }
.ord-proof-list { display: grid; }
.ord-proof-row { display: grid; grid-template-columns: 1fr auto; gap: .75rem; align-items: center; padding: .55rem 0; border-bottom: 1px solid var(--border-dark); background: transparent; }
.ord-proof-row:last-child { border-bottom: 0; }
/* The three rows are links: each one opens the document that proves its claim.
   A card that says "verify before you pay" and cannot be clicked is asking for
   trust instead of giving evidence. The whole row is the target, not the title,
   so the hit area is the full width on a phone. */
a.ord-proof-row { color: inherit; text-decoration: none; cursor: pointer; padding-inline: .4rem; margin-inline: -.4rem; border-radius: var(--r-md); transition: background-color .18s ease, transform .18s ease; }
a.ord-proof-row:hover { background: rgba(255,255,255,.05); }
a.ord-proof-row:hover strong { text-decoration: underline; text-underline-offset: 2px; }
a.ord-proof-row:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; background: rgba(255,255,255,.05); }
@media (prefers-reduced-motion: reduce) { a.ord-proof-row { transition: none; } }
.ord-proof-row strong { font-size: var(--fs-14); color: var(--ink-inverse); }
.ord-proof-row small { display: block; color: var(--ink-inverse-muted); margin-top: .1rem; font-size: var(--fs-12); }
.ord-proof-foot { margin: .55rem 0 0; color: var(--ink-inverse-muted); font-size: var(--fs-12); }
.ord-hero .ord-status { padding: .2rem .42rem; font-size: var(--fs-12); gap: .3rem; }
.ord-hero .ord-status::before { width: 5px; height: 5px; }
.ord-status { display: inline-flex; align-items: center; gap: .4rem; padding: .32rem .55rem; border-radius: var(--r-md); font-size: var(--text-12); letter-spacing: .09em; font-weight: var(--fw-700); text-transform: uppercase; white-space: nowrap; }
.ord-status::before { content: ""; width: 6px; height: 6px; border-radius: var(--ra-circle); background: currentColor; }
.ord-status-published, .ord-status-verified, .ord-status-operational { background: rgba(105,197,154,.12); color: var(--green); }
.ord-status-pending, .ord-status-review { background: rgba(240,189,105,.12); color: var(--amber); }

/* Hero / VERIFY motion — desk + mobile. Continuous + entrance. Reduced-motion kills it. */
@media (prefers-reduced-motion: no-preference) {
  .ord-hero::before { animation: ordAmbientDrift 10s ease-in-out infinite; will-change: transform; }
  .ord-hero-copy > * {
    animation: ordCopyIn .7s cubic-bezier(.22, 1, .36, 1) both;
  }
  .ord-hero-copy > *:nth-child(1) { animation-delay: .05s; }
  .ord-hero-copy > *:nth-child(2) { animation-delay: .12s; }
  .ord-hero-copy > *:nth-child(3) { animation-delay: .2s; }
  .ord-hero-copy > *:nth-child(4) { animation-delay: .28s; }
  .ord-hero-copy > *:nth-child(5) { animation-delay: .36s; }
  .ord-hero-copy > *:nth-child(6) { animation-delay: .44s; }
  .ord-hero .ord-proof-card {
    animation: ordProofIn .75s cubic-bezier(.22, 1, .36, 1) .15s both, ordProofSheen 2.8s ease-in-out .9s infinite;
  }
  .ord-hero .ord-proof-card::after {
    content: "";
    position: absolute;
    left: 0; right: 0;
    height: 38%;
    top: 0;
    background: linear-gradient(180deg, transparent, rgba(255, 244, 214, .2), transparent);
    pointer-events: none;
    animation: ordProofScan 3.2s ease-in-out infinite;
  }
  .ord-hero .ord-proof-row {
    animation: ordProofRowIn .5s cubic-bezier(.22, 1, .36, 1) both;
    border-radius: var(--r-md);
    margin-inline: -.2rem;
    padding-inline: .2rem;
  }
  .ord-hero .ord-proof-row:nth-child(1) { animation-delay: .35s; }
  .ord-hero .ord-proof-row:nth-child(2) { animation-delay: .48s; }
  .ord-hero .ord-proof-row:nth-child(3) { animation-delay: .6s; }
  .ord-hero .ord-proof-row:nth-child(1) { animation-name: ordProofRowIn, ordRowLive; animation-duration: .5s, 4.8s; animation-delay: .35s, 1.2s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
  .ord-hero .ord-proof-row:nth-child(2) { animation-name: ordProofRowIn, ordRowLive; animation-duration: .5s, 4.8s; animation-delay: .48s, 2.8s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
  .ord-hero .ord-proof-row:nth-child(3) { animation-name: ordProofRowIn, ordRowLive; animation-duration: .5s, 4.8s; animation-delay: .6s, 4.4s; animation-iteration-count: 1, infinite; animation-fill-mode: both, none; }
  .ord-hero .ord-proof-foot {
    animation: ordProofRowIn .5s cubic-bezier(.22, 1, .36, 1) .72s both;
  }
  .ord-hero .ord-status {
    animation: ordBadgeBreath 2s ease-in-out infinite;
  }
  .ord-hero .ord-status::before {
    animation: ordStatusPulse 1.4s ease-in-out infinite;
  }
  .ord-proof-mark {
    animation: ordMarkPulse 2.2s ease-in-out infinite;
  }
  .ord-proof-ring {
    stroke-dasharray: 96;
    stroke-dashoffset: 0;
    transform-origin: 32px 20px;
    animation: ordRingDraw 1.1s cubic-bezier(.22, 1, .36, 1) .2s both;
  }
}
.ord-trust-line { display: flex; flex-wrap: wrap; gap: .6rem 1.4rem; margin-top: 1.5rem; color: var(--ink-inverse-muted); font-size: var(--fs-12); }
.ord-trust-line span::before {
  content: "✓";
  margin-inline-end: .4rem;
  background-image: var(--gold-metal-soft);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.ord-light { background: var(--paper); color: var(--ink); }
.ord-dark { background: var(--navy); color: var(--ink-inverse); }
.ord-soft { background: var(--paper-2); color: var(--ink); }
/* Mais claro/creme a pedido de 24/09 ("fugiu do padrao da pagina"): mesma
   forma de gradiente (5 paradas, escuro-claro-escuro), tons um degrau mais
   claros nos tokens ja existentes, e texto escuro porque o fundo passou a
   ser claro em toda a extensao (ink-inverse deixaria de ler). */
.ord-bronze { background: linear-gradient(180deg, var(--gold) 0%, var(--gold) 30%, var(--gold-metal-text) 50%, var(--gold) 70%, var(--gold) 100%); color: var(--ink); }
.ord-bronze .ord-kicker { color: #6d4f30; background-image: none; -webkit-background-clip: initial; background-clip: initial; }
.ord-bronze .ord-section-head p { color: #4a3a28; }
.ord-bronze .ord-inline-note { color: #4a3a28; }
.ord-bronze .ord-text-link { color: var(--ink); text-decoration-color: rgba(21,34,53,.4); }
.ord-bronze .ord-section-cta span { color: #4a3a28; }
.ord-proof-strip {
  padding-block: clamp(2.4rem, 5vw, 3.6rem);
  background:
    radial-gradient(520px 220px at 8% 0%, rgba(145,104,74,.08), transparent 70%),
    var(--paper-2);
  color: var(--ink);
  border-bottom: 1px solid rgba(21,34,53,.12);
  overflow-x: clip;
}
.ord-proof-strip-kicker {
  margin: 0 0 .55rem;
  letter-spacing: .16em;
}
.ord-proof-strip-entity {
  max-width: 52rem;
  margin: 0 0 1.5rem;
  color: #475667;
  font-size: var(--fs-16);
  line-height: 1.55;
  text-wrap: pretty;
}
.ord-proof-strip-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.1rem;
}
.ord-proof-strip-item {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100%;
  padding: 1.35rem 1.4rem 1.35rem 1.55rem;
  border: 1px solid rgba(21,34,53,.14);
  border-radius: var(--r-md);
  background: rgba(255,255,255,.78);
  box-shadow: var(--sh-3);
  overflow: hidden;
  scroll-margin-top: 5.5rem;
  transition: border-color .35s ease, box-shadow .35s ease, transform .35s ease;
}
.ord-proof-strip-beat {
  position: absolute;
  top: .95rem;
  inset-inline-end: 1rem;
  font-family: var(--font-serif);
  font-size: var(--fs-14);
  letter-spacing: .04em;
  color: rgba(145, 104, 74, .55);
  line-height: 1;
}
.ord-proof-strip-item::before {
  content: "";
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  width: 3px;
  background: var(--gold-metal, linear-gradient(180deg, #e8d3a4, #91684a));
  opacity: .9;
}
.ord-proof-strip-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 38%, rgba(255,244,214,.28) 50%, transparent 62%);
  transform: translateX(-130%);
  pointer-events: none;
  opacity: 0;
}
.ord-proof-strip-item:hover {
  border-color: rgba(145, 104, 74, .38);
  box-shadow: var(--sh-3);
  transform: translateY(-3px);
}
.ord-proof-strip-item .ord-kicker {
  margin-bottom: .5rem;
  padding-inline-end: 2rem;
  color: #667386;
}
.ord-proof-strip-item h2 {
  margin: 0;
  font-family: var(--font-serif);
  font-size: var(--fs-fluid-20);
  font-weight: var(--fw-500);
  line-height: 1.2;
}
.ord-proof-strip-item > p:not(.ord-kicker) {
  margin: .7rem 0 .95rem;
  color: #586575;
  font-size: var(--fs-14);
  line-height: 1.55;
  flex: 1;
}
.ord-proof-strip-item .ord-text-link {
  margin-top: auto;
  font-weight: var(--fw-700);
}
@keyframes ordProofStripIn {
  from { opacity: 0; transform: translateX(-32px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes ordProofStripInRtl {
  from { opacity: 0; transform: translateX(32px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes ordProofStripSheen {
  0% { opacity: 0; transform: translateX(-130%); }
  18% { opacity: 1; }
  100% { opacity: 0; transform: translateX(130%); }
}
/* Motion only when JS marks .js-motion — without JS, cards stay visible. */
@media (prefers-reduced-motion: no-preference) {
  .ord-proof-strip.js-motion:not(.is-in) .ord-proof-strip-kicker,
  .ord-proof-strip.js-motion:not(.is-in) .ord-proof-strip-entity,
  .ord-proof-strip.js-motion:not(.is-in) .ord-proof-strip-item {
    opacity: 0;
    transform: translateX(-32px);
  }
  [dir="rtl"] .ord-proof-strip.js-motion:not(.is-in) .ord-proof-strip-kicker,
  [dir="rtl"] .ord-proof-strip.js-motion:not(.is-in) .ord-proof-strip-entity,
  [dir="rtl"] .ord-proof-strip.js-motion:not(.is-in) .ord-proof-strip-item {
    transform: translateX(32px);
  }
  .ord-proof-strip.js-motion.is-in .ord-proof-strip-kicker {
    animation: ordProofStripIn .5s cubic-bezier(.22, 1, .36, 1) both;
  }
  .ord-proof-strip.js-motion.is-in .ord-proof-strip-entity {
    animation: ordProofStripIn .55s cubic-bezier(.22, 1, .36, 1) .05s both;
  }
  .ord-proof-strip.js-motion.is-in .ord-proof-strip-item {
    animation: ordProofStripIn .65s cubic-bezier(.22, 1, .36, 1) both;
  }
  .ord-proof-strip.js-motion.is-in .ord-proof-strip-item[data-proof-beat="1"] { animation-delay: .1s; }
  .ord-proof-strip.js-motion.is-in .ord-proof-strip-item[data-proof-beat="2"] { animation-delay: .22s; }
  .ord-proof-strip.js-motion.is-in .ord-proof-strip-item[data-proof-beat="3"] { animation-delay: .34s; }
  .ord-proof-strip.js-motion.is-in .ord-proof-strip-item::after {
    animation: ordProofStripSheen 1.05s ease both;
  }
  .ord-proof-strip.js-motion.is-in .ord-proof-strip-item[data-proof-beat="1"]::after { animation-delay: .28s; }
  .ord-proof-strip.js-motion.is-in .ord-proof-strip-item[data-proof-beat="2"]::after { animation-delay: .4s; }
  .ord-proof-strip.js-motion.is-in .ord-proof-strip-item[data-proof-beat="3"]::after { animation-delay: .52s; }
  [dir="rtl"] .ord-proof-strip.js-motion.is-in .ord-proof-strip-kicker,
  [dir="rtl"] .ord-proof-strip.js-motion.is-in .ord-proof-strip-entity,
  [dir="rtl"] .ord-proof-strip.js-motion.is-in .ord-proof-strip-item {
    animation-name: ordProofStripInRtl;
  }
}
/* O RITMO E CONSTANTE. Este clamp rendia 81,92px no desktop e 72px no
   telefone, valores que ninguem escolheu: sao 8vw de uma largura. O token
   diz 80 e 72, que e o mesmo respiro arredondado ao degrau. */
.ord-section { padding-block: var(--sec); }
/* Duas colunas fixas, nao flex com espaco entre.
   Com `justify-content: space-between` a coluna da direita comecava onde o
   texto dela permitisse: 560px numa secao, 794px na outra, 860px na terceira.
   Descendo a home, o paragrafo da direita pulava de lugar a cada secao. Grade
   de 2 colunas ancora todas na mesma linha vertical. */
.ord-section-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: end; gap: 2rem; margin-bottom: 2.2rem; }
.ord-section-head p { max-width: 34rem; margin: 0; color: #5d6977; }
.ord-dark .ord-section-head p { color: var(--ink-inverse-muted); }
.ord-plan-grid { display: grid; grid-template-columns: repeat(5, minmax(0,1fr)); gap: .8rem; }
.ord-plan { position: relative; display: flex; flex-direction: column; min-width: 0; min-height: 365px; padding: 1.35rem; border: 1px solid rgba(21,34,53,.14); border-radius: var(--r-md); background: rgba(255,255,255,.65); container-type: inline-size; }
.ord-plan-featured { border-color: var(--gold); background: #fffdf8; box-shadow: none; }
.ord-tag { align-self: flex-start; padding: .28rem .52rem; background: var(--navy); color: var(--gold-strong); border-radius: var(--r-md); font-size: var(--text-12); font-weight: var(--fw-700); letter-spacing: .1em; text-transform: uppercase; }
.ord-plan h3 { margin: 1.2rem 0 0; font-family: var(--font-serif); font-size: var(--fs-fluid-24); font-size: var(--fs-fluid-32); font-weight: var(--fw-400); line-height: 1.15; max-width: 100%; overflow-wrap: anywhere; }
.ord-price { margin: .25rem 0 .9rem; font-size: var(--text-20); font-weight: var(--fw-700); }
.ord-price small { color: #596676; font-size: var(--fs-12); font-weight: var(--fw-700); }
.ord-plan ul { margin: 0 0 1.3rem; padding: 0; list-style: none; color: #475667; font-size: var(--fs-14); }
.ord-plan li { padding-block: .28rem; }
.ord-plan li::before { content: "—"; color: var(--gold); margin-inline-end: .45rem; }
.ord-plan .ord-btn { margin-top: auto; }
.ord-compare-line { display: flex; align-items: center; justify-content: center; gap: .5rem; flex-wrap: wrap; text-align: center; margin: 0 0 1.1rem; padding: .55rem 1.1rem; border: 1px solid rgba(21,34,53,.14); border-radius: var(--r-md); background: rgba(255,255,255,.5); font-size: var(--fs-14); font-weight: var(--fw-600); color: #102131; }
.ord-compare-line .ord-compare-vs { color: var(--gold); font-weight: var(--fw-700); }
.ord-model-tabs { display: flex; gap: .5rem; flex-wrap: wrap; margin-bottom: 1.1rem; padding: .35rem; border-radius: var(--ra-10); background: rgba(21,34,53,.05); border: 1px solid rgba(21,34,53,.10); }
.ord-model-tabs button { font: inherit; font-weight: var(--fw-600); padding: .72rem 1.05rem; min-height: 44px; border: 1px solid rgba(21,34,53,.14); border-radius: var(--r-md); background: #fff; color: #102131; cursor: pointer; box-shadow: var(--sh-1); transition: transform .18s ease, box-shadow .18s ease, background .18s ease; }
.ord-model-tabs button:hover { transform: translateY(-1px); box-shadow: var(--sh-2); }
.ord-model-tabs button[aria-selected="true"] {
  background: var(--navy);
  color: var(--gold-strong);
  border-color: var(--navy);
  box-shadow: var(--sh-metal-navy);
}
.ord-model-tabs button[aria-selected="true"]:hover { transform: none; box-shadow: var(--sh-metal-navy); }
.ord-model-tabs button:focus-visible { outline: 3px solid var(--gold); outline-offset: 4px; }
.ord-model-row { margin-bottom: 1.3rem; }
.ord-model-head h2 { margin: 0 0 .9rem; font-family: var(--font-serif); font-size: var(--fs-fluid-24-20); font-weight: var(--fw-400); }
.ord-home .ord-hero h1 { max-width: 17ch; font-size: var(--fs-fluid-40); line-height: 1.12; }
.ord-home .ord-hero-copy { min-height: 0; }
.ord-home .ord-hero .ord-lead { font-size: var(--fs-16); line-height: 1.6; }
@media (min-width: 681px) and (max-width: 1120px) {
  .ord-home .ord-hero-copy { max-width: 44rem; }
  .ord-home .ord-hero h1 { max-width: 17ch; }
  .ord-home .ord-proof-card { max-width: 44rem; }
}
@media (max-width: 680px) {
  .ord-home .ord-hero { min-height: 0; }
  .ord-home .ord-hero .ord-hero-copy { min-height: 0; padding-block: .6rem; }
  .ord-home .ord-hero h1 { max-width: 100%; font-size: var(--fs-fluid-72-40); }
  .ord-home .ord-hero .ord-lead { font-size: var(--fs-16); }
  .ord-home .ord-hero .ord-proof-row strong { font-size: var(--fs-14); }
  .ord-home .ord-hero .ord-proof-head { font-size: var(--fs-12); }
}
/* A decorative document and clock supports the published guarantee terms. */
.ord-section-head.ord-guarantee-head { grid-template-columns: minmax(0,1fr) 17.5rem; align-items: center; gap: clamp(1.5rem,4vw,4rem); }
.ord-guarantee-copy > .ord-kicker { margin-top: 0; margin-bottom: .75rem; }
.ord-guarantee-copy > p:last-child { max-width: 46rem; margin-top: 1rem; line-height: 1.6; }
.ord-guarantee-image { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; border-radius: var(--r-md); }
@media (max-width: 760px) {
  .ord-section-head.ord-guarantee-head { display: grid; grid-template-columns: minmax(0,1fr); gap: 1.5rem; }
  .ord-guarantee-image { width: min(12.5rem,100%); justify-self: center; }
}

/* Headline message of the section: a lifted, beveled medallion gives it the
   same visual weight the guarantee photo gives its own section. Subtle 3D
   via layered discs + gradient + drop-shadow, no new image asset. */
.ord-section-head.ord-no-cost-head { grid-template-columns: minmax(0,1fr) 15.5rem; align-items: center; gap: clamp(1.5rem,4vw,4rem); }
.ord-no-cost-copy > .ord-kicker { margin-top: 0; margin-bottom: .75rem; }
.ord-no-cost-copy > p:last-child { max-width: 46rem; margin-top: 1rem; line-height: 1.6; }
.ord-no-cost-medallion { display: block; width: 100%; height: auto; overflow: visible; }
/* Same coin language as the medallion, sized down onto each card's badge. */
#no-per-trade-cost .ord-tool-icon {
  background: radial-gradient(circle at 35% 28%, #1c3350 0%, var(--navy-raised) 55%, #050d18 100%);
  box-shadow: 0 3px 6px rgba(11,25,42,.35), inset 0 1px 0 rgba(245,242,234,.25);
}
#no-per-trade-cost .ord-tool-card {
  box-shadow: 0 16px 32px -20px rgba(11,25,42,.4), 0 2px 8px -3px rgba(11,25,42,.2);
}
#no-per-trade-cost.ord-soft {
  background:
    radial-gradient(640px 320px at 82% 4%, rgba(197,164,113,.14), transparent 70%),
    var(--paper-2);
}
/* Sits right after the hero, same navy as .ord-dark: a hairline plus a soft
   gold glow keeps the seam visible instead of two flat navy blocks fusing. */
.ord-premium-banner {
  border-top: 1px solid rgba(197,164,113,.18);
  background:
    radial-gradient(1100px 420px at 50% 0%, rgba(197,164,113,.10), transparent 62%),
    var(--navy);
}
@media (max-width: 760px) {
  .ord-section-head.ord-no-cost-head { display: grid; grid-template-columns: minmax(0,1fr); gap: 1.5rem; }
  .ord-no-cost-medallion { width: min(11.5rem,100%); justify-self: center; }
}

/* Support is a service promise; the portrait is visibly identified as illustrative. */
.ord-support-grid { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr); gap: clamp(2rem,5vw,4rem); align-items: center; }
.ord-support-figure { margin: 0; min-width: 0; padding: 7px; border: 1px solid rgba(166,122,71,.25); border-radius: var(--ra-10); background: linear-gradient(145deg,rgba(255,255,255,.82),rgba(226,217,200,.65)); box-shadow: var(--sh-1); }
.ord-support-figure img { display: block; width: 100%; height: auto; aspect-ratio: 3/2; object-fit: contain; border-radius: var(--ra-10); background: #e8e3d9; }
.ord-support-figure figcaption { margin-top: .55rem; color: #586575; font-size: var(--fs-12); line-height: 1.4; }
.ord-support-copy > p:not(.ord-kicker) { color: #4a5868; font-size: var(--fs-16); line-height: 1.65; }
.ord-support-regions { display: flex; flex-wrap: wrap; gap: .5rem 1rem; margin: 1.3rem 0 1.5rem; font-size: var(--fs-14); font-weight: var(--fw-700); color: #475667; }
.ord-support-regions span { padding-inline-start: .7rem; border-inline-start: 2px solid #a67a47; }
.ord-home-faq .ord-shell { max-width: 58rem; }
.ord-home-faq .ord-section-title { margin-bottom: 1.8rem; }
.ord-home-faq .ord-faq summary { min-height: 56px; }
.ord-reading { padding-block: 0 1rem; }
.ord-reading-details { border-block: 1px solid rgba(21,34,53,.18); }
.ord-reading-details > summary { display: flex; align-items: center; justify-content: space-between; gap: 1rem; min-height: 60px; padding: 1rem .25rem; font-size: var(--fs-16); font-weight: var(--fw-700); cursor: pointer; list-style: none; }
.ord-reading-details > summary::-webkit-details-marker { display: none; }
.ord-reading-details > summary::after { content: "+"; font-size: var(--fs-24); line-height: 1; }
.ord-reading-details[open] > summary::after { content: "−"; }
.ord-reading-details > summary:focus-visible { outline: 2px solid #9b702f; outline-offset: 4px; }
.ord-reading .ord-section { padding-block: var(--sec-tight); background: transparent; color: var(--ink); }
.ord-reading .ord-section .ord-shell { width: 100%; }
.ord-reading .ord-section-head { margin-bottom: 1.2rem; }
.ord-reading .ord-section-title { font-size: var(--fs-32); }
.ord-reading .ord-section-head p { color: #526070; font-size: var(--fs-14); }
.ord-reading .ord-tool-card, .ord-reading #journal-desk .ord-tool-card { min-height: 0; padding: 1.1rem; background: transparent; border-color: rgba(21,34,53,.14); }
.ord-reading .ord-tool-icon { display: none; }
.ord-reading .ord-tool-card h3 { margin-top: 0; font-size: var(--fs-20); }
.ord-reading .ord-tool-card p, .ord-reading .ord-tool-card a { font-size: var(--fs-14); }
.ord-reading #journal-desk { border-top: 1px solid rgba(21,34,53,.14); }
.ord-reading #journal-desk .ord-tool-links, .ord-reading #journal-desk .ord-tool-links a { color: #475667; }
.ord-final-cta { text-align: center; }
.ord-final-cta .ord-shell { max-width: 54rem; }
.ord-final-cta .ord-actions { justify-content: center; }
.ord-final-cta .ord-inline-note { margin-inline: auto; }
:where(.ord-site.ord-home) #choose-account.ord-final-cta {
  padding-block: clamp(48px,7vw,80px);
  background: radial-gradient(ellipse at 50% 0%,#24435e66,transparent 70%),linear-gradient(145deg,#10263e,#081521);
  color: #f7f3e9;
  border-top: 1px solid #c5a471;
}
:where(.ord-site.ord-home) #choose-account .ord-section-title { color: #fffdf7; text-wrap: balance; }
:where(.ord-site.ord-home) #choose-account .ord-kicker { color: #e2c99d; }
:where(.ord-site.ord-home) #choose-account .ord-inline-note { color: #bdcad7; }
:where(.ord-site.ord-home) #choose-account .ord-btn-quiet { background: #122337; color: #f7f3e9; border-color: #8d7958; }
@media (max-width: 760px) {
  .ord-support-grid { grid-template-columns: 1fr; gap: 1.5rem; }
  .ord-support-figure { padding: 5px; border-radius: var(--ra-10); }
  .ord-support-figure img { border-radius: var(--ra-10); }
  .ord-support-copy { max-width: 38rem; }
  .ord-support-copy .ord-btn { width: 100%; }
  .ord-reading .ord-section-head { display: block; }
  .ord-reading .ord-section-head > p { margin-top: .75rem; }
  .ord-final-cta .ord-actions { flex-direction: column; align-items: stretch; }
}
.ord-inline-note { margin: 1rem 0 0; color: #586575; font-size: var(--fs-14); line-height: 1.5; max-width: 52rem; }
.ord-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1rem; counter-reset: steps; }
.ord-step { counter-increment: steps; padding: 1.4rem 1.2rem 1.5rem; border-top: 1px solid var(--gold-dim); }
.ord-step::before { content: "0" counter(steps); display: block; color: var(--gold-strong); font-family: var(--font-serif); font-size: var(--fs-40); }
.ord-step h3 { margin: .3rem 0; font-size: var(--fs-16); }
.ord-step p { margin: 0; color: var(--ink-inverse-muted); font-size: var(--fs-14); }
.ord-tool-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.ord-tool-card { display: flex; flex-direction: column; min-height: 295px; padding: 1.45rem; border: 1px solid rgba(21,34,53,.14); border-radius: var(--r-md); background: rgba(255,255,255,.58); }
/* OS TRES CARTOES EM CREME, como o resto da pagina.
   Trocar so o fundo deixaria o texto claro sobre creme, ilegivel. A tinta
   vai junto: --ink no titulo, cinza de leitura no corpo, e a borda passa a
   ser a mesma linha discreta dos cartoes claros. */
.ord-dark .ord-tool-card {
  background: var(--paper);
  border-color: rgba(21,34,53,.14);
  color: var(--ink);
}
.ord-dark .ord-tool-card h3,
.ord-dark .ord-tool-card strong { color: var(--ink); }
.ord-dark .ord-tool-card p { color: #586575; }
.ord-dark .ord-tool-card .ord-tool-icon { background: var(--ink); color: var(--paper); }
/* Guarantee sobre bronze: mesmo raciocinio do dark acima, cartao creme para
   nao perder legibilidade contra o metal escuro. */
.ord-bronze .ord-tool-card {
  background: var(--paper);
  border-color: rgba(21,34,53,.14);
  color: var(--ink);
}
.ord-bronze .ord-tool-card h3,
.ord-bronze .ord-tool-card strong { color: var(--ink); }
.ord-bronze .ord-tool-card p { color: #586575; }
.ord-bronze .ord-tool-card .ord-tool-icon { background: var(--ink); color: var(--paper); }
.ord-tool-icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: var(--ra-circle); background: var(--navy); color: var(--gold-strong); font-family: var(--font-serif); }
.ord-tool-card h3 { margin: 1.15rem 0 .45rem; font-family: var(--font-serif); font-size: var(--fs-24); font-weight: var(--fw-500); }
.ord-tool-card p { margin: 0 0 1.2rem; color: #5a6674; }
.ord-tool-card a { margin-top: auto; font-weight: var(--fw-700); text-decoration-color: var(--gold); text-underline-offset: 4px; }
/* Journal desk on navy: keep light cards for contrast (same as tools on soft). */
#journal-desk .ord-tool-card {
  color: var(--ink);
  border-color: rgba(255, 255, 255, .14);
  background: rgba(255, 255, 255, .92);
}
#journal-desk .ord-tool-card h3 { color: var(--ink); }
#journal-desk .ord-tool-card p { color: #5a6674; }
#journal-desk .ord-tool-card a { color: var(--ink); }
#journal-desk .ord-tool-links { color: var(--ink-inverse-muted); }
#journal-desk .ord-tool-links a { color: var(--ink-inverse); }
.ord-tool-links { margin: 1.25rem 0 0; color: #5a6674; font-size: var(--text-14); }
.ord-tool-links span { margin-inline: .5rem; color: var(--gold); }
.ord-tool-links a,
.ord-text-link { color: inherit; font-weight: var(--fw-700); text-decoration-color: var(--gold); text-underline-offset: 4px; }
.ord-text-link-inverse { color: var(--ink-inverse); }
.ord-anchor { height: 0; width: 0; overflow: hidden; scroll-margin-top: 5rem; }
.ord-pillar-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; }
.ord-pillar-grid-compact { margin-top: 1.25rem; }
.ord-pillar { display: grid; grid-template-columns: auto 1fr auto; gap: 1rem; align-items: center; padding: 1.2rem; border: 1px solid var(--border-dark); border-radius: var(--r-md); background: rgba(255,255,255,.035); }
.ord-pillar-num { color: var(--gold-strong); font-family: var(--font-serif); font-size: var(--fs-24); font-weight: var(--fw-600); line-height: 1; }
.ord-pillar h3 { margin: 0 0 .25rem; font-size: var(--fs-16); color: var(--ink); }
.ord-pillar p { margin: 0; color: var(--ink-inverse-muted); font-size: var(--fs-14); }
/* Soft/light section: dark-token pillars on cream = washed gold. Retokenize. */
.ord-soft .ord-pillar,
.ord-light .ord-pillar {
  border: 1px solid rgba(21, 34, 53, .14);
  background: #fff;
  box-shadow: var(--sh-1);
}
.ord-soft .ord-pillar-num,
.ord-light .ord-pillar-num {
  color: var(--navy);
  opacity: 1;
  font-size: var(--fs-24);
  font-weight: var(--fw-700);
  min-width: 2.25rem;
  letter-spacing: -.03em;
}
.ord-soft .ord-pillar h3,
.ord-light .ord-pillar h3 { color: var(--ink); }
.ord-soft .ord-pillar p,
.ord-light .ord-pillar p { color: #4a5563; }
.ord-pillar .ord-pillar-link {
  flex: none;
  align-self: center;
  min-height: 44px;
  padding: .5rem 1rem;
  font-size: var(--fs-14);
  font-weight: var(--fw-700);
  white-space: nowrap;
  text-decoration: none;
}
.ord-pillar .ord-pillar-link:hover {
  transform: none;
  border-color: var(--gold);
  color: var(--ink);
}
.ord-pillar .ord-pillar-link:focus-visible {
  outline: 3px solid var(--ink);
  outline-offset: 2px;
}
.ord-close-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(300px,1.1fr); gap: clamp(2rem,6vw,6rem); align-items: start; }
.ord-faq { display: grid; gap: 0; }
.ord-faq details { border-bottom: 1px solid rgba(21,34,53,.16); }
.ord-faq summary {
  display: flex; justify-content: space-between; align-items: center; gap: 1rem;
  padding: 1rem 0; cursor: pointer; list-style: none; font-weight: var(--fw-700);
  min-height: 44px;
}
.ord-faq summary::-webkit-details-marker { display: none; }
.ord-faq summary::after { content: "+"; color: var(--gold); flex: none; }
.ord-faq details[open] summary::after { content: "−"; }
.ord-faq .answer { padding: 0 0 1.15rem; color: #586575; line-height: 1.55; }
.ord-footer { padding-block: 2.8rem; background: #050d17; color: var(--ink-inverse-muted); border-top: 1px solid var(--border-dark); }
.ord-footer-grid { display: grid; grid-template-columns: 1.2fr repeat(3,1fr); gap: 2rem; }
.ord-footer h2, .ord-footer h3 { color: var(--ink-inverse); font-size: var(--fs-14); letter-spacing: .08em; text-transform: uppercase; }
.ord-footer ul { list-style: none; padding: 0; margin: 0; }
.ord-footer li { margin-block: .4rem; }
.ord-footer a { color: var(--ink-inverse-muted); text-decoration: none; font-size: var(--fs-14); }
/* Mesma regra de alvo de toque: 12 links de rodape tinham 17px de altura. */
.ord-footer-grid li a { display: inline-flex; align-items: center; min-height: 26px; }
.ord-footer a:hover { color: var(--gold-strong); }
.ord-disclosure { max-width: 60rem; margin: 2.2rem 0 0; font-size: var(--fs-12); line-height: 1.7; color: #9aa6b4; }

/* Restored premium cycle: legacy composition, current copy.
   Largura = shell inteiro. Bloco #how +5% de novo (2026-08-07). */
#how.ord-section { padding-block: var(--sec); }
#how .ord-section-head { gap: 1.93rem; margin-bottom: 1.71rem; }
#how .ord-section-title { font-size: var(--fs-fluid-40-32); }
#how .ord-kicker { font-size: var(--fs-14); margin-bottom: .88rem; }
#how .ord-section-head > p { font-size: var(--fs-16); line-height: 1.5; }
#how .ord-section-cta { margin-top: 1.82rem; }
#how .ord-section-cta > span { font-size: var(--fs-16); }
#how .ord-text-link {
  background-image: var(--gold-metal-soft);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  text-decoration-color: #d8b88a;
}

.ord-cycle {
  --cycle-col-gap: clamp(3.2rem, 7.94vw, 6.51rem);
  --cycle-row-gap: 3.31rem;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--cycle-row-gap) var(--cycle-col-gap);
  margin: 2.43rem auto 0;
  width: 100%;
}
.ord-cycle-card {
  min-height: 0;
  padding: 1.46rem 1.52rem;
  border: 1px solid transparent;
  border-radius: var(--r-md);
  background:
    linear-gradient(var(--navy-soft), var(--navy-soft)) padding-box,
    linear-gradient(145deg, rgba(145,104,74,.55), rgba(255,244,214,.55), rgba(145,104,74,.4)) border-box;
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.ord-cycle-card:hover {
  transform: translateY(-2px);
  box-shadow: var(--sh-3);
  background:
    linear-gradient(var(--navy-soft), var(--navy-soft)) padding-box,
    var(--gold-metal) border-box;
}
.ord-cycle-card h3 { margin: .61rem 0 .3rem; color: var(--ink-inverse); font-family: var(--font-serif); font-size: var(--fs-20); }
.ord-cycle-card p { margin: 0; color: var(--ink-inverse-muted); font-size: var(--fs-16); line-height: 1.4; }
.ord-cycle-number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  border: 1.5px solid transparent;
  border-radius: var(--ra-circle);
  background:
    linear-gradient(var(--navy-soft), var(--navy-soft)) padding-box,
    var(--gold-metal) border-box;
  color: var(--gold-metal-text);
  font-size: var(--fs-16);
  font-variant-numeric: tabular-nums;
  font-weight: var(--fw-700);
}
/* Leitura em L: o passo 2 desce pela coluna da esquerda em vez de atravessar
   para a direita, entao o olho percorre 1 -> 2 (desce), 2 -> 3 (atravessa por
   baixo) e 3 -> 4 (sobe pela direita). Ordem visual: 1 e 4 em cima, 2 e 3 embaixo. */
.ord-cycle-one { order: 1; }
.ord-cycle-four { order: 2; }
.ord-cycle-two { order: 3; }
.ord-cycle-three { order: 4; }
.ord-cycle-center { position: absolute; inset-inline-start: 50%; inset-block-start: 50%; width: clamp(87px,10.9vw,117px); color: var(--gold-metal-text); transform: translate(-50%,-50%); pointer-events: none; filter: drop-shadow(0 0 18px rgba(255,244,214,.22)); }
[dir="rtl"] .ord-cycle-center { transform: translate(50%,-50%); }
.ord-cycle-center svg { display: block; width: 100%; height: auto; }
/* Gira no mesmo sentido do percurso das setas, agora anti-horario. */
.ord-cycle-ring { transform-origin: 60px 60px; animation: ordCycleSpin 24s linear infinite reverse; }
@keyframes ordCycleSpin { to { transform: rotate(360deg); } }
.ord-cycle-arrow {
  position: absolute;
  font-size: var(--fs-24);
  line-height: 1;
  background-image: var(--gold-metal-soft);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Laptops baixos: aperta so a altura do ciclo para caber na viewport. */
@media (min-width: 761px) and (max-height: 900px) {
  /* Ritmo constante: este bloco tinha respiro proprio, de 48,48px, no meio
   de um site a 80px. Secao irma respira igual. */
  #how.ord-section { padding-block: var(--sec); }
  #how .ord-section-head { margin-bottom: 1.22rem; }
  .ord-cycle { --cycle-row-gap: 2.54rem; --cycle-col-gap: clamp(2.65rem, 6.1vw, 5.29rem); margin-top: 1.66rem; }
  .ord-cycle-card { padding: 1.22rem 1.32rem; }
  .ord-cycle-card h3 { font-size: var(--fs-20); }
  .ord-cycle-card p { font-size: var(--fs-16); line-height: 1.35; }
  #how .ord-section-cta { margin-top: 1.38rem; }
}
/* Tres setas, uma por passo: 1 -> 2 desce pela esquerda, 2 -> 3 atravessa por
   baixo, 3 -> 4 sobe pela direita. Nao ha seta de volta de 4 para 1.
   Cada seta fica no vao ENTRE os dois cartoes que liga, nao na borda externa:
   as verticais no centro da propria coluna (25% menos um quarto do vao entre
   colunas), a horizontal no vao central, na altura do meio da linha de baixo. */
.ord-cycle-arrow-one { inset-block-start: 50%; inset-inline-start: calc(25% - var(--cycle-col-gap) / 4); transform: translate(-50%,-50%); }
[dir="rtl"] .ord-cycle-arrow-one { transform: translate(50%,-50%); }
.ord-cycle-arrow-two { inset-block-end: calc(25% - var(--cycle-row-gap) / 4); inset-inline-start: 50%; transform: translate(-50%,50%); }
/* Em RTL a linha inteira espelha, entao a seta horizontal aponta ao contrario. */
[dir="rtl"] .ord-cycle-arrow-two { transform: translate(50%,50%) scaleX(-1); }
.ord-cycle-arrow-three { inset-block-start: 50%; inset-inline-end: calc(25% - var(--cycle-col-gap) / 4); transform: translate(50%,-50%); }
[dir="rtl"] .ord-cycle-arrow-three { transform: translate(-50%,-50%); }

/* On-chain proof: first-class evidence immediately after the process. */
/* Proof of reserves e a secao mais importante da pagina e vinha com o mesmo
   fundo chapado de "How it works", entao o olho lia como continuacao. Aqui ela
   fica mais funda que o resto e ganha um halo dourado no topo: a troca de fundo
   sinaliza troca de assunto, e a profundidade e o que da a leitura premium,
   sem enfeite que brigue com a voz de prova da marca. */
.ord-reserve {
  position: relative;
  isolation: isolate;
  border-top: 0;
  background:
    radial-gradient(125% 75% at 50% 0%, rgba(199,167,102,.13), rgba(199,167,102,0) 58%),
    radial-gradient(85% 55% at 12% 100%, rgba(105,197,154,.06), rgba(105,197,154,0) 62%),
    linear-gradient(180deg, #061020, #03090f);
}
/* Fio dourado que acende no centro em vez de uma borda de espessura constante. */
.ord-reserve::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold) 50%, transparent);
  opacity: .7;
}
.ord-reserve > .ord-shell > .ord-lead { margin: 1.5rem 0 0; }
/* Reviews de terceiros: mesma familia visual da reserva (faixa escura, fio
   dourado aceso no centro), centralizada. As estrelas enchem pela nota real
   (--fill vem de facts.third_party_reviews.score), nunca cinco fixas. */
.ord-reviews {
  position: relative;
  isolation: isolate;
  background:
    radial-gradient(90% 70% at 50% 0%, rgba(199,167,102,.12), rgba(199,167,102,0) 60%),
    linear-gradient(180deg, #061020, #03090f);
}
.ord-reviews::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold) 50%, transparent);
  opacity: .7;
}
.ord-reviews-inner { display: flex; flex-direction: column; align-items: center; text-align: center; }
.ord-reviews .ord-section-title { max-width: 22ch; margin-inline: auto; }
.ord-reviews-line {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: center;
  gap: .45rem .7rem; margin: 1.6rem 0 0; color: var(--ink-inverse-muted); font-size: var(--fs-16);
}
.ord-reviews-line strong { color: var(--ink-inverse); font-weight: var(--fw-700, 700); }
.ord-reviews-sep { color: rgba(199,167,102,.55); }
.ord-reviews-stars { position: relative; display: inline-block; font-size: var(--fs-20); line-height: 1; letter-spacing: .12em; color: rgba(199,167,102,.22); }
.ord-reviews-stars::before { content: "\2605\2605\2605\2605\2605"; }
.ord-reviews-stars::after {
  content: "\2605\2605\2605\2605\2605";
  position: absolute; inset-block-start: 0; inset-inline-start: 0;
  width: var(--fill, 0%); overflow: hidden; white-space: nowrap; color: var(--green, #69c59a);
}
.ord-reviews-cta { margin-top: 1.8rem; }
.ord-reviews-note { margin: 1.1rem 0 0; max-width: 46ch; color: var(--ink-inverse-muted); font-size: var(--fs-12); line-height: 1.5; }
.ord-reserve-grid { display: grid; grid-template-columns: minmax(0,1.8fr) minmax(280px,.9fr); gap: 1.75rem; margin-top: 3rem; }
/* O cartao da prova sobe do fundo: borda dourada discreta, luz de topo por
   dentro e sombra funda por fora. E o objeto que o leitor veio conferir. */
.ord-reserve-evidence {
  overflow: hidden;
  border: 1px solid rgba(199,167,102,.24);
  border-radius: var(--r-md);
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  box-shadow: var(--shadow);
}
.ord-reserve-evidence-head { display: flex; align-items: center; justify-content: space-between; gap: .8rem; padding: .8rem 1.12rem; border-bottom: 1px solid var(--border-dark); color: var(--ink-inverse); }
.ord-reserve-evidence-head strong { display: inline-flex; align-items: center; gap: .56rem; font-size: var(--fs-14); }
.ord-reserve-evidence-head strong::before { content: ""; width: .52rem; height: .52rem; border-radius: var(--ra-circle); background: var(--green); box-shadow: var(--sh-1); }
.ord-reserve-evidence-head time { color: var(--ink-inverse-muted); font-size: var(--fs-12); font-variant-numeric: tabular-nums; }
.ord-reserve-purpose, .ord-reserve-wallet, .ord-reserve-network, .ord-reserve-balance, .ord-reserve-source { padding: 1.08rem 1.12rem; border-bottom: 1px solid var(--border-dark); }
.ord-reserve-purpose { display: flex; align-items: center; gap: .8rem; }
.ord-reserve-purpose p { margin: 0; color: var(--ink-inverse); font-size: var(--fs-14); }
.ord-reserve-purpose a { text-decoration-color: var(--gold-strong); text-underline-offset: 4px; }
.ord-reserve-wallet { display: flex; flex-wrap: wrap; align-items: center; gap: .64rem .8rem; }
.ord-reserve-wallet code { overflow-wrap: anywhere; color: var(--ink-inverse); font-size: var(--fs-12); text-decoration: underline; text-decoration-color: var(--gold-dim); text-underline-offset: 4px; }
.ord-copy-address { min-height: 44px; padding: .5rem .72rem; border: 1px solid var(--gold-dim); border-radius: var(--r-md); background: transparent; color: var(--gold-strong); font: 700 var(--text-12)/1 var(--font-sans); cursor: pointer; }
.ord-copy-address:hover { border-color: var(--gold-strong); background: rgba(199,167,102,.08); }
.ord-reserve-network { display: flex; flex-wrap: wrap; gap: .44rem; }
.ord-reserve-network span { padding: .34rem .56rem; border: 1px solid var(--border-dark); border-radius: var(--r-md); background: rgba(255,255,255,.04); color: var(--ink-inverse); font-size: var(--text-12); font-weight: var(--fw-700); }
.ord-reserve-balance { margin: 0; color: var(--gold-strong); font-variant-numeric: tabular-nums; }
/* O saldo e o numero que a pagina inteira existe para mostrar: ouro escovado,
   com cor solida por baixo para quem nao suporta recorte de fundo no texto.
   Escala −20% vs. versao 2026-08-07 (pedido operador: tamanho exagerado). */
.ord-reserve-balance strong {
  font-size: var(--fs-fluid-40-24);
  letter-spacing: -.025em;
  background: linear-gradient(180deg, #f3e2b4, var(--gold-strong) 55%, #bb9a5c);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
@supports not ((background-clip: text) or (-webkit-background-clip: text)) {
  .ord-reserve-balance strong { -webkit-text-fill-color: var(--gold-strong); }
}
.ord-reserve-balance span { font-size: var(--fs-12); font-weight: var(--fw-700); letter-spacing: .08em; }
.ord-site .ord-reserve-source { display: block; border-bottom: 0; color: var(--ink-inverse); font-weight: var(--fw-700); text-decoration-color: var(--gold-strong); text-underline-offset: 5px; }
.ord-reserve-notes { display: grid; gap: 1.5rem; }
.ord-reserve-note { padding: 1.55rem; border: 1px solid var(--border-dark); border-inline-start-width: 3px; border-radius: var(--r-md); background: rgba(255,255,255,.025); }
.ord-reserve-note-positive { border-inline-start-color: var(--green); }
.ord-reserve-note-caution { border-inline-start-color: var(--gold); }
.ord-reserve-note h3 { margin: 0 0 .85rem; color: var(--ink-inverse); font-size: var(--fs-14); letter-spacing: .08em; text-transform: uppercase; }
.ord-reserve-note p, .ord-reserve-note ol { margin: 0; color: var(--ink-inverse-muted); font-size: var(--fs-14); }
.ord-reserve-note ol { padding-inline-start: 1.2rem; }
.ord-reserve-note li + li { margin-top: .45rem; }
.ord-reserve-action { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 2rem; margin-top: 2rem; color: var(--ink-inverse-muted); font-size: var(--fs-14); }

/* Evidence and tool pages. */
.ord-page-hero { padding-block: clamp(4rem,8vw,7rem); background: var(--navy); color: var(--ink-inverse); }
.ord-page-hero h1 { max-width: 850px; font-size: var(--fs-fluid-72-40); }
.ord-page-hero .ord-lead { margin-bottom: 0; }
.ord-page-grid { display: grid; grid-template-columns: minmax(0,1fr) 290px; gap: 2rem; align-items: start; }
.ord-sticky { position: sticky; top: 92px; padding: 1.2rem; border: 1px solid rgba(21,34,53,.14); border-radius: var(--r-md); background: rgba(255,255,255,.62); }
.ord-sticky strong { display: block; margin-bottom: .6rem; }
.ord-sticky a { display: flex; align-items: center; min-height: 44px; padding-block: .65rem; color: #526070; font-size: var(--fs-14); text-decoration: none; }
.ord-sticky a:hover { color: var(--ink); }
.ord-evidence-list { display: grid; gap: .8rem; }
.ord-evidence { padding: 1.35rem; border: 1px solid rgba(21,34,53,.14); border-radius: var(--r-md); background: rgba(255,255,255,.62); scroll-margin-top: 95px; }
.ord-evidence-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.ord-evidence h2 { margin: 0; font-family: var(--font-serif); font-size: var(--fs-32); font-weight: var(--fw-500); }
.ord-evidence p { color: #596676; }
.ord-meta { display: flex; flex-wrap: wrap; gap: .45rem 1rem; padding-top: .8rem; border-top: 1px solid rgba(21,34,53,.1); color: #687483; font-size: var(--fs-12); }
.ord-meta b { color: var(--ink); }
.ord-source { display: inline-flex; margin-top: .5rem; font-weight: var(--fw-700); text-underline-offset: 4px; text-decoration-color: var(--gold); }
/* The five Verifiable tools are English source pages in this release. Locale
   homes mark those destinations explicitly instead of pretending a mixed page
   is translated. Brand and contract pages already localized are unaffected. */
html:not([lang="en-GB"]) body.ord-site a[href="/verify"]::after,
html:not([lang="en-GB"]) body.ord-site a[href="/rules-lab"]::after,
html:not([lang="en-GB"]) body.ord-site a[href="/challenge-fit"]::after,
html:not([lang="en-GB"]) body.ord-site a[href="/trading-specification"]::after,
html:not([lang="en-GB"]) body.ord-site a[href="/roadmap"]::after,
html:not([lang="en-GB"]) body.ord-site a[href="/rules-lab#strategies"]::after {
  content: "EN"; display: inline-flex; margin-inline-start: .38rem; padding: .08rem .3rem;
  border: 1px solid currentColor; border-radius: var(--r-md); font-size: var(--fs-12);
  font-weight: var(--fw-700); letter-spacing: .08em; line-height: 1.25; vertical-align: middle;
}
.ord-panel { padding: 1.35rem; border: 1px solid rgba(21,34,53,.14); border-radius: var(--r-md); background: rgba(255,255,255,.65); }
.ord-panel h2 { margin-top: 0; font-family: var(--font-serif); font-weight: var(--fw-500); font-size: var(--fs-24); }
.ord-form-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.ord-field { display: grid; gap: .35rem; }
.ord-field label, .ord-field legend { color: #485667; font-size: var(--fs-12); font-weight: var(--fw-700); }
.ord-field input, .ord-field select { width: 100%; min-height: 45px; padding: .7rem .8rem; border: 1px solid rgba(21,34,53,.22); border-radius: var(--r-md); background: #fff; color: var(--ink); font: inherit; }
.ord-field input:focus, .ord-field select:focus { outline: 3px solid rgba(199,167,102,.25); border-color: var(--gold); }
.ord-result { margin-top: 1rem; padding: 1rem; border-inline-start: 3px solid var(--gold); background: var(--paper-2); }
.ord-result strong { display: block; font-size: var(--fs-16); }
.ord-result p { margin: .25rem 0 0; color: #586575; }
.ord-result[data-state="safe"] { border-color: var(--green); }
.ord-result[data-state="warning"] { border-color: var(--amber); }
.ord-result[data-state="blocked"] { border-color: var(--red); }
.ord-choice-list { display: grid; gap: .7rem; border: 0; margin: 0; padding: 0; }
.ord-choice { display: grid; grid-template-columns: auto 1fr; gap: .7rem; align-items: start; padding: .85rem; border: 1px solid rgba(21,34,53,.12); border-radius: var(--r-md); background: rgba(255,255,255,.55); }
.ord-choice input { margin-top: .3rem; accent-color: var(--gold); }
.ord-choice small { display: block; color: #687483; margin-top: .15rem; }
.ord-table-wrap { overflow-x: auto; border: 1px solid rgba(21,34,53,.14); border-radius: var(--r-md); }
.ord-table { width: 100%; border-collapse: collapse; min-width: 680px; background: rgba(255,255,255,.62); }
.ord-table th, .ord-table td { padding: .85rem 1rem; border-bottom: 1px solid rgba(21,34,53,.1); text-align: start; vertical-align: top; }
.ord-table th { background: var(--navy); color: var(--ink-inverse); font-size: var(--fs-12); letter-spacing: .08em; text-transform: uppercase; }
.ord-table td { font-size: var(--fs-14); }
.ord-roadmap { display: grid; gap: .85rem; }
.ord-roadmap-item { display: grid; grid-template-columns: minmax(6.5rem, 10.5rem) minmax(0, 1fr) auto; gap: 1rem; align-items: start; padding: 1.2rem; border: 1px solid rgba(21,34,53,.14); border-radius: var(--r-md); background: rgba(255,255,255,.62); }
.ord-roadmap-item .ord-status { max-width: 100%; box-sizing: border-box; white-space: normal; overflow-wrap: anywhere; line-height: 1.25; letter-spacing: .06em; justify-self: start; align-items: flex-start; }
.ord-roadmap-item h2 { margin: 0; font-size: var(--fs-16); }
.ord-roadmap-item p { margin: .2rem 0 0; color: #5c6978; font-size: var(--fs-14); }
.ord-progress { height: 5px; border-radius: var(--r-md); background: rgba(21,34,53,.1); overflow: hidden; }
.ord-progress span { display: block; height: 100%; background: var(--gold); }
.ord-noscript { padding: .8rem; background: #fff5dd; color: #574419; border: 1px solid #dfc98e; border-radius: var(--r-md); }

/* Abaixo de 1120px a navegacao inteira colapsa atras do hamburguer, e com ela
   sumia o unico botao de compra do cabecalho. Este CTA compacto existe so
   nesse intervalo, para a pagina nunca ficar sem acao visivel. */
.ord-nav-cta-compact { display: none; }

@media (max-width: 1120px) {
  .ord-nav:not(.is-mobile-ready) {
    flex-wrap: wrap;
    padding-block: .7rem;
  }
  .ord-nav:not(.is-mobile-ready) .ord-nav-links {
    order: 3;
    width: 100%;
    margin: 0;
    overflow-x: auto;
    padding-block: .3rem;
  }
  .ord-nav.is-mobile-ready .ord-nav-cta-compact {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    white-space: nowrap;
    font-size: var(--fs-14);
    padding-inline: .9rem;
  }
  .ord-nav.is-mobile-ready {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto auto;
    gap: .55rem 1rem;
    padding-block: .55rem;
  }
  .ord-nav.is-mobile-ready .ord-nav-toggle {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--border-dark);
    border-radius: var(--r-md);
    background: rgba(255,255,255,.03);
    color: var(--ink-inverse);
    cursor: pointer;
  }
  .ord-nav-toggle-box {
    width: 20px;
    display: grid;
    gap: 4px;
  }
  .ord-nav-toggle-box::before,
  .ord-nav-toggle-box::after,
  .ord-nav-toggle-box span {
    content: "";
    display: block;
    height: 2px;
    border-radius: var(--ra-2);
    background: currentColor;
    transition: transform .18s ease, opacity .18s ease;
  }
  .ord-nav-toggle[aria-expanded="true"] .ord-nav-toggle-box span { opacity: 0; }
  .ord-nav-toggle[aria-expanded="true"] .ord-nav-toggle-box::before { transform: translateY(6px) rotate(45deg); }
  .ord-nav-toggle[aria-expanded="true"] .ord-nav-toggle-box::after { transform: translateY(-6px) rotate(-45deg); }
  .ord-nav.is-mobile-ready .ord-nav-links,
  .ord-nav.is-mobile-ready .ord-nav-actions { display: none; }
  .ord-nav.is-mobile-ready .ord-nav-toggle[aria-expanded="true"] ~ .ord-nav-links {
    display: flex;
    grid-column: 1 / -1;
    flex-direction: column;
    align-items: stretch;
    gap: .5rem;
    width: 100%;
    margin: 0;
    padding: .45rem 0 0;
    border-top: 1px solid var(--border-dark);
  }
  .ord-nav.is-mobile-ready .ord-nav-toggle[aria-expanded="true"] ~ .ord-nav-actions {
    display: flex;
    grid-column: 1 / -1;
    align-items: stretch;
    justify-content: space-between;
    gap: .75rem;
    padding-block-end: .25rem;
  }
  .ord-nav.is-mobile-ready:has(.ord-nav-toggle[aria-expanded="true"]) {
    max-height: 100dvh;
    overflow-y: auto;
    overscroll-behavior: contain;
  }
  .ord-nav.is-mobile-ready .ord-nav-links > li { width: 100%; }
  .ord-nav.is-mobile-ready .ord-nav-links > li > a,
  .ord-nav.is-mobile-ready .ord-menu > summary,
  .ord-nav.is-mobile-ready .ord-menu-panel a {
    min-height: 44px;
    width: 100%;
    padding: .65rem .75rem;
    border-radius: var(--r-md);
  }
  .ord-nav.is-mobile-ready .ord-nav-links .ord-nav-mobile-only { display: inline-flex; }
  .ord-nav.is-mobile-ready .ord-nav-mobile-only + .ord-menu { display: none; }
  .ord-nav.is-mobile-ready .ord-menu-panel {
    position: static;
    min-width: 0;
    margin-block-start: .2rem;
    box-shadow: none;
  }
  .ord-nav.is-mobile-ready .ord-nav-actions .lang-modal { margin-inline-end: 0; }
  .ord-nav.is-mobile-ready .ord-nav-actions .lang-trigger { min-height: 44px; padding: .55rem .75rem; }
  .ord-nav.is-mobile-ready .ord-nav-actions .ord-btn { min-height: 44px; }
  .ord-hero-grid, .ord-close-grid, .ord-page-grid { grid-template-columns: 1fr; }
  .ord-hero-grid {
    gap: 1.15rem;
    grid-template-areas: "copy" "proof";
    align-items: start;
    padding-block: var(--sec-tight);
  }
  .ord-hero { min-height: auto; }
  .ord-proof-card { max-width: 100%; }
  .ord-proof-strip-grid { gap: .85rem; }
  .ord-proof-strip-item { padding: 1.2rem 1.15rem 1.2rem 1.35rem; }
  .ord-proof-strip-item h2 { font-size: var(--fs-fluid-24-16); }
  .ord-plan-grid, .ord-steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ord-plan { min-height: 330px; }
  .ord-reserve-grid { grid-template-columns: 1fr; }
  .ord-reserve-notes { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ord-sticky { position: static; order: -1; }
}
/* Keep the first painted mobile header equal to the enhanced header.
   With scripting disabled the existing expanded navigation remains available. */
@media (max-width: 1120px) and (scripting: enabled) {
  .ord-nav:not(.is-mobile-ready):has(.ord-nav-toggle) {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto auto;
    gap: .55rem 1rem;
    padding-block: .55rem;
  }
  .ord-nav:not(.is-mobile-ready):has(.ord-nav-toggle) .ord-nav-links,
  .ord-nav:not(.is-mobile-ready):has(.ord-nav-toggle) .ord-nav-actions { display: none; }
  .ord-nav:not(.is-mobile-ready) .ord-nav-cta-compact {
    display: inline-flex; align-items: center; justify-content: center;
    min-height: 44px; white-space: nowrap; font-size: var(--fs-14); padding-inline: .9rem;
  }
  .ord-nav:not(.is-mobile-ready) .ord-nav-toggle {
    display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center;
    border: 1px solid var(--border-dark); border-radius: var(--r-md);
    background: rgba(255,255,255,.03); color: var(--ink-inverse); cursor: pointer;
  }
}
@media (max-width: 760px) {
  .ord-cycle { grid-template-columns: 1fr; gap: 2rem; }
  /* Coluna unica: volta a ser 1, 2, 3, 4 de cima para baixo. */
  .ord-cycle-one { order: 1; }
  .ord-cycle-two { order: 2; }
  .ord-cycle-three { order: 3; }
  .ord-cycle-four { order: 4; }
  .ord-cycle-center, .ord-cycle-arrow { display: none; }
  .ord-cycle-card { min-height: 0; position: relative; }
  .ord-cycle-card:not(.ord-cycle-four)::after { content: "↓"; position: absolute; inset-inline-start: 50%; inset-block-end: -1.55rem; color: var(--gold); transform: translateX(-50%); }
  [dir="rtl"] .ord-cycle-card:not(.ord-cycle-four)::after { transform: translateX(50%); }
  .ord-reserve-notes { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .ord-shell { width: min(calc(100% - 1.5rem), var(--container)); }
  .ord-brand { font-size: var(--fs-14); }
  .ord-brand-logo { height: 36px; max-width: min(148px, 62vw); }
  .ord-brand-mark { width: 28px; height: 28px; }
  .ord-nav.is-mobile-ready .ord-nav-actions { flex-direction: column; }
  .ord-nav.is-mobile-ready .ord-nav-actions .ord-btn { display: inline-flex; width: 100%; }
  .ord-nav.is-mobile-ready .ord-nav-links > li > a,
  .ord-nav.is-mobile-ready .ord-menu > summary { font-size: var(--fs-16); }
  /* Hero mobile: uma batida (padrão ITAfx) — copy+CTA na dobra; proof-card no scroll. */
  .ord-hero {
    min-height: calc(100svh - 68px);
    align-items: start;
  }
  .ord-hero-grid {
    gap: 1.25rem;
    padding-block: clamp(1.75rem, 5vh, 2.5rem) 1.25rem;
    align-items: stretch;
  }
  .ord-hero-mark { display: none; }
  .ord-hero .ord-kicker { margin-bottom: .65rem; font-size: var(--fs-12); }
  .ord-hero-kicker { gap: .15rem; }
  .ord-brand-line { display: none; }
  .ord-hero-qa {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
  .ord-hero-qa h1,
  .ord-hero-qa .ord-hero-lead {
    display: contents;
  }
  .ord-hero-qa .ord-hero-q {
    display: block;
    max-width: none;
    width: 100%;
    margin: 0;
    font-family: var(--font-serif);
    font-weight: inherit;
    font-size: var(--fs-fluid-32);
    line-height: 1.12;
    letter-spacing: -.03em;
    text-wrap: balance;
  }
  .ord-hero-qa .ord-hero-q:nth-child(1) { order: 1; }
  .ord-hero-qa .ord-hero-lead li:nth-child(1) { order: 2; margin: .25rem 0 1.05rem; }
  .ord-hero-qa .ord-hero-q:nth-child(2) { order: 3; }
  .ord-hero-qa .ord-hero-lead li:nth-child(2) { order: 4; margin: .25rem 0 1.05rem; }
  .ord-hero-qa .ord-hero-q:nth-child(3) { order: 5; }
  .ord-hero-qa .ord-hero-lead li:nth-child(3) { order: 6; margin: .25rem 0 0; }
  [dir="rtl"] .ord-hero-qa .ord-hero-q { text-align: end; }
  /* Affordance: respostas leem como links no toque (cor + sublinhado + seta). */
  .ord-hero-qa .ord-hero-lead a {
    color: var(--gold-metal-text, #f0e0c0);
    text-decoration: underline;
    text-decoration-color: rgba(197, 164, 113, .65);
    text-underline-offset: .2em;
    text-decoration-thickness: 1px;
    -webkit-tap-highlight-color: rgba(197, 164, 113, .22);
  }
  .ord-hero-qa .ord-hero-lead a::after {
    content: " \2192";
    color: var(--gold-strong, #f0e0c0);
    font-weight: var(--fw-600);
    text-decoration: none;
  }
  [dir="rtl"] .ord-hero-qa .ord-hero-lead a::after {
    content: " \2190";
  }
  .ord-hero-grid,
  .ord-hero-copy,
  .ord-hero .ord-lead,
  .ord-hero-lead { min-width: 0; max-width: 100%; }
  /* Empurra o proof-card para baixo da dobra; filete de peek do card head (como ITAfx). */
  .ord-hero-copy {
    min-height: calc(100svh - 68px - clamp(1.75rem, 5vh, 2.5rem) - 1.25rem - 1.25rem - 18px);
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .ord-hero .ord-lead {
    margin: 1rem 0 0; font-size: var(--fs-14); line-height: 1.5;
    opacity: 1; overflow-wrap: break-word; text-wrap: wrap;
  }
  .ord-hero-lead {
    margin: 1rem 0 0;
    font-size: var(--fs-14);
    line-height: 1.4;
    opacity: 1;
  }
  .ord-hero-lead li { padding: .15rem 0 .15rem 1rem; }
  .ord-site { overflow-x: clip; }
  .ord-hero .ord-actions {
    margin-top: 1.5rem; gap: .65rem;
    flex-direction: column; align-items: stretch;
  }
  .ord-hero .ord-actions .ord-btn {
    min-height: 44px; width: 100%; padding: .7rem 1rem; font-size: var(--fs-14); flex: none;
  }
  /* Ate 24/09/2026 este botao virava link sublinhado sem fundo no celular,
     quebrando a regra cta-e-botao-faixa-visivel-v1 (CTA sempre com fundo,
     raio e altura util, nunca link disfarcado). Agora so ajusta altura, o
     resto herda o botao-pilha com borda dourada de .ord-site .ord-btn-secondary. */
  .ord-hero .ord-btn-secondary { min-height: 44px; }
  .ord-hero-trust { display: none; }
  .ord-hero-fact { margin-top: .85rem; font-size: var(--fs-12); line-height: 1.45; }
  .ord-proof-strip { padding-block: 1.65rem; }
  .ord-proof-strip-kicker { margin-bottom: .4rem; font-size: var(--fs-12); }
  .ord-proof-strip-entity { margin-bottom: 1.05rem; font-size: var(--fs-14); }
  .ord-proof-strip-grid { grid-template-columns: 1fr; gap: .9rem; }
  .ord-proof-strip-item { padding: 1.05rem 1.05rem 1.05rem 1.2rem; }
  .ord-proof-strip-beat { top: .85rem; inset-inline-end: .9rem; font-size: var(--fs-14); }
  .ord-proof-strip-item:hover { transform: none; }
  .ord-proof-strip-item > p:not(.ord-kicker) { font-size: var(--fs-14); }
  .ord-hero .ord-proof-card { padding: 1rem .95rem; margin-top: 0; border-radius: var(--r-md); }
  .ord-hero .ord-proof-head { padding: 0 0 .55rem; font-size: var(--fs-12); gap: .45rem; }
  .ord-hero .ord-proof-mark { width: 1.15rem; }
  .ord-hero .ord-proof-row {
    padding: .55rem 0;
    gap: .55rem;
    align-items: center;
    grid-template-columns: 1fr auto;
  }
  .ord-hero .ord-proof-row .ord-status { justify-self: end; }
  .ord-hero .ord-proof-row strong { font-size: var(--fs-12); }
  .ord-hero .ord-proof-row small { display: none; }
  .ord-hero .ord-proof-foot { display: none; }
  .ord-status { padding: .22rem .4rem; font-size: var(--fs-12); }
  .ord-hero .ord-status { padding: .18rem .35rem; font-size: var(--fs-12); }
  .ord-footer .ord-entity { font-size: var(--fs-12); line-height: 1.55; margin-top: 1.5rem; padding-top: 1.25rem; }
  .ord-consent {
    padding: 8px 12px; gap: 8px; font-size: var(--fs-12);
  }
  .ord-consent p { line-height: 1.4; }
  .ord-section-head { display: block; }
  .ord-section-head p { margin-top: .8rem; }
  .ord-plan-grid, .ord-steps, .ord-tool-grid, .ord-pillar-grid, .ord-footer-grid, .ord-form-grid { grid-template-columns: 1fr; }
  .ord-plan { min-height: 0; }
  .ord-pillar { grid-template-columns: auto 1fr; align-items: start; }
  .ord-pillar .ord-pillar-link {
    grid-column: 2;
    margin-top: .65rem;
    justify-self: start;
    width: fit-content;
  }
  .ord-page-hero h1 { font-size: var(--fs-fluid-72-40); }
  .ord-roadmap-item { grid-template-columns: 1fr; }
  .ord-proof-row { grid-template-columns: 1fr; }
  .ord-proof-row .ord-status { justify-self: start; }
  .ord-reserve-evidence-head, .ord-reserve-purpose { align-items: flex-start; }
  .ord-reserve-evidence-head { flex-direction: column; }
  .ord-reserve-purpose { flex-direction: column; }
  .ord-reserve-purpose, .ord-reserve-wallet, .ord-reserve-network, .ord-reserve-balance, .ord-reserve-source { padding: .88rem; }
  .ord-reserve-balance strong { display: block; font-size: var(--fs-fluid-32); }
  .ord-reserve-action { align-items: stretch; }
  .ord-reserve-action .ord-btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .ord-site *, .ord-site *::before, .ord-site *::after { scroll-behavior: auto !important; transition-duration: .001ms !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
  .ord-cycle-ring { animation: none; }
  .ord-cycle-card:hover { transform: none; }
  .ord-hero::before,
  .ord-hero-copy > *,
  .ord-hero .ord-proof-card,
  .ord-hero .ord-proof-card::after,
  .ord-hero .ord-proof-row,
  .ord-hero .ord-proof-foot,
  .ord-hero .ord-status,
  .ord-hero .ord-status::before,
  .ord-proof-strip.js-motion .ord-proof-strip-kicker,
  .ord-proof-strip.js-motion .ord-proof-strip-entity,
  .ord-proof-strip.js-motion .ord-proof-strip-item,
  .ord-proof-strip.js-motion .ord-proof-strip-item::after,
  .ord-proof-mark,
  .ord-proof-ring { animation: none !important; opacity: 1 !important; transform: none !important; background-image: none; }
}

/* ---------------- Desktop nav ----------------
   The bar MUST share the page container width (--container, 72rem). An earlier
   version widened it to 80/84rem for breathing room, which pushed the wordmark
   ~40px outside the content edge on every section below it. Framing wins: the
   room now comes from the gaps, not from a wider bar. */
/* VERIFY card +20% no desktop only (mobile keeps compact fold budget). */
@media (min-width: 1121px) {
  .ord-hero-grid {
    grid-template-columns: minmax(0,1.15fr) minmax(288px,384px);
  }
  .ord-hero .ord-proof-card {
    padding: 1.2rem 1.32rem;
    border-radius: var(--r-md);
  }
  .ord-hero .ord-proof-head {
    padding: 0 0 .66rem;
    font-size: var(--fs-14);
    gap: .66rem;
  }
  .ord-hero .ord-proof-mark { width: 1.62rem; }
  .ord-hero .ord-proof-row { padding: .66rem 0; gap: .9rem; }
  .ord-hero .ord-proof-row strong { font-size: var(--fs-16); }
  .ord-hero .ord-proof-row small { font-size: var(--fs-14); }
  .ord-hero .ord-proof-foot { margin: .66rem 0 0; font-size: var(--fs-14); }
  .ord-hero .ord-status { padding: .24rem .5rem; font-size: var(--fs-12); gap: .36rem; }
  .ord-hero .ord-status::before { width: 6px; height: 6px; }
}

@media (min-width: 1280px) {
  .nav { gap: var(--sp-4); }
  .nav-links { gap: 2rem; }
  .lang-modal { margin-inline-end: 0; }
}

/* ---------------- Cookie consent modal ----------------
   Substitui a barra de rodape (ate 2026-09-21) por um cartao explicito que
   aparece sozinho no carregamento para quem ainda nao decidiu nada. Decisao
   do proprietario em 2026-09-22: menos gente via o link discreto no rodape
   do que veria um cartao visivel de cara. */
.ord-consent {
  position: fixed; left: var(--sp-4); bottom: var(--sp-4); z-index: 1200;
  width: min(420px, calc(100vw - 2 * var(--sp-4)));
  max-height: 80dvh; overflow-y: auto;
  display: flex; flex-direction: column; gap: var(--sp-3);
  padding: var(--sp-4);
  background: var(--navy-raised, #0c1a2b);
  border: 1px solid var(--border-dark, rgba(255,255,255,.08));
  border-radius: var(--ra-10);
  box-shadow: var(--sh-3);
  font-size: var(--fs-sm, .9rem); color: var(--ink-inverse-muted, rgba(255,255,255,.72));
}
.ord-consent-top { display: flex; gap: var(--sp-3); align-items: flex-start; }
.ord-consent-icon {
  flex-shrink: 0; width: 40px; height: 40px; border-radius: var(--ra-circle);
  display: flex; align-items: center; justify-content: center;
  background: rgba(255,255,255,.06); color: var(--gold-strong, #d4b87a);
}
.ord-consent-copy { display: flex; flex-direction: column; gap: .4rem; }
.ord-consent-intro { margin: 0; line-height: 1.45; color: var(--ink-inverse, #ede8df); }
.ord-consent-categories { display: flex; flex-direction: column; gap: .55rem; padding-top: .3rem; border-top: 1px solid var(--border-dark, rgba(255,255,255,.08)); }
/* [hidden] tem a mesma especificidade da classe acima; sem isto o atributo
   perde por ordem de fonte e o painel de categorias aparece sempre aberto. */
.ord-consent-categories[hidden], .ord-consent-actions button[hidden] { display: none; }
.ord-consent-row { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-2); }
.ord-consent-row-label { line-height: 1.3; }
.ord-consent-locked-badge {
  flex-shrink: 0; font-size: var(--fs-12); color: var(--ink-inverse-muted, rgba(255,255,255,.5));
  border: 1px solid var(--border-dark, rgba(255,255,255,.12)); border-radius: var(--ra-10);
  padding: .15rem .55rem;
}
/* Interruptor real. Verde so aqui, de proposito: nao e a cor de marca do
   site, e o padrao universal de "ligado" em controle de consentimento. */
.ord-consent-toggle {
  flex-shrink: 0; position: relative; width: 40px; height: 22px; padding: 0;
  border-radius: var(--ra-pill, 999px); border: 1px solid var(--border-dark, rgba(255,255,255,.18));
  background: rgba(255,255,255,.08); cursor: pointer; transition: background .15s ease, border-color .15s ease;
}
.ord-consent-toggle::before {
  content: ""; position: absolute; top: 2px; left: 2px; width: 16px; height: 16px;
  border-radius: var(--ra-circle); background: #ede8df; transition: transform .15s ease;
}
.ord-consent-toggle[aria-checked="true"] { background: #3fae7d; border-color: #3fae7d; }
.ord-consent-toggle[aria-checked="true"]::before { transform: translateX(18px); }
.ord-consent-actions { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.ord-consent-actions button {
  cursor: pointer; font-family: var(--font-sans, Inter, sans-serif); font-size: var(--fs-sm, .9rem);
  padding: .5rem 1rem; border-radius: var(--r-md, 8px); border: 1px solid var(--gold-dim, rgba(185,151,91,.45));
  min-height: 44px; display: inline-flex; align-items: center; justify-content: center; flex: 1;
  background: #152638; color: var(--ink-inverse, #ede8df); font-weight: var(--fw-600);
}
/* "Allow all" e o unico com preenchimento: mesmo peso visual do "Accept" que
   ele substitui, sem competir com o CTA de compra (P0 Design Premium 2026-08-07). */
.ord-consent-allow-all { background: #3fae7d; border-color: #3fae7d; color: #06251a; font-weight: var(--fw-700); }
.ord-consent-allow-all:hover { filter: brightness(1.08); }
.ord-consent-choose:hover, .ord-consent-allow-selected:hover { background: rgba(255,255,255,.1); color: var(--ink-inverse, #fff); }
.ord-consent-privacy-link { color: var(--gold-strong, #d4b87a); font-size: var(--fs-12); text-align: center; }
.ord-consent button:focus-visible { outline: 2px solid #d4b87a; outline-offset: 3px; }
@media (max-width: 600px) {
  .ord-consent { left: var(--sp-2); right: var(--sp-2); bottom: var(--sp-2); width: auto; }
  .ord-consent-actions button { flex-basis: 100%; }
}

/* ---------------------------------------------------------------------------
   CTA de secao + barra fixa de compra (2026-08-05)
   Auditoria mediu 61% da pagina no mobile sem nenhum CTA de compra, contra 13%
   na ITAfx e 12 a 21% nos concorrentes com maior presenca. O desktop ja tinha
   saida pelo cabecalho fixo; o mobile nao tinha nenhuma.
   --------------------------------------------------------------------------- */

.ord-section-cta {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 32px;
}
.ord-section-cta > span {
  font-size: var(--fs-14);
  line-height: 1.5;
  opacity: .72;
}

/* Barra fixa: so existe onde o cabecalho nao carrega o CTA de compra. */
.ord-buybar { display: none; }

@media (max-width: 860px) {
  /* So aparece depois que o hero sai da tela (classe .is-on via JS). No topo
     ela cobria o proprio CTA do hero: duas fileiras de botao sobrepostas e o
     botao de cima morto. Auditoria de 2026-08-06. */
  .ord-buybar.is-on {
    display: flex;
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 60;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 16px calc(10px + env(safe-area-inset-bottom, 0px));
    background: rgba(10, 22, 40, .96);
    backdrop-filter: saturate(140%) blur(10px);
    -webkit-backdrop-filter: saturate(140%) blur(10px);
    border-top: 1px solid var(--gold-dim, rgba(185, 155, 90, .35));
  }
  .ord-buybar-proof {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-width: 0;
    font-size: var(--fs-12);
    line-height: 1.22;
    font-weight: var(--fw-600);
    color: #fff;
    text-wrap: balance;
  }
  .ord-buybar-proof small {
    font-size: var(--fs-12);
    font-weight: var(--fw-500);
    opacity: .62;
    letter-spacing: .04em;
  }
  .ord-buybar .ord-btn {
    flex: 0 0 auto;
    min-height: 44px;
    padding: 11px 14px;
    font-size: var(--fs-14);
    white-space: nowrap;
  }
  /* Espaco para a barra nao cobrir o fim do rodape, so quando ela esta visivel. */
  body:has(.ord-buybar.is-on) { padding-bottom: 72px; }
  /* O aviso de cookies e injetado por JS como #ord-consent e sua altura muda
     com o idioma, de 100px a mais de 180px. Um valor fixo sobrepoe em alguns
     idiomas, entao a altura real e medida e publicada em --ord-consent-h. */
  body:has(#ord-consent) .ord-buybar {
    bottom: calc(var(--ord-consent-h, 140px) + 8px);
  }
  body:has(#ord-consent):has(.ord-buybar.is-on) {
    padding-bottom: calc(80px + var(--ord-consent-h, 140px));
  }
  /* DOCA UNICA: barra de compra e chat de suporte na mesma faixa.
     Medido em 07/10/2026 a 390px no ar: o chat flutuava 12px acima da barra,
     cobria o "Get my account" e o "Regular $59 · code 20OFF" do cartao de preco
     e as duas camadas somavam 127px no canto direito. Com .has-chat-dock (posto
     pelo support-invitation.js) a barra reserva o lugar do chat
     (--ord-chat-slot x --ord-chat-h, medidos no proprio botao) e o chat para
     ali dentro: uma faixa so, nada flutuando sobre o conteudo. A altura real da
     faixa vira --ord-dock-h, e e ela que o body reserva no fim da pagina e que
     o foco e as ancoras respeitam (scroll-padding). */
  .ord-buybar.is-on.has-chat-dock {
    display: grid;
    grid-template-columns: var(--ord-chat-slot, 0px) minmax(0, 1fr) auto;
    grid-template-areas: "chat proof cta";
    align-items: center;
    column-gap: 12px;
    /* Mesma cor, opaca: no vao entre os dois botoes o "Get my account" do
       cartao de baixo aparecia em fantasma atraves dos 4% de transparencia. */
    background: #0a1628;
  }
  .ord-buybar.has-chat-dock::before { content: ""; grid-area: chat; height: var(--ord-chat-h, 44px); }
  .ord-buybar.has-chat-dock .ord-buybar-proof { grid-area: proof; }
  .ord-buybar.has-chat-dock > .ord-btn { grid-area: cta; }
  body:has(.ord-buybar.is-on.has-chat-dock) { padding-bottom: var(--ord-dock-h, 72px); }
  body:has(#ord-consent):has(.ord-buybar.is-on.has-chat-dock) {
    padding-bottom: calc(var(--ord-dock-h, 72px) + 8px + var(--ord-consent-h, 140px));
  }
  html:has(.ord-buybar.is-on) { scroll-padding-bottom: calc(var(--ord-dock-h, 72px) + 8px); }
}

/* Abaixo de 560px chat, prova e botao nao cabem numa linha: a prova sobe para
   uma linha propria (os dois trechos lado a lado) e os dois botoes dividem a
   de baixo, cada um no seu canto. */
@media (max-width: 559px) {
  .ord-buybar.is-on.has-chat-dock {
    grid-template-areas: "proof proof proof" "chat . cta";
    row-gap: 8px;
  }
  .ord-buybar.has-chat-dock .ord-buybar-proof {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 6px;
  }
}

@media (max-width: 360px) {
  .ord-buybar.is-on { gap: 8px; padding-inline: 10px; }
  .ord-buybar-proof { font-size: var(--fs-12); }
  .ord-buybar-proof small { font-size: var(--fs-12); letter-spacing: 0; }
  .ord-buybar .ord-btn { padding-inline: 11px; font-size: var(--fs-12); }
}

@media (max-width: 860px) and (prefers-reduced-motion: reduce) {
  .ord-buybar { backdrop-filter: none; -webkit-backdrop-filter: none; background: #0a1628; }
}

/* Six-step type scale for the commercial UI. Component-specific values above
   are normalized here so legacy pages and the home share one hierarchy. */
.ord-site { font-size: var(--text-16); }
.ord-site .ord-kicker,
.ord-site .ord-brand-line,
.ord-site .ord-proof-head,
.ord-site .ord-proof-row small,
.ord-site .ord-proof-foot,
.ord-site .ord-status,
.ord-site .ord-tag,
.ord-site .ord-price small,
.ord-site .ord-meta,
.ord-site .ord-table th,
.ord-site .ord-reserve-evidence-head time,
.ord-site .ord-reserve-network span,
.ord-site .ord-disclosure,
.ord-site .ord-entity,
.ord-site .ord-buybar-proof small { font-size: var(--text-12); }

.ord-site .ord-btn,
.ord-site .ord-menu-panel a,
.ord-site .ord-hero-trust,
.ord-site .ord-trust-line,
.ord-site .ord-proof-row strong,
.ord-site .ord-plan ul,
.ord-site .ord-inline-note,
.ord-site .ord-step p,
.ord-site .ord-pillar p,
.ord-site .ord-footer h2,
.ord-site .ord-footer h3,
.ord-site .ord-footer a,
.ord-site .ord-cycle-card p,
.ord-site .ord-reserve-evidence-head strong,
.ord-site .ord-reserve-purpose p,
.ord-site .ord-reserve-wallet code,
.ord-site .ord-reserve-balance span,
.ord-site .ord-reserve-note h3,
.ord-site .ord-reserve-note p,
.ord-site .ord-reserve-note ol,
.ord-site .ord-reserve-action,
.ord-site .ord-sticky a,
.ord-site .ord-field label,
.ord-site .ord-field legend,
.ord-site .ord-table td,
.ord-site .ord-roadmap-item p,
.ord-site .ord-consent,
.ord-site .ord-consent button,
.ord-site .ord-section-cta > span,
.ord-site .ord-buybar-proof { font-size: var(--text-14); }

.ord-site .ord-brand,
.ord-site .ord-nav-links > li > a,
.ord-site .ord-menu > summary,
.ord-site .ord-step h3,
.ord-site .ord-pillar h3,
.ord-site .ord-faq summary,
.ord-site .ord-roadmap-item h2,
.ord-site .ord-result strong { font-size: var(--text-16); }

.ord-site .ord-lead,
.ord-site .ord-hero .ord-lead,
.ord-site .ord-price,
.ord-site .ord-tool-card h3,
.ord-site .ord-cycle-card h3,
.ord-site .ord-cycle-number,
.ord-site .ord-evidence h2,
.ord-site .ord-panel h2 { font-size: var(--text-20); }

.ord-site .ord-section-title,
.ord-site #how .ord-section-title,
.ord-site .ord-step::before,
.ord-site .ord-cycle-arrow,
.ord-site .ord-reserve-balance strong { font-size: var(--text-32); }
.ord-site .ord-plan h3 { font-size: var(--fs-fluid-24); font-size: var(--fs-fluid-32); }

.ord-site .ord-hero h1,
.ord-site .ord-page-hero h1 { font-size: var(--text-48); }

.ord-site .ord-nav-links > li > a,
.ord-site .ord-menu > summary,
.ord-site .ord-btn,
.ord-site .ord-kicker,
.ord-site .ord-brand-line,
.ord-site .ord-status,
.ord-site .ord-tag,
.ord-site .ord-tool-card a,
.ord-site .ord-text-link,
.ord-site .ord-faq summary { font-weight: var(--fw-700); }

.ord-site .ord-title,
.ord-site .ord-plan h3,
.ord-site .ord-tool-card h3,
.ord-site .ord-cycle-card h3,
.ord-site .ord-evidence h2,
.ord-site .ord-panel h2 { font-weight: var(--fw-400); }

.ord-site .ord-price,
.ord-site .ord-reserve-balance strong { font-weight: var(--fw-700); }

.ord-site .lang-trigger { font-size: var(--text-12); }
.ord-site .lang-panel-head strong,
.ord-site .lang-x { font-size: var(--text-20); }
.ord-site .lang-search,
.ord-site .lang-grid a,
.ord-site .lang-empty { font-size: var(--text-14); }


/* Newsletter capture (beehiiv embed) */
.ord-nl-capture{max-width:40rem;margin:2.5rem auto;padding:1.5rem 1.25rem;border-top:1px solid var(--border, #e5e7eb);}
.ord-nl-capture h2{font-size: var(--fs-20);margin:0 0 .5rem;}
.ord-nl-capture p{margin:0 0 1rem;color:var(--muted, #6b7280);}
.ord-nl-alt{margin-top:1rem;font-size: var(--fs-14);}

/* Enhanced Image Component (Share/Save Overlay) */
.ord-enhanced-image .ord-img-wrapper {
  position: relative;
  display: inline-block;
  overflow: hidden;
  border-radius: var(--ra-10); /* Assuming rounded corners for premium feel */
}
.ord-share-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 12px;
  background: rgba(10, 20, 35, 0.85);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  display: flex;
  gap: 12px;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.ord-enhanced-image:hover .ord-share-overlay {
  opacity: 1;
  transform: translateY(0);
}
.ord-btn-share {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #fff;
  border-radius: var(--ra-circle);
  width: 36px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background 0.2s, border-color 0.2s, transform 0.2s;
}
.ord-btn-share:hover {
  background: rgba(214, 173, 96, 0.2); /* Subtle gold tint */
  border-color: #d6ad60;
  transform: scale(1.1);
}

/* ALTERNADOR DE MODELO DE CONTA.
   Dois modelos de conta Instant convivem no mesmo lugar da pagina, e o
   visitante escolhe qual esta vendo. A referencia que o proprietario mandou
   e da ITAfx, em azul; aqui o ativo e ouro sobre azul-noite, que e a marca
   da Ordane.

   E um grupo de radio de verdade, nao dois botoes com estado no JavaScript.
   Assim o teclado navega com as setas, o leitor de tela anuncia "1 de 2", e
   quem chega com o JavaScript bloqueado ainda consegue trocar. O visual sai
   do :checked, entao o estado desenhado e sempre o estado real.

   O trilho tem a mesma altura do alvo de toque de 44px que o resto do site
   usa: um seletor que muda preco nao pode ser dificil de acertar no celular. */
.ord-modelo {
  display: inline-flex;
  gap: var(--sp-1);
  padding: var(--sp-1);
  border: 1px solid var(--border-dark, rgba(255, 255, 255, .1));
  border-radius: var(--r-pill, 999px);
  background: var(--navy-raised, #0b192a);
}
.ord-modelo-opcao { position: relative; display: flex; }
/* Fora da tela, nao display:none: um radio escondido assim continua
   focavel, anunciavel e clicavel pela label. */
.ord-modelo-opcao input {
  position: absolute; width: 1px; height: 1px; margin: 0;
  opacity: 0; pointer-events: none;
}
.ord-modelo-opcao label {
  display: inline-flex; align-items: center; gap: var(--sp-2);
  min-height: 44px; padding: 0 var(--sp-4);
  border: 1px solid transparent; border-radius: var(--r-pill, 999px);
  font-size: var(--fs-sm, .9rem); font-weight: var(--fw-600);
  color: var(--ink-inverse-muted, #aab5c3);
  cursor: pointer; white-space: nowrap;
  transition: color .18s ease, background .18s ease, border-color .18s ease;
}
.ord-modelo-opcao label:hover { color: var(--ink-inverse, #f5f2ea); }
.ord-modelo-opcao input:checked + label {
  color: var(--gold-metal-text, #fff4d6);
  background: var(--navy-soft, #102238);
  border-color: var(--gold-dim, rgba(197, 164, 113, .45));
}
/* O foco acompanha o teclado, nao o clique, para nao desenhar anel em quem
   usa o mouse. */
.ord-modelo-opcao input:focus-visible + label {
  outline: 2px solid var(--gold-strong, #f0e0c0); outline-offset: 2px;
}
/* O SELO DO LADO DESLIGADO NAO PODE GRITAR MAIS QUE O LIGADO.
   Medido na pagina real em 2026-09-11: com o selo em texto claro, o contraste
   dele contra o trilho dava 14,80, acima do rotulo ATIVO em 14,65 e mais que
   o dobro do proprio rotulo, em 6,29. O olho ia para a opcao que nao esta
   escolhida. O selo inativo passa a usar a mesma tinta do rotulo que ele
   acompanha, entao acompanha em vez de disputar; so o selo do lado escolhido
   recebe o ouro cheio. */
.ord-modelo-selo {
  padding: .15rem .5rem; border-radius: var(--r-pill, 999px);
  font-size: var(--fs-12); letter-spacing: .04em; text-transform: uppercase;
  background: rgba(197, 164, 113, .14);
  color: var(--ink-inverse-muted, #aab5c3);
}
.ord-modelo-opcao input:checked + label .ord-modelo-selo {
  background: var(--gold-metal, linear-gradient(145deg, #91684a, #c5a471));
  color: var(--navy, #07111f);
}
@media (max-width: 30rem) {
  .ord-modelo { width: 100%; }
  .ord-modelo-opcao { flex: 1; }
  .ord-modelo-opcao label { justify-content: center; width: 100%; padding: 0 var(--sp-2); }
}
@media (prefers-reduced-motion: reduce) {
  .ord-modelo-opcao label { transition: none; }
}

/* Bloco de desconto do card de conta (modelo aprovado 2026-09-17).
   Preco final em destaque, selo do percentual, e o preco cheio riscado logo
   abaixo. O preco cheio CONTINUA no DOM de proposito: o portao de fatos
   comerciais exige a taxa regular presente na pagina, e riscar nao e esconder. */
.ord-price-deal { position: relative; margin: .25rem 0 .9rem; padding: .7rem .85rem; border: 1px solid rgba(185,151,91,.34); border-radius: var(--r-md); background: rgba(185,151,91,.07); }
.ord-price-deal .ord-price { margin: 0; line-height: 1.15; }
.ord-deal-badge { position: absolute; top: -.62rem; right: .7rem; padding: .16rem .5rem; border-radius: var(--ra-pill); background: var(--gold); color: #0b1524; font-size: var(--fs-12); font-weight: var(--fw-700); letter-spacing: .02em; box-shadow: var(--sh-2); }
.ord-price-regular { margin: .2rem 0 0; font-size: var(--fs-12); font-weight: var(--fw-600); color: #7b8798; }
.ord-price-regular s { color: #9aa5b4; text-decoration-color: #c0392b; text-decoration-thickness: 2px; }

/* SEPARACAO ENTRE DOIS BLOCOS ESCUROS SEGUIDOS.
   Duas secoes escuras coladas leem como um bloco so, e o leitor perde o
   fim de um assunto e o comeco do outro. A separacao e um fio de luz na
   propria paleta, nao um gradiente nem uma sombra: um filete do dourado
   da marca, a 10% de opacidade, na largura do conteudo. Carrega
   informacao (aqui termina um assunto) e por isso nao e enfeite. */
.ord-site .ord-dark + .ord-dark { position: relative; }
.ord-site .ord-dark + .ord-dark::before {
  content: "";
  position: absolute;
  inset-block-start: 0;
  inset-inline: 50%;
  width: min(var(--container), calc(100% - 2 * var(--sp-4)));
  transform: translateX(-50%);
  height: 1px;
  background: linear-gradient(90deg,
    rgba(197,164,113,0) 0%,
    rgba(197,164,113,.28) 18%,
    rgba(197,164,113,.28) 82%,
    rgba(197,164,113,0) 100%);
}


/* ---- ALVO DE TOQUE: 44px nos controles isolados do telefone ----
   Medido em 18/09/2026 no render a 375px: 17 alvos abaixo de 40px. Oito deles
   sao link DENTRO DE FRASE (rodape legal, nota do motor) e a WCAG 2.5.8 os
   isenta por escrito, porque a altura deles e a entrelinha do texto em volta:
   engordar isso quebraria o paragrafo sem ganhar nada. Os nove restantes sao
   controle isolado, e esses nao tem desculpa: marca (36px), os quatro botoes de
   termo da matriz (27px) e os quatro CTA de secao (26px).
   So no telefone: no desktop o ponteiro acerta 27px e a tabela fica densa de
   proposito. */
@media (max-width: 767px) {
  .ord-brand { min-height: 44px; }
  .ord-mx-term .ord-term { min-height: 40px; padding-block: .34rem; }
  .ord-section-cta a { display: inline-flex; align-items: center; min-height: 44px; }
}


/* ---- CADEIA LONGA SEM ESPACO NAO EMPURRA A PAGINA ----
   Medido a 375px em 19/09/2026, varrendo as 19 paginas institucionais: tres
   rolavam de lado no telefone. verify e v por um endereco TRON de 34
   caracteres dentro de <code> (a caixa dele media 328px), e privacy por uma
   URL de 50 caracteres (402px). Nas tres a pagina inteira ganhava rolagem
   horizontal, que no telefone e o defeito que mais se sente.

   `anywhere` e nao `break-word`, e a diferenca importa aqui: so `anywhere`
   entra na conta de min-content. Era exatamente isso que fazia o grid
   .ord-evidence-list nascer com 377px dentro de um pai de 351px, porque a
   faixa do grid herdava o min-content do endereco impossivel de quebrar.

   Sem escopo de proposito: privacy e terms nao tem classe no <body>, entao
   regra escopada nao os alcanca. Nenhuma pagina do blog carrega esta folha
   (elas usam ui.blog-congelada.css), entao isto nao toca o acervo publicado. */
a, code { overflow-wrap: anywhere; }

/* ---- O CROMO DA PAGINA NUNCA QUEBRA NO MEIO DA PALAVRA ----
   Medido em 23/09/2026, na home no ar a 1280px: a regra acima vale para TODO
   <a>, inclusive os da barra de navegacao. Quando um <p> sem estilo entrou na
   mesma linha flex da nav (o aviso de registro, posto no header em 4fcbfcbe),
   a nav ficou sem largura e cada link estilhacou letra a letra: "Pl an s",
   "Jou rna l", "Cho ose your acc ount". `anywhere` entra na conta de
   min-content, entao o flex se sentiu autorizado a espremer os links ate 1
   caractere em vez de transbordar.

   A causa de hoje foi corrigida na fonte (o aviso voltou para o rodape), mas
   a fragilidade fica: qualquer elemento largo na nav repetiria o estrago.
   `normal` e o comportamento padrao do navegador: quebra em espaco, nunca
   dentro da palavra. Vale para navegacao, botoes, faixa de oferta, marca e
   links de rodape, que sao rotulos curtos e nunca precisaram de `anywhere`.
   O texto corrido e o <code> continuam com `anywhere`, que e o que resolveu a
   rolagem horizontal de 19/09 em verify, v e privacy. */
.ord-nav a,
.ord-nav summary,
.ord-menu > summary,
.ord-menu-panel > a,
.ord-btn,
.ord-promo,
.ord-promo *,
.ord-brand,
.ord-nav-login,
.ord-footer-grid li a,
.ord-legal-nav a { overflow-wrap: normal; word-break: normal; }

/* O corpo inteiro quebra palavra que NAO CABERIA, e so ela. Medido a 375px:
   de/verify rolava 31px e de/why 16px depois de o grid ja estar do tamanho
   certo, porque "MASSGEBLICHER" e "Regulierungsbehoerden" transbordavam a
   propria caixa. Em ingles nao aparecia: a palavra cabia.
   `break-word` e nao `anywhere` aqui de proposito: este nao entra na conta de
   min-content, entao nao muda largura de coluna nenhuma, e em texto que cabe
   o render fica identico. Sem `hyphens: auto`, que mudaria a tipografia de
   todas as linguas sem ninguem ter pedido. */
body { overflow-wrap: break-word; }


/* ---- ALVO DE TOQUE NO SITE INTEIRO, E O <small> QUE VAZAVA ----
   Varredura das 19 paginas institucionais a 375px em 19/09/2026. Tirando os
   link dentro de frase, que a WCAG 2.5.8 isenta por escrito porque a altura
   deles e a entrelinha do texto em volta, sobravam 68 controles ISOLADOS
   abaixo de 40px, todos com 26px, e todos em tres seletores repetidos pagina
   a pagina: a lista de links do rodape (10 por pagina), o link de fonte dos
   cartoes (.ord-source) e a nav das paginas legais. Um seletor, nao 19 remendos.

   O <small> vinha em 13.3333px, que e o default do navegador (0.8333em), nao
   um degrau da escala: 11 ocorrencias so em challenge-fit. 13,33 esta mais
   perto de 14 que de 12, entao sobe. */
small { font-size: var(--fs-14); }

@media (max-width: 767px) {
  .ord-footer-grid li a,
  .ord-source,
  nav.links > a {
    min-height: 40px;
    display: inline-flex;
    align-items: center;
  }
}


/* ---- BLOWOUT DE GRID E FLEX ----
   Filho de grid e de flex nasce com min-width:auto, que e min-content, entao
   um titulo alemao sem espaco faz a faixa inteira crescer alem do pai e a
   pagina rolar de lado. Medido a 375px em 19/09/2026: de/verify tinha
   .ord-evidence-list com 433px dentro de um pai de 351px. Em ingles nao
   aparecia, porque "GOVERNING CONTRACT" cabe e "MASSGEBLICHER VERTRAG" nao.
   min-width:0 devolve a decisao de largura ao contentor, que e o certo aqui:
   a coluna manda no texto, nao o contrario. */
.ord-page-grid > *,
.ord-evidence-list > *,
.ord-evidence-top,
.ord-evidence-top > * { min-width: 0; }

/* WHY ORDANE, segunda dobra da home (pedido do proprietario em 2026-10-01,
   prompt GP-2026-10-01-15). Nove clausulas numa grade estatica 3 x 3, uma
   coluna no telefone. Reaproveita .ord-tool-grid e .ord-tool-card e so troca o
   que o fundo navy exige: cartao escuro com linha, texto claro, figura dourada.
   Movimento: nenhum. So cor de borda e espessura de sublinhado mudam, em 150 ms,
   e prefers-reduced-motion zera ate isso. O .ord-btn sobe 1px no hover em todo
   o site; aqui o hover e so de cor, entao o deslocamento e anulado no escopo. */
.ord-why { --why-ink-3: color-mix(in srgb, var(--ink-inverse-muted) 82%, var(--navy)); }
.ord-why .ord-why-head { margin-bottom: var(--sp-5); }
.ord-why-group + .ord-why-group { margin-top: var(--sec-tight); }
.ord-why .ord-why-row {
  margin: 0 0 var(--sp-3);
  padding-bottom: var(--sp-2);
  border-bottom: 1px solid var(--border-dark);
  color: var(--ink-inverse-muted);
  font-family: var(--font-mono);
  font-size: var(--fs-12);
  font-weight: var(--fw-500);
  letter-spacing: .12em;
  text-transform: uppercase;
}
.ord-why .ord-why-grid { margin: 0; padding: 0; list-style: none; }
.ord-why .ord-why-card {
  min-width: 0;
  min-height: 0;
  padding: var(--sp-4);
  background: var(--navy-raised);
  border-color: var(--border-dark);
  color: var(--ink-inverse);
  transition: border-color 150ms ease;
}
.ord-why .ord-why-card:hover,
.ord-why .ord-why-card:focus-within { border-color: var(--gold-dim); }
.ord-why .ord-why-card .ord-why-num {
  color: var(--why-ink-3);
  font-family: var(--font-mono);
  font-size: var(--fs-12);
  font-weight: var(--fw-500);
  letter-spacing: .08em;
  line-height: 1.4;
}
.ord-why .ord-why-card .ord-why-fig {
  margin: var(--sp-1) 0 var(--sp-3);
  color: var(--gold-strong);
  font-family: var(--font-mono);
  font-size: var(--fs-32);
  font-weight: var(--fw-500);
  line-height: 1.1;
  letter-spacing: -.01em;
  overflow-wrap: anywhere;
}
.ord-why .ord-why-card .ord-why-claim {
  margin: 0 0 var(--sp-1);
  color: var(--ink-inverse);
  font-family: var(--font-sans);
  font-size: var(--fs-20);
  font-weight: var(--fw-600);
  line-height: 1.3;
  letter-spacing: -.005em;
}
.ord-why .ord-why-card .ord-why-clause {
  margin: 0 0 var(--sp-3);
  color: var(--ink-inverse-muted);
  font-size: var(--fs-14);
  line-height: 1.5;
}
.ord-why .ord-why-card .ord-why-proof {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--sp-4);
  margin: auto 0 0;
}
.ord-why .ord-why-card .ord-why-proof a {
  display: inline-block;
  margin: 0;
  padding-block: var(--sp-1);
  color: var(--gold);
  font-family: var(--font-mono);
  font-size: var(--fs-14);
  font-weight: var(--fw-500);
  text-decoration: underline;
  text-decoration-color: currentColor;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: text-decoration-thickness 150ms ease, color 150ms ease;
}
.ord-why .ord-why-card .ord-why-proof a:hover,
.ord-why .ord-why-card .ord-why-proof a:focus-visible { color: var(--gold-strong); text-decoration-thickness: 2px; }
.ord-why a:focus-visible { outline: 2px solid var(--gold-strong); outline-offset: 2px; box-shadow: none; }
.ord-why .ord-why-cta { margin-top: var(--sp-5); }
.ord-why .ord-why-cta .ord-btn { transition: background 150ms ease, border-color 150ms ease, color 150ms ease; }
.ord-why .ord-why-cta .ord-btn:hover { transform: none; }
.ord-why .ord-why-cta .ord-text-link { color: var(--ink-inverse); transition: text-decoration-thickness 150ms ease; }
.ord-why .ord-why-cta .ord-text-link:hover,
.ord-why .ord-why-cta .ord-text-link:focus-visible { text-decoration-thickness: 2px; }
/* Owner-approved compact hierarchy: three highlights and six quieter benefits. */
:where(.ord-site.ord-home) #why.ord-why {
  background: #eee2ca linear-gradient(135deg, #faf6ed 0%, #eee2ca 60%, #e3d2b2 100%);
  --ink-inverse: #152235;
  --ink-inverse-muted: #495461;
  --why-ink-3: #495461;
  --border-dark: #c6b899;
  --gold: #715326;
  --gold-strong: #65481e;
  color: var(--ink-inverse);
}
:where(.ord-site.ord-home) #why .ord-why-featured .ord-why-card {
  --ink-inverse: #f8f4eb;
  --ink-inverse-muted: #d1d7df;
  --gold: #ddbd83;
  --gold-strong: #efd5a7;
  background: #102033 linear-gradient(145deg,#182b40,#102033 75%);
  border-color: #526071;
  box-shadow: 0 8px 20px rgba(21,34,53,.12);
}
:where(.ord-site.ord-home) #why .ord-why-compact { gap: 16px; }
:where(.ord-site.ord-home) #why .ord-why-compact .ord-why-card {
  background: #fffdf9;
  border: 1px solid #d8c9ad;
  border-radius: var(--ra-10);
  box-shadow: 0 3px 10px rgba(21,34,53,.05);
}
:where(.ord-site.ord-home) #why .ord-why-cta .ord-btn-secondary { color: #f8f4eb; background: #152235; }
:where(.ord-site.ord-home) #guarantee.ord-bronze { background: linear-gradient(135deg,#f6efdf,#eee2ca 58%,#e5d2ae); }
:where(.ord-site.ord-home) #how.ord-dark { background: #101d2e; position: relative; isolation: isolate; overflow: clip; }
:where(.ord-site.ord-home) #how.ord-dark::before {
  content: ""; position: absolute; inset: -8%;
  background: radial-gradient(640px 420px at 78% 18%,rgba(255,244,214,.14),transparent 65%),radial-gradient(520px 380px at 12% 85%,rgba(145,104,74,.1),transparent 60%);
  opacity: .3; pointer-events: none;
}
:where(.ord-site.ord-home) #how.ord-dark > .ord-shell { position: relative; }
:where(.ord-site.ord-home) #no-per-trade-cost.ord-soft { background: #f5f2ea; }
:where(.ord-site.ord-home) #no-per-trade-cost .ord-kicker { color: #715326; background-image: none; -webkit-text-fill-color: currentColor; }
:where(.ord-site.ord-home) :is(#how,#no-per-trade-cost,#guarantee) .ord-section-head { margin-bottom: 32px; }
:where(.ord-site.ord-home) :is(#how,#no-per-trade-cost,#guarantee) .ord-section-title { line-height: 1.15; letter-spacing: -.02em; text-wrap: balance; }
:where(.ord-site.ord-home) :is(#how,#no-per-trade-cost,#guarantee) :is(.ord-cycle-card,.ord-tool-card) {
  padding: clamp(20px,2.4vw,32px); border-radius: var(--ra-10);
}
:where(.ord-site.ord-home) :is(#how,#no-per-trade-cost,#guarantee) :is(.ord-cycle-card,.ord-tool-card) h3 {
  margin: 16px 0 8px; font-size: var(--fs-20); line-height: 1.3;
}
:where(.ord-site.ord-home) :is(#how,#no-per-trade-cost,#guarantee) :is(.ord-cycle-card,.ord-tool-card) p { margin: 0; line-height: 1.65; }
:where(.ord-site.ord-home) #how .ord-cycle-card { background: linear-gradient(145deg,#1c334b,#13253a); border: 1px solid #9c835866; box-shadow: inset 0 1px 0 #ffffff0d,0 12px 28px #02091329; transition: transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease; }
:where(.ord-site.ord-home) #how .ord-cycle-number { width: 44px; height: 44px; background: linear-gradient(135deg,#f0d9ad,#c5a471); border: 1px solid #dfc18d; color: #152235; box-shadow: 0 4px 12px #02091333; }
@media(hover:hover) and (pointer:fine) {
  :where(.ord-site.ord-home) #how .ord-cycle-card:hover { background: linear-gradient(145deg,#203a54,#14283d); border-color: #c5a471; transform: translateY(-3px); box-shadow: inset 0 1px 0 #ffffff12,0 16px 32px #02091340; }
}
@media(prefers-reduced-motion:reduce) {
  :where(.ord-site.ord-home) #how .ord-cycle-card { transition: none; }
  :where(.ord-site.ord-home) #how .ord-cycle-card:hover { transform: none; }
}
:where(.ord-site.ord-home) #reviews { background: #101d2e; padding-inline: 16px; }
:where(.ord-site.ord-home) #reviews .ord-reviews-inner { box-sizing: border-box; max-width: 960px; width: 100%; padding: clamp(24px,4vw,48px); background: radial-gradient(ellipse at 50% 0%,#29425a80,transparent 70%),#122337; border: 1px solid #b5976659; border-radius: var(--ra-10); box-shadow: 0 16px 40px #02091333; }
:where(.ord-site.ord-home) #reviews .ord-kicker { color: #e2c99d; background: none; -webkit-text-fill-color: currentColor; }
:where(.ord-site.ord-home) #reviews .ord-reviews-line { gap: 12px; margin-top: 24px; }
:where(.ord-site.ord-home) #reviews .ord-reviews-line strong { font-size: var(--fs-24); color: #fffdf7; }
:where(.ord-site.ord-home) #reviews .ord-reviews-stars { font-size: var(--fs-24); }
:where(.ord-site.ord-home) #reviews .ord-reviews-cta { background: linear-gradient(120deg,#c5a471,#efd8ab,#d0b17d); color: #152235; border-color: #d0b17d; min-height: 48px; padding: 12px 24px; gap: 8px; }
:where(.ord-site.ord-home) #reviews .ord-reviews-note { color: #c1ccd8; line-height: 1.6; }
:where(.ord-site.ord-home) #reviews .ord-reviews-cta:focus-visible { outline: 2px solid #efd8ab; outline-offset: 4px; }
:where(.ord-site.ord-home) #how .ord-cycle-card p { color: #d1d7df; }
:where(.ord-site.ord-home) :is(#no-per-trade-cost,#guarantee) .ord-tool-card { background: #fffdf8; border: 1px solid #d8c9ad; box-shadow: 0 6px 18px rgba(21,34,53,.07); }
:where(.ord-site.ord-home) :is(#no-per-trade-cost,#guarantee) .ord-tool-icon { width: 48px; height: 48px; background: #152235; color: #efd5a7; box-shadow: none; }
:where(.ord-site.ord-home) :is(#no-per-trade-cost,#guarantee) .ord-tool-card p { color: #526070; }
:where(.ord-site.ord-home) :is(#how,#no-per-trade-cost,#guarantee) .ord-section-cta > .ord-text-link {
  display: inline-flex; align-items: center; min-height: 44px; max-width: 100%;
  padding: 12px 20px; border: 1px solid #152235; border-radius: var(--ra-pill);
  background: #152235; background-clip: border-box; color: #fffdf8;
  text-decoration: none; line-height: 1.4;
}
:where(.ord-site.ord-home) #how .ord-section-cta > .ord-text-link { background: #efd5a7; border-color: #efd5a7; color: #152235; }
:where(.ord-site.ord-home) :is(#how,#no-per-trade-cost,#guarantee) .ord-section-cta > .ord-text-link:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
:where(.ord-site.ord-home) #why .ord-why-featured .ord-why-card:hover,
:where(.ord-site.ord-home) #why .ord-why-featured .ord-why-card:focus-within { border-color: var(--gold); }
:where(.ord-site.ord-home) .ord-why .ord-why-head { align-items: end; margin-bottom: 28px; }
:where(.ord-site.ord-home) .ord-why .ord-why-head > p { max-width: 38ch; }
:where(.ord-site.ord-home) .ord-why-group + .ord-why-group { margin-top: 24px; }
:where(.ord-site.ord-home) .ord-why .ord-why-featured { gap: 16px; }
:where(.ord-site.ord-home) .ord-why .ord-why-featured .ord-why-card {
  padding: 24px 24px 12px;
  border: 1px solid rgba(190,157,96,.26);
  border-radius: var(--ra-10);
  background: linear-gradient(145deg,rgba(190,157,96,.06),transparent 65%),var(--navy-raised);
}
:where(.ord-site.ord-home) .ord-why .ord-why-featured .ord-why-fig {
  margin: 0 0 14px;
  font-family: var(--font-sans);
  font-size: var(--fs-40);
  font-weight: var(--fw-500);
  letter-spacing: -.045em;
}
:where(.ord-site.ord-home) .ord-why .ord-why-featured .ord-why-claim { font-size: var(--fs-20); margin-bottom: 10px; }
:where(.ord-site.ord-home) .ord-why .ord-why-card .ord-why-clause { margin-bottom: 8px; font-size: var(--fs-14); line-height: 1.5; }
:where(.ord-site.ord-home) .ord-why .ord-why-card .ord-why-proof a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0;
  font-family: var(--font-sans);
  font-size: var(--fs-14);
  text-decoration: none;
}
:where(.ord-site.ord-home) .ord-why .ord-why-proof a:hover { text-decoration: underline; }
:where(.ord-site.ord-home) .ord-why .ord-why-compact { gap: 0 28px; }
:where(.ord-site.ord-home) .ord-why .ord-why-compact .ord-why-card {
  display: grid;
  grid-template-columns: 22px minmax(0,1fr);
  grid-template-rows: auto 1fr auto;
  column-gap: 12px;
  padding: 20px 20px 12px;
  border: 0;
  border-top: 1px solid var(--border-dark);
  border-radius: 0;
  background: transparent;
}
:where(.ord-site.ord-home) .ord-why .ord-why-icon { grid-column: 1; grid-row: 1; width: 22px; height: 22px; color: var(--gold); }
:where(.ord-site.ord-home) .ord-why .ord-why-compact .ord-why-claim { grid-column: 2; font-size: var(--fs-16); line-height: 1.4; margin-bottom: 8px; }
:where(.ord-site.ord-home) .ord-why .ord-why-compact .ord-why-clause,
:where(.ord-site.ord-home) .ord-why .ord-why-compact .ord-why-proof { grid-column: 2; }
:where(.ord-site.ord-home) .ord-why .ord-why-cta { margin-top: 24px; padding-top: 24px; border-top: 1px solid var(--border-dark); }
@media (max-width: 760px) {
  .ord-why .ord-why-card { padding: var(--sp-3) var(--sp-3) var(--sp-2); }
  .ord-why .ord-why-card .ord-why-fig { font-size: var(--fs-24); margin-bottom: var(--sp-2); }
  .ord-why .ord-why-card .ord-why-claim { font-size: var(--fs-16); }
  .ord-why .ord-why-cta .ord-btn { width: 100%; }
  :where(.ord-site.ord-home) .ord-why .ord-why-featured .ord-why-card { padding: 20px 20px 8px; }
  :where(.ord-site.ord-home) .ord-why .ord-why-featured .ord-why-fig { font-size: var(--fs-32); margin-bottom: 10px; }
  :where(.ord-site.ord-home) .ord-why .ord-why-featured .ord-why-claim { font-size: var(--fs-16); }
  :where(.ord-site.ord-home) .ord-why .ord-why-compact { grid-template-columns: 1fr; }
  :where(.ord-site.ord-home) .ord-why .ord-why-compact .ord-why-card { padding: 16px 16px 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .ord-why .ord-why-card,
  .ord-why a,
  .ord-why .ord-why-cta .ord-btn { transition-duration: 0ms; }
}
/* Requested reference interaction, adapted to Ordane gold and keyboard focus. */
/* Pricing polish: presentation only; table, purchase links and sticky labels stay intact. */
:where(.ord-site.ord-home) #platform { padding-block: clamp(56px,8vw,96px); color: #fffdf7; background: radial-gradient(ellipse at 50% 0%,#28547780,transparent 65%),linear-gradient(160deg,#163651,#10263e 55%,#091725); }
:where(.ord-site.ord-home) #platform .ord-platform-heading { width: 100%; max-width: 900px; margin: 0 auto 32px; text-align: center; }
:where(.ord-site.ord-home) #platform .ord-platform-heading h2 {
  font-family: var(--font-serif); font-size: var(--fs-fluid-40-32); font-weight: var(--fw-400);
  line-height: 1.12; color: #fffdf7; letter-spacing: -.02em; text-wrap: balance; margin: 12px 0 16px;
}
:where(.ord-site.ord-home) #platform .ord-kicker { color: #e2c99d; background-image: none; -webkit-text-fill-color: currentColor; }
:where(.ord-site.ord-home) #platform .ord-platform-heading > p:last-child { max-width: 60ch; margin-inline: auto; color: #cbd5df; }
:where(.ord-site.ord-home) #platform .ord-platform-tabs {
  width: fit-content; max-width: 100%; box-sizing: border-box; padding: 6px; margin-bottom: 20px;
  justify-self: center; border: 1px solid #897452; border-radius: var(--ra-10); background: #0b1c30; box-shadow: inset 0 1px 0 #ffffff0d;
}
:where(.ord-site.ord-home) #platform .ord-platform-tabs button { border-color: transparent; border-radius: var(--ra-10); background: transparent; color: #d5dee7; }
:where(.ord-site.ord-home) #platform .ord-platform-tabs button:hover { background: #223d56; color: #fff3da; }
:where(.ord-site.ord-home) #platform .ord-platform-tabs button[aria-selected="true"] { background: linear-gradient(120deg,#c5a471,#f0d9a8 55%,#d0b17d); border-color: #d0b17d; color: #152235; box-shadow: inset 0 1px 0 #fff5d9; }
:where(.ord-site.ord-home) #platform .ord-platform-tabs button:focus-visible { outline: 2px solid #f0d9a8; outline-offset: 2px; }
:where(.ord-site.ord-home) #platform .ord-platform-panel { border: 1px solid #d0b17d; border-radius: var(--ra-10); box-shadow: 0 0 0 1px #d0b17d26,0 24px 56px #02091366; }
:where(.ord-site.ord-home) #platform .ord-platform-panel figcaption { background: #102338; color: #d1dbe5; border-top-color: #d0b17d40; }
:where(.ord-site.ord-home) #platform .ord-platform-disclosure { margin-inline: auto; text-align: center; color: #bdcad7; }
.ord-site.ord-home .ord-hero { background: #101d2e; color: #fffdf7; }
.ord-site.ord-home .ord-hero .ord-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; width: min(100%,440px); margin: 24px 0 0; }
.ord-site.ord-home .ord-hero .ord-actions .ord-btn { box-sizing: border-box; min-height: 48px; padding: 12px 16px; justify-content: center; text-align: center; margin: 0; }
.ord-site.ord-home .ord-hero .ord-review-badge { display: grid; grid-template-columns: 20px minmax(0,1fr) 20px; align-items: center; gap: 8px; box-sizing: border-box; width: min(100%,440px); margin: 16px 0 0; padding: 12px 16px; border-radius: var(--ra-10); }
.ord-site.ord-home .ord-hero .ord-review-text { text-align: center; min-width: 0; }
.ord-site.ord-home .ord-hero :is(.ord-review-star,.ord-review-out) { margin: 0; justify-self: center; }
.ord-site.ord-home .ord-hero .ord-hero-fact { max-width: 440px; margin: 16px 0 0; line-height: 1.5; }
@media(max-width:480px) {
  .ord-site.ord-home .ord-hero .ord-actions { grid-template-columns: 1fr; }
}
.ord-site.ord-home #reserve { background: linear-gradient(145deg,#10263e,#081521); }
:where(.ord-site.ord-home) #reserve .ord-reserve-evidence { background: #132a42; border-color: #a68b63; border-radius: var(--ra-10); box-shadow: 0 16px 40px #02091340; }
:where(.ord-site.ord-home) #reserve .ord-reserve-note { background: #f3ead9; border: 1px solid #c5ad84; border-radius: var(--ra-10); padding: 24px; }
:where(.ord-site.ord-home) #reserve .ord-reserve-note h3 { color: #152235; font-family: var(--font-serif); font-size: var(--fs-20); font-weight: var(--fw-400); letter-spacing: normal; text-transform: none; }
:where(.ord-site.ord-home) #reserve .ord-reserve-note :is(p,ol) { color: #465568; line-height: 1.65; }
:where(.ord-site.ord-home) #reserve .ord-treasury-limit { color: #d1dbe5; padding: 16px; border-inline-start: 2px solid #d0b17d; background: #ffffff08; }
:where(.ord-site.ord-home) #reserve .ord-reserve-wallet code { min-width: 0; overflow-wrap: anywhere; color: #fff3da; text-decoration: none; }
:where(.ord-site.ord-home) #reserve :is(.ord-copy-address,.ord-reserve-source,.ord-section-cta > .ord-text-link) { display: inline-flex; align-items: center; min-height: 44px; box-sizing: border-box; max-width: 100%; padding: 12px 16px; border: 1px solid #b69b70; border-radius: var(--ra-10); background: #102238; color: #f0d9a8; text-decoration: none; }
:where(.ord-site.ord-home) #reserve .ord-reserve-source { margin: 16px; max-width: calc(100% - 32px); background: linear-gradient(120deg,#c5a471,#f0d9a8); color: #152235; }
:where(.ord-site.ord-home) #reserve :is(a,button):focus-visible { outline: 2px solid #f0d9a8; outline-offset: 4px; }
.ord-site.ord-home .ord-hero::before { opacity: .3; animation: none; }
.ord-site.ord-home .ord-hero .ord-hero-grid { gap: 32px clamp(24px,4vw,64px); padding-block: clamp(40px,6vw,80px); }
.ord-site.ord-home .ord-hero .ord-lead { max-width: 54ch; color: #cbd2db; line-height: 1.65; }
.ord-site.ord-home .ord-hero .ord-btn-primary { background: #d4b887; color: #152235; border: 1px solid #d4b887; box-shadow: none; text-shadow: none; }
.ord-site.ord-home .ord-hero .ord-btn-primary:hover { background: #e0c79f; }
.ord-site.ord-home .ord-hero .ord-btn-secondary { background: transparent; color: #fffdf7; border: 1px solid #687382; box-shadow: none; }
.ord-site.ord-home .ord-hero .ord-proof-card { padding: clamp(20px,3vw,32px); background: linear-gradient(145deg,#0c1b2c,#081421 65%,#060f1b); border: 1px solid #d0b17d; border-radius: var(--ra-10); box-shadow: 0 0 0 1px rgb(212 184 135 / 10%),0 18px 40px rgb(0 0 0 / 24%); }
.ord-site.ord-home .ord-hero .ord-proof-card::after { content: none; }
.ord-site.ord-home .ord-hero .ord-proof-head { padding-bottom: 20px; letter-spacing: .06em; border-bottom-color: rgb(212 184 135 / 30%); }
.ord-site.ord-home .ord-hero .ord-proof-head strong { background: none; color: #e2c99d; -webkit-text-fill-color: currentColor; }
.ord-site.ord-home .ord-hero .ord-proof-mark { color: #e2c99d; }
.ord-site.ord-home .ord-hero .ord-proof-row { grid-template-columns: minmax(0,1fr) auto; gap: 16px; padding: 20px 0; margin: 0; border-radius: 0; background: transparent; align-items: start; }
.ord-site.ord-home .ord-hero .ord-proof-row small { display: block; margin-top: 6px; color: #cbd2db; line-height: 1.55; }
.ord-site.ord-home .ord-hero .ord-proof-row .ord-status { justify-self: end; background: #143f3b; border: 1px solid #377969; color: #9bf0c8; padding: 4px 8px; border-radius: var(--ra-pill); box-shadow: none; }
.ord-site.ord-home .ord-hero .ord-status::before { background: currentColor; box-shadow: none; animation: none; }
.ord-site.ord-home .ord-hero .ord-proof-foot { display: block; margin-top: 20px; color: #cbd2db; line-height: 1.55; }
.ord-site.ord-home .ord-hero :is(.ord-proof-card,.ord-proof-row,.ord-proof-foot,.ord-status,.ord-proof-mark,.ord-proof-ring) { animation: none; opacity: 1; transform: none; }
.ord-site.ord-home .ord-hero a:focus-visible { outline: 2px solid #d4b887; outline-offset: 4px; }
@media(max-width:480px) {
 .ord-site.ord-home .ord-hero .ord-proof-row { grid-template-columns: minmax(0,1fr); gap: 8px; }
 .ord-site.ord-home .ord-hero .ord-proof-row .ord-status { justify-self: start; }
}
.ord-site.ord-home .ord-footer .ord-footer-menu { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 32px; padding-block: 8px 24px; }
.ord-site.ord-home .ord-footer .ord-footer-menu h2 { margin: 0 0 12px; color: #d4c6b5; font-size: var(--fs-12); font-weight: var(--fw-600); letter-spacing: .1em; }
.ord-site.ord-home .ord-footer .ord-footer-menu a { min-height: 44px; line-height: 1.5; }
.ord-site.ord-home .ord-footer { background: #101d2e; position: relative; isolation: isolate; overflow: clip; }
.ord-site.ord-home .ord-footer::before {
  content: ""; position: absolute; inset: -8%;
  background: radial-gradient(640px 420px at 78% 18%,rgba(255,244,214,.14),transparent 65%),radial-gradient(520px 380px at 12% 85%,rgba(145,104,74,.1),transparent 60%);
  opacity: .3; pointer-events: none;
}
.ord-site.ord-home .ord-footer > .ord-shell { position: relative; }
.ord-site.ord-home .ord-footer .ord-community { display: grid; grid-template-columns: minmax(220px,1fr) minmax(0,3fr); column-gap: 40px; row-gap: 12px; padding: 28px 0; background: none; border: 0; border-block: 1px solid #ffffff1a; border-radius: 0; box-shadow: none; }
.ord-site.ord-home .ord-footer .ord-footer-contact { grid-column: 1; grid-row: 1 / 3; margin: 0; padding: 0; border: 0; }
.ord-site.ord-home .ord-footer .ord-community > h2 { grid-column: 2; margin: 0; }
.ord-site.ord-home .ord-footer .ord-community-links { grid-column: 2; margin: 0; }
.ord-site.ord-home .ord-footer .ord-footer-contact a { color: #f4dfba; }
.ord-site.ord-home .ord-footer .ord-footer-contact a { overflow-wrap: anywhere; }
.ord-site.ord-home .ord-footer .ord-community-links { gap: 8px 24px; }
.ord-site.ord-home .ord-footer .ord-community-links a > span:last-child { color: #d9dee5; }
.ord-site.ord-home .ord-footer .ord-community-links a:hover > span:last-child { color: #e2caa0; }
.ord-site.ord-home .ord-legal-risk { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px 32px; margin-top: 8px; padding: 16px 0 0; background: none; border: 0; border-radius: 0; font-size: var(--fs-12); line-height: 1.5; color: #aebac9; }
.ord-site.ord-home .ord-legal-risk .ord-legal-copyright { grid-column: 1 / -1; margin: 0; }
.ord-site.ord-home .ord-legal-block { min-width: 0; }
.ord-site.ord-home .ord-legal-risk .ord-legal-block p { margin: 0; }
.ord-site.ord-home .ord-legal-risk h2 { break-after: avoid; margin: 0 0 6px; font-size: var(--fs-12); line-height: 1.5; color: #c4ccd6; }
.ord-site.ord-home .ord-legal-risk p { break-inside: avoid; margin: 0 0 16px; }
.ord-site.ord-home .ord-legal-risk a { font-size: inherit; line-height: inherit; }
@media(max-width: 767px) {
  .ord-site.ord-home .ord-footer .ord-community { grid-template-columns: minmax(0,1fr); gap: 16px; }
  .ord-site.ord-home .ord-footer .ord-footer-contact { grid-column: 1; grid-row: auto; margin-bottom: 8px; }
  .ord-site.ord-home .ord-footer .ord-community > h2,
  .ord-site.ord-home .ord-footer .ord-community-links { grid-column: 1; }
  .ord-site.ord-home .ord-footer .ord-footer-menu { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 16px; }
  .ord-site.ord-home .ord-footer .ord-community-links { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 16px; }
  .ord-site.ord-home .ord-legal-risk { grid-template-columns: minmax(0,1fr); gap: 24px; font-size: var(--fs-12); line-height: 1.6; }
}
:where(.ord-site.ord-home) #support { background: #f5f2ea; color: #152235; }
:where(.ord-site.ord-home) #support .ord-support-figure {
  border-color: #d8c9ad; border-radius: var(--ra-10); padding: 8px;
  background: linear-gradient(145deg,#fffdf8,#e9ddc7); box-shadow: 0 12px 32px rgba(21,34,53,.10);
}
:where(.ord-site.ord-home) #support .ord-support-copy > .ord-kicker {
  margin: 0 0 12px; color: #715326; background-image: none; -webkit-text-fill-color: currentColor;
}
:where(.ord-site.ord-home) #support #support-title { margin: 0 0 16px; line-height: 1.15; letter-spacing: -.02em; text-wrap: balance; }
:where(.ord-site.ord-home) #support .ord-support-copy > p:not(.ord-kicker) { max-width: 46ch; color: #526070; line-height: 1.65; }
:where(.ord-site.ord-home) #support .ord-support-regions { margin: 24px 0; color: #526070; font-weight: var(--fw-500); }
:where(.ord-site.ord-home) #support .ord-support-regions span { padding-inline-start: 12px; border-inline-start-color: #a68b63; }
:where(.ord-site.ord-home) #support .ord-support-copy > .ord-btn {
  min-height: 44px; border: 1px solid #152235; border-radius: var(--ra-pill);
  background: #152235; color: #fffdf8; box-shadow: none;
}
:where(.ord-site.ord-home) #support .ord-support-copy > .ord-btn:focus-visible { outline: 2px solid #152235; outline-offset: 4px; }
.ord-site.ord-home #plans .ord-section-head > .ord-btn {
  background: #102033 linear-gradient(145deg,#182b40,#102033 75%); color: #fffdf7;
  width: fit-content; max-width: 100%; justify-self: start; min-height: 44px;
  padding-inline: 24px; border-radius: var(--ra-pill);
}
.ord-site.ord-home #plans .ord-section-head { margin-bottom: 40px; }
.ord-site.ord-home #plans .ord-mx thead th.ord-mx-size {
  background: #102033 linear-gradient(145deg,#182b40,#102033 75%);
  color: #fffdf7; padding: 24px 16px;
  border-color: #34475c; border-start-start-radius: var(--ra-10); border-start-end-radius: var(--ra-10);
}
.ord-site.ord-home #plans .ord-mx thead th.ord-mx-size.is-featured {
  border-top: 1px solid #34475c;
  background: #102033 linear-gradient(145deg,#182b40,#102033 75%);
  border-inline-color: #34475c;
}
.ord-site.ord-home #plans .ord-mx-kicker { color: #d4c6b5; margin-bottom: 8px; }
.ord-site.ord-home #plans .ord-mx-size strong { color: #fffdf7; font-size: var(--fs-24); line-height: 1.2; }
.ord-site.ord-home #plans .ord-mx tbody td {
  padding: 16px; background: #fffdf9; border-bottom-color: #e5e0d6;
}
.ord-site.ord-home #plans .ord-mx tbody td.is-featured,
.ord-site.ord-home #plans .ord-mx tfoot td,
.ord-site.ord-home #plans .ord-mx tfoot td.is-featured {
  background: #fffdf9; border-inline-color: #ddd8cf; border-bottom-color: #ddd8cf;
}
.ord-site.ord-home #plans .ord-mx-fee td {
  background: #fffdf9; border-top: 1px solid #ddd8cf; padding: 20px 16px;
  border-end-start-radius: var(--ra-10); border-end-end-radius: var(--ra-10);
}
.ord-site.ord-home #plans .ord-mx-price { font-size: var(--fs-24); line-height: 1.2; margin: 8px 0; }
.ord-site.ord-home #plans .ord-mx-regular { color: #56616d; }
.ord-site.ord-home #plans .ord-deal-badge {
  background: #eee9e2; color: #73543c; border: 1px solid #ddd3c7; box-shadow: none;
}
.ord-site.ord-home #plans .ord-mx-buy {
  margin-top: 16px; min-height: 44px;
  background: linear-gradient(120deg,#c5a471,#f0d9a8 48%,#d0b17d); color: #152235;
  border: 1px solid #a88750; box-shadow: 0 3px 8px rgb(113 83 38 / 18%),inset 0 1px 0 #fff5d9;
  text-shadow: none; transform: none; transform-origin: center;
  transition: transform 180ms ease,box-shadow 180ms ease;
}
@media(hover:hover) and (pointer:fine) {
  .ord-site.ord-home #plans .ord-mx-buy:hover {
    color: #152235; transform: scale(1.045);
    box-shadow: 0 6px 16px rgb(113 83 38 / 25%),inset 0 1px 0 #fff5d9;
  }
}
.ord-site.ord-home #plans .ord-mx-buy:focus-visible { outline: 2px solid #91684a; outline-offset: 3px; }
@media(prefers-reduced-motion:reduce) {
  .ord-site.ord-home #plans .ord-mx-buy { transition: none !important; }
  .ord-site.ord-home #plans .ord-mx-buy:hover { transform: none; }
}
.ord-site.ord-home #plans .ord-mx-rules > .ord-btn { border-radius: var(--ra-pill); min-height: 44px; background: #102033 linear-gradient(145deg,#182b40,#102033 75%); color: #fffdf7; }
:where(.ord-site.ord-home) #why .ord-why-card {
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}
@keyframes ord-illustration-float {
  0%,100% { transform: translateY(4px) rotate(-2deg) scale(1); }
  50% { transform: translateY(-14px) rotate(2deg) scale(1.025); }
}
@media (prefers-reduced-motion: no-preference) {
  :where(.ord-site.ord-home) #guarantee .ord-guarantee-image,
  :where(.ord-site.ord-home) #no-per-trade-cost .ord-no-cost-medallion {
    animation: ord-illustration-float 4s ease-in-out infinite;
  }
  :where(.ord-site.ord-home) #no-per-trade-cost .ord-no-cost-medallion { animation-delay: -2s; }
}
@media (prefers-reduced-motion: reduce) {
  :where(.ord-site.ord-home) #guarantee .ord-guarantee-image,
  :where(.ord-site.ord-home) #no-per-trade-cost .ord-no-cost-medallion { animation: none; transform: none; }
}
:where(.ord-site.ord-home) #guarantee .ord-tool-card {
  background: linear-gradient(145deg,#fffefa,#faf5eb);
  border-color: #d8c9ad;
  box-shadow: inset 0 1px 0 #fff,0 8px 24px rgb(83 62 30 / 8%);
  transition: transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease;
}
@media (hover: hover) and (pointer: fine) {
  :where(.ord-site.ord-home) #guarantee .ord-tool-card:hover {
    transform: translateY(-4px);
    border-color: #b18a50;
    box-shadow: inset 0 1px 0 #fff,0 0 0 1px rgb(177 138 80 / 20%),0 16px 32px rgb(83 62 30 / 15%);
  }
}
@media (prefers-reduced-motion: reduce) {
  :where(.ord-site.ord-home) #guarantee .ord-tool-card { transition: none !important; }
  :where(.ord-site.ord-home) #guarantee .ord-tool-card:hover { transform: none; }
}
:where(.ord-site.ord-home) #why .ord-why-card:focus-within {
  border-color: var(--gold);
  box-shadow: 0 0 0 1px rgba(197,164,113,.5), 0 0 24px rgba(197,164,113,.15), 0 16px 32px rgba(4,12,22,.24);
}
@media (hover: hover) and (pointer: fine) {
  :where(.ord-site.ord-home) #why .ord-why-card:hover {
    transform: translateY(-4px);
    border-color: var(--gold);
    box-shadow: 0 0 0 1px rgba(113,83,38,.25), 0 10px 24px rgba(83,62,30,.12);
  }
  :where(.ord-site.ord-home) #why .ord-why-compact .ord-why-card:hover { background-color: #fffdf9; }
}
@media (prefers-reduced-motion: reduce) {
  :where(.ord-site.ord-home) #why .ord-why-card { transition: none !important; }
  :where(.ord-site.ord-home) #why .ord-why-card:hover { transform: none; }
}

/* Premium language selector: scoped to the portaled panel. */
.lang-backdrop.is-open { z-index: 2147483000; }
.lang-panel.is-open {
  z-index: 2147483001;
  width: min(720px, calc(100vw - 24px));
  max-height: calc(100vh - 24px);
  max-height: calc(100dvh - 24px);
  background: linear-gradient(145deg, #20354c, #122135 70%);
  border-color: #7c6b50;
  box-shadow: 0 24px 70px #02091166, inset 0 1px 0 #ffffff12;
}
.lang-panel .lang-panel-head { padding: 12px 16px 4px; gap: 12px; }
.lang-panel .lang-panel-head strong { color: #f5f2ea; }
.lang-panel .lang-x { flex: 0 0 44px; color: #c6cfda; }
.lang-panel .lang-search-wrap { margin: 0 16px 12px; }
.lang-panel.is-open .lang-search {
  min-height: 44px; padding-block: 10px;
  padding-inline: 40px 12px; font-size: var(--fs-16);
  color: #f5f2ea; border-color: #526071;
}
.lang-panel .lang-search::placeholder { color: #b6c2d0; }
.lang-panel .lang-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px; padding: 16px; margin: 0;
  scrollbar-gutter: auto; overscroll-behavior: contain;
  align-content: start;
}
.lang-panel .lang-grid li { min-width: 0; margin: 0; padding: 0; }
.lang-panel.is-open .lang-grid a {
  min-height: 48px; height: 100%; padding: 8px 10px; gap: 8px;
  font-size: var(--fs-16); line-height: 1.25; color: #f5f2ea;
  background: #ffffff05; border-color: #ffffff14;
  overflow-wrap: anywhere;
}
.lang-panel .lang-grid .flag { width: 22px; height: 22px; }
.lang-panel.is-open .lang-grid a:hover { background: #ffffff0d; border-color: #7c6b50; }
.lang-panel.is-open .lang-grid a[aria-current="true"] {
  color: #efcf94; background: #b9975b20; border-color: #ae8e58;
  box-shadow: inset 3px 0 0 #ddbd83;
}
[dir="rtl"] .lang-panel.is-open .lang-grid a[aria-current="true"] {
  box-shadow: inset -3px 0 0 #ddbd83;
}
.lang-panel.is-open :is(.lang-grid a, .lang-search, .lang-x):focus-visible {
  outline: 2px solid #efcf94; outline-offset: 2px;
}
@media (max-width: 639px) {
  .lang-panel .lang-panel-head { padding: 8px 12px 4px; }
  .lang-panel .lang-search-wrap { margin: 0 12px 8px; }
  .lang-panel .lang-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; padding: 12px; }
  .lang-panel.is-open .lang-grid a { min-height: 44px; padding: 6px 8px; }
  .lang-panel .lang-grid .flag { width: 20px; height: 20px; }
}
/* Extremely short viewports / zoom: keep chrome reachable and the list scrollable. */
@media (max-height: 300px) {
  .lang-panel.is-open { overflow-y: auto; }
  .lang-panel .lang-grid { flex: none; overflow: visible; }
}
@media (prefers-reduced-motion: reduce) {
  .lang-panel.is-open, .lang-panel.is-open * { animation: none; transition: none; }
}