:root {
  --dapex-bg: #07090d;
  --dapex-panel: #0d121a;
  --dapex-panel-2: #121925;
  --dapex-line: rgba(255, 255, 255, .10);
  --dapex-text: #f5f7fb;
  --dapex-muted: #a6b0bf;
  --dapex-gold: #f7c928;
  --dapex-cyan: #45d6ff;
  --dapex-green: #2de2a2;
  --dapex-shadow: 0 24px 80px rgba(0, 0, 0, .35);
}

html { color-scheme: dark; scroll-behavior: smooth; }
body.dapex-page {
  max-width: 1180px !important;
  min-height: 100vh;
  margin: 0 auto !important;
  padding: 0 28px 64px !important;
  color: var(--dapex-text) !important;
  background:
    radial-gradient(circle at 75% -10%, rgba(69, 214, 255, .11), transparent 34%),
    radial-gradient(circle at 15% 8%, rgba(247, 201, 40, .10), transparent 30%),
    var(--dapex-bg) !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

.skip-link { position: fixed; left: 16px; top: -80px; z-index: 1000; padding: 10px 14px; background: var(--dapex-gold); color: #05070a; border-radius: 8px; }
.skip-link:focus { top: 12px; }

body.dapex-page .top-bar {
  position: sticky;
  top: 0;
  z-index: 50;
  margin: 0 -28px 20px !important;
  padding: 16px 28px !important;
  border-bottom: 1px solid var(--dapex-line) !important;
  background: rgba(7, 9, 13, .84);
  backdrop-filter: blur(18px);
}
body.dapex-page .top-brand img { height: 34px !important; filter: none !important; box-shadow: 0 0 28px rgba(247, 201, 40, .22); }
body.dapex-page .top-brand h1,
body.dapex-page .top-brand span { color: var(--dapex-text) !important; letter-spacing: -.02em; }
body.dapex-page .tagline { color: #788596 !important; letter-spacing: .16em !important; }
body.dapex-page .top-lang a { color: var(--dapex-muted) !important; text-decoration: none; }
body.dapex-page .top-lang a:hover { color: var(--dapex-gold) !important; }
body.dapex-page > .header { display: flex; gap: 18px; overflow-x: auto; border: 0 !important; }
body.dapex-page > .header a { color: var(--dapex-muted) !important; text-decoration: none; }
body.dapex-page > .header a:hover { color: var(--dapex-text) !important; }

.dapex-hero {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
  gap: 46px;
  align-items: center;
  padding: 54px 0 44px;
}
.dapex-eyebrow { margin: 0 0 14px; color: var(--dapex-cyan) !important; font-size: 12px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.dapex-hero h1 { margin: 0; color: var(--dapex-text) !important; font-size: clamp(38px, 5.2vw, 68px) !important; line-height: 1.02; letter-spacing: -.055em; }
.dapex-hero-copy { max-width: 620px; margin: 22px 0 0 !important; color: var(--dapex-muted) !important; font-size: 18px; line-height: 1.75; }
.dapex-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.dapex-button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 20px; border: 1px solid var(--dapex-line); border-radius: 12px; color: var(--dapex-text) !important; text-decoration: none !important; font-weight: 800; }
.dapex-button-primary { border-color: var(--dapex-gold); color: #080a0d !important; background: var(--dapex-gold); box-shadow: 0 12px 36px rgba(247, 201, 40, .18); }
.dapex-button:hover { transform: translateY(-1px); }
.dapex-proof { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 24px; color: #8f9baa; font-size: 12px; }
.dapex-proof span::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: var(--dapex-green); box-shadow: 0 0 12px var(--dapex-green); vertical-align: 1px; }
.dapex-product-shot { position: relative; margin: 0; border: 1px solid rgba(247, 201, 40, .28); border-radius: 18px; overflow: hidden; background: #090d12; box-shadow: var(--dapex-shadow); }
.dapex-product-shot::after { content: ""; position: absolute; inset: 0; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(255,255,255,.04); }
.dapex-product-shot img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.dapex-product-shot figcaption { padding: 11px 15px; color: #8f9baa; font-size: 11px; border-top: 1px solid var(--dapex-line); }

body.dapex-home > .sub { margin: 8px 0 14px !important; color: var(--dapex-cyan) !important; font-size: 12px !important; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
body.dapex-page .tools-banner {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px 24px;
  align-items: center;
  margin: 0 0 54px !important;
  padding: 26px !important;
  border: 1px solid rgba(69, 214, 255, .22) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgba(69,214,255,.08), rgba(247,201,40,.04)) !important;
}
body.dapex-page .tools-banner h3 { margin: 0 !important; color: var(--dapex-text) !important; font-size: 22px; }
body.dapex-page .tools-banner p { grid-column: 1; margin: 0 !important; }
body.dapex-page .tools-banner > a:first-of-type { grid-column: 2; grid-row: 1 / span 2; min-width: 220px; margin: 0 !important; border-radius: 12px !important; background: var(--dapex-gold) !important; }

body.dapex-page .insights-heading { margin: 0 !important; padding: 0 0 10px !important; border: 0 !important; color: var(--dapex-text) !important; font-size: 30px !important; letter-spacing: -.03em; }
body.dapex-page .insights-desc { margin-bottom: 22px !important; color: var(--dapex-muted) !important; }
body.dapex-page .articles-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
body.dapex-page .articles-list .article {
  margin: 0 !important;
  padding: 24px !important;
  border: 1px solid var(--dapex-line) !important;
  border-left: 1px solid var(--dapex-line) !important;
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(18,25,37,.95), rgba(11,15,22,.95));
  transition: transform .18s ease, border-color .18s ease;
}
body.dapex-page .articles-list .article:hover { transform: translateY(-3px); border-color: rgba(247,201,40,.45) !important; }
body.dapex-page .articles-list .article h2 { margin: 0 0 10px !important; font-size: 19px !important; line-height: 1.42; }
body.dapex-page .articles-list .article h2 a { color: var(--dapex-text) !important; text-decoration: none; }
body.dapex-page .articles-list .article h2 a:hover { color: var(--dapex-gold) !important; }
body.dapex-page .articles-list .article p { color: var(--dapex-muted) !important; font-size: 14px; line-height: 1.7; }
body.dapex-page .meta { color: #748092 !important; font-size: 11px; }
body.dapex-page .tag { border: 1px solid rgba(255,255,255,.07); background: rgba(255,255,255,.035) !important; }

body.dapex-article { max-width: 960px !important; }
body.dapex-article article { padding: 18px 0 10px; }
body.dapex-article article > h1 { max-width: 820px; margin: 18px 0 16px; color: var(--dapex-text) !important; font-size: clamp(34px, 5vw, 56px) !important; line-height: 1.08; letter-spacing: -.045em; }
body.dapex-article article h2 { margin-top: 42px !important; color: var(--dapex-text) !important; font-size: 27px !important; letter-spacing: -.025em; }
body.dapex-article article h3 { margin-top: 28px; color: #dfe6ef !important; }
body.dapex-article article p,
body.dapex-article article li { color: #c2cad5 !important; font-size: 17px; line-height: 1.82; }
body.dapex-article article a { text-decoration-thickness: 1px; text-underline-offset: 3px; }
body.dapex-article article img { display: block; max-width: 100%; height: auto; margin: 28px auto; border: 1px solid var(--dapex-line); border-radius: 14px; }
body.dapex-article article table { width: 100%; border-collapse: separate; border-spacing: 0; overflow: hidden; border: 1px solid var(--dapex-line); border-radius: 12px; }
body.dapex-article article th { color: #090b0f; background: var(--dapex-gold); }
body.dapex-article article th, body.dapex-article article td { padding: 12px 14px; border-bottom: 1px solid var(--dapex-line); }
.dapex-content-note { display: flex; flex-wrap: wrap; gap: 10px 18px; margin: 16px 0 30px; padding: 13px 15px; border: 1px solid rgba(69,214,255,.18); border-radius: 12px; color: #9cabbc; background: rgba(69,214,255,.045); font-size: 12px; }
.dapex-content-note strong { color: #dce7f3; }
.dapex-reading-progress { position: fixed; z-index: 100; left: 0; top: 0; width: 0; height: 3px; background: linear-gradient(90deg, var(--dapex-gold), var(--dapex-cyan)); }

body.dapex-page .related-articles,
body.dapex-page .newsletter,
body.dapex-page .cta,
body.dapex-page .author-box { max-width: none !important; border: 1px solid var(--dapex-line) !important; border-radius: 16px !important; background: var(--dapex-panel) !important; }
body.dapex-page .cta { padding: 30px !important; background: linear-gradient(135deg, rgba(247,201,40,.09), rgba(69,214,255,.055)) !important; }
body.dapex-page .cta a { border-radius: 10px !important; }
body.dapex-page .footer { margin-top: 52px !important; padding: 26px 0 !important; border-color: var(--dapex-line) !important; }

.dapex-roadmap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 1.1fr); gap: 34px; align-items: start; margin: 0 0 54px !important; padding: 30px !important; border: 1px solid rgba(45,226,162,.2) !important; border-radius: 18px !important; background: linear-gradient(135deg, rgba(45,226,162,.06), rgba(69,214,255,.04)) !important; }
.dapex-roadmap-intro h2 { margin: 0 0 12px !important; color: var(--dapex-text) !important; font-size: 26px !important; letter-spacing: -.03em; }
.dapex-roadmap-intro p { margin: 0 0 18px !important; color: var(--dapex-muted) !important; line-height: 1.75; }
.dapex-roadmap-intro a { display: inline-block; padding: 10px 14px; border-radius: 10px; color: #080a0d !important; background: var(--dapex-green); font-weight: 800; text-decoration: none !important; }
.dapex-roadmap-cards { display: grid; gap: 14px; }
.dapex-roadmap-cards article { padding: 18px; border: 1px solid var(--dapex-line); border-radius: 14px; background: var(--dapex-panel); }
.dapex-roadmap-cards article > span { display: inline-block; margin-bottom: 8px; padding: 3px 9px; border-radius: 999px; color: var(--dapex-gold) !important; background: rgba(247,201,40,.12); font-size: 11px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.dapex-roadmap-cards article h3 { margin: 0 0 6px !important; color: var(--dapex-text) !important; font-size: 17px !important; }
.dapex-roadmap-cards article p { margin: 0 !important; color: var(--dapex-muted) !important; font-size: 13px; line-height: 1.6; }
.dapex-plain-summary { margin: 0 0 22px; padding: 15px 17px; border: 1px solid rgba(45,226,162,.22); border-radius: 12px; color: #c8d3df; background: rgba(45,226,162,.06); }
.dapex-plain-summary strong { display: block; margin-bottom: 6px; color: var(--dapex-green); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; }
.dapex-plain-summary p { margin: 0 !important; font-size: 15px; line-height: 1.7; }
.dapex-speed-note { margin: 0 0 20px; padding: 10px 14px; border: 1px dashed rgba(69,214,255,.3); border-radius: 10px; color: #9cabbc; background: rgba(69,214,255,.04); font-size: 12px; line-height: 1.6; }
.dapex-speed-note strong { color: var(--dapex-cyan); }

.dapex-conversion-bar { position: fixed; right: 18px; bottom: 18px; z-index: 80; display: flex; align-items: center; gap: 12px; max-width: 420px; padding: 12px 14px; border: 1px solid rgba(247,201,40,.36); border-radius: 14px; background: rgba(10,14,20,.94); box-shadow: var(--dapex-shadow); backdrop-filter: blur(16px); }
.dapex-conversion-bar p { margin: 0 !important; color: #cbd3df !important; font-size: 12px !important; line-height: 1.35 !important; }
.dapex-conversion-bar a { flex: 0 0 auto; padding: 9px 12px; border-radius: 9px; color: #080a0d !important; background: var(--dapex-gold); font-size: 12px; font-weight: 900; text-decoration: none !important; }
.dapex-conversion-bar button { border: 0; color: #8f9baa; background: transparent; cursor: pointer; }

@media (max-width: 840px) {
  body.dapex-page { padding: 0 16px 88px !important; }
  body.dapex-page .top-bar { margin: 0 -16px 14px !important; padding: 13px 16px !important; }
  .dapex-hero { grid-template-columns: 1fr; gap: 28px; padding: 32px 0 36px; }
  .dapex-hero h1 { font-size: clamp(38px, 12vw, 54px) !important; }
  .dapex-hero-copy { font-size: 16px; }
  body.dapex-page > .header { flex-wrap: nowrap; white-space: nowrap; overflow-x: auto; scrollbar-width: none; -ms-overflow-style: none; }
  body.dapex-page > .header::-webkit-scrollbar { display: none; }
  body.dapex-page > .header a { white-space: nowrap; }
  body.dapex-page .tools-banner { grid-template-columns: 1fr; }
  body.dapex-page .tools-banner > a:first-of-type { grid-column: 1; grid-row: auto; width: 100%; min-width: 0; }
  body.dapex-page .articles-list { grid-template-columns: 1fr; }
  .dapex-roadmap { grid-template-columns: 1fr; gap: 22px; }
  body.dapex-article article > h1 { font-size: 36px !important; }
  body.dapex-article article p, body.dapex-article article li { font-size: 16px; }
  .dapex-conversion-bar { right: 10px; bottom: 10px; left: 10px; max-width: none; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition: none !important; animation: none !important; }
}


/* Home portal: the blog is a research gateway, not a duplicate terminal. */
body.dapex-home {
  max-width: 1240px !important;
  background:
    radial-gradient(circle at 78% 6%, rgba(69, 214, 255, .13), transparent 27%),
    radial-gradient(circle at 16% 16%, rgba(247, 201, 40, .10), transparent 31%),
    linear-gradient(180deg, #07090d 0%, #080b10 54%, #07090d 100%) !important;
}
.dapex-portal-nav {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 18px;
  padding: 7px;
  overflow-x: auto;
  border: 1px solid var(--dapex-line);
  border-radius: 13px;
  background: rgba(13, 18, 26, .7);
  scrollbar-width: none;
}
.dapex-portal-nav::-webkit-scrollbar { display: none; }
.dapex-portal-nav a {
  flex: 0 0 auto;
  padding: 9px 12px;
  border-radius: 8px;
  color: #9dabbd !important;
  text-decoration: none !important;
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .01em;
}
.dapex-portal-nav a:hover,
.dapex-portal-nav a:focus-visible { color: var(--dapex-text) !important; background: rgba(255,255,255,.07); outline: none; }

.dapex-portal { display: block; }
.dapex-portal-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(350px, .9fr);
  gap: 42px;
  align-items: center;
  min-height: 500px;
  padding: 38px 0 56px;
}
.dapex-portal-copy { position: relative; z-index: 2; }
.dapex-portal-copy h1 {
  max-width: 660px;
  margin: 0 !important;
  color: var(--dapex-text) !important;
  font-size: clamp(44px, 6vw, 76px) !important;
  line-height: .98;
  letter-spacing: -.06em;
}
.dapex-portal-copy > p:not(.dapex-eyebrow) {
  max-width: 620px;
  margin: 23px 0 0 !important;
  color: #b2bdcb !important;
  font-size: 18px;
  line-height: 1.78;
}
.dapex-portal-copy .dapex-actions { margin-top: 30px; }
.dapex-portal-copy .dapex-button { min-height: 52px; }
.dapex-orbit-visual {
  position: relative;
  width: min(100%, 460px);
  justify-self: end;
  aspect-ratio: 1;
  isolation: isolate;
}
.dapex-orbit-visual::before,
.dapex-orbit-visual::after {
  position: absolute;
  z-index: -1;
  content: "";
  border-radius: 50%;
  filter: blur(2px);
}
.dapex-orbit-visual::before { inset: 10%; background: radial-gradient(circle, rgba(247,201,40,.18) 0 2%, rgba(69,214,255,.09) 24%, transparent 64%); }
.dapex-orbit-visual::after { inset: 0; background: radial-gradient(circle, transparent 47%, rgba(69,214,255,.12) 48%, transparent 50%); animation: dapex-breathe 5s ease-in-out infinite; }
.dapex-orbit-grid {
  position: absolute;
  inset: 7%;
  border-radius: 50%;
  opacity: .42;
  background-image: linear-gradient(rgba(69,214,255,.13) 1px, transparent 1px), linear-gradient(90deg, rgba(69,214,255,.13) 1px, transparent 1px);
  background-size: 27px 27px;
  -webkit-mask-image: radial-gradient(circle, #000 18%, transparent 70%);
  mask-image: radial-gradient(circle, #000 18%, transparent 70%);
}
.dapex-orbit-ring {
  position: absolute;
  display: block;
  border: 1px solid rgba(69,214,255,.36);
  border-radius: 50%;
  box-shadow: 0 0 22px rgba(69,214,255,.08), inset 0 0 22px rgba(69,214,255,.06);
}
.ring-one { inset: 7%; animation: dapex-orbit 17s linear infinite; }
.ring-two { inset: 22%; border-color: rgba(247,201,40,.42); transform: rotateX(66deg) rotateZ(-20deg); animation: dapex-orbit-reverse 12s linear infinite; }
.dapex-orbit-dot {
  position: absolute;
  z-index: 3;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--dapex-gold);
  box-shadow: 0 0 0 6px rgba(247,201,40,.11), 0 0 24px var(--dapex-gold);
}
.dot-one { top: 11%; left: 47%; animation: dapex-dot-one 17s linear infinite; }
.dot-two { right: 19%; bottom: 24%; width: 7px; height: 7px; background: var(--dapex-cyan); box-shadow: 0 0 0 5px rgba(69,214,255,.10), 0 0 20px var(--dapex-cyan); animation: dapex-dot-two 12s linear infinite; }
.dapex-orbit-core {
  position: absolute;
  inset: 31%;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(247,201,40,.52);
  border-radius: 28px;
  background: radial-gradient(circle at 50% 28%, #1d2634, #080b10 73%);
  box-shadow: 0 0 0 12px rgba(247,201,40,.035), 0 24px 70px rgba(0,0,0,.48), 0 0 44px rgba(247,201,40,.16);
}
.dapex-orbit-core::before { position: absolute; inset: 0; content: ""; background: linear-gradient(130deg, rgba(255,255,255,.12), transparent 35%, rgba(69,214,255,.08)); }
.dapex-orbit-core img { position: relative; z-index: 1; width: 78%; max-height: 70%; object-fit: contain; filter: drop-shadow(0 0 18px rgba(247,201,40,.28)); }
.dapex-orbit-label {
  position: absolute;
  bottom: 4%;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  color: #8190a2;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .14em;
}
@keyframes dapex-orbit { to { transform: rotate(360deg); } }
@keyframes dapex-orbit-reverse { to { transform: rotateX(66deg) rotateZ(-380deg); } }
@keyframes dapex-dot-one { to { transform: rotate(360deg) translateX(190px) rotate(-360deg); } }
@keyframes dapex-dot-two { to { transform: rotate(-360deg) translateX(105px) rotate(360deg); } }
@keyframes dapex-breathe { 50% { transform: scale(1.05); opacity: .65; } }

.dapex-core-routes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 0 0 22px;
}
.dapex-core-card {
  position: relative;
  display: flex;
  min-height: 286px;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  padding: 24px;
  border: 1px solid var(--dapex-line);
  border-radius: 18px;
  color: var(--dapex-text) !important;
  text-decoration: none !important;
  background: linear-gradient(145deg, rgba(18,25,37,.96), rgba(8,11,16,.96));
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.dapex-core-card::after {
  position: absolute;
  right: -16%;
  bottom: -47%;
  width: 60%;
  aspect-ratio: 1;
  content: "";
  border: 1px solid currentColor;
  border-radius: 50%;
  opacity: .16;
}
.dapex-core-card:hover { transform: translateY(-5px); box-shadow: var(--dapex-shadow); }
.tone-cyan { color: var(--dapex-cyan) !important; }
.tone-gold { color: var(--dapex-gold) !important; }
.tone-green { color: var(--dapex-green) !important; }
.tone-cyan:hover { border-color: rgba(69,214,255,.62); }
.tone-gold:hover { border-color: rgba(247,201,40,.62); }
.tone-green:hover { border-color: rgba(45,226,162,.62); }
.dapex-card-index { color: currentColor; font-size: 10px; font-weight: 900; letter-spacing: .12em; }
.dapex-card-glyph { margin: 23px 0 20px; color: currentColor; font-size: 43px; line-height: .7; }
.dapex-core-card h2 { margin: 0 0 10px; color: var(--dapex-text) !important; font-size: 24px; letter-spacing: -.035em; }
.dapex-core-card p { margin: 0; color: #a9b5c4 !important; font-size: 14px; line-height: 1.68; }
.dapex-core-card strong { margin-top: auto; padding-top: 22px; color: var(--dapex-text); font-size: 13px; }
.dapex-core-card strong b { color: currentColor; }

.dapex-weekly,
.dapex-open-work,
.dapex-community {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin: 0 0 62px;
  padding: 28px 30px;
  border: 1px solid rgba(69,214,255,.22);
  border-radius: 18px;
  background: linear-gradient(110deg, rgba(69,214,255,.075), rgba(247,201,40,.045));
}
.dapex-weekly h2,
.dapex-open-work h2,
.dapex-community h2 { margin: 0 0 8px; color: var(--dapex-text) !important; font-size: 28px; letter-spacing: -.035em; }
.dapex-weekly > div > p:not(.dapex-eyebrow),
.dapex-open-work > div > p:not(.dapex-eyebrow),
.dapex-community > div > p:not(.dapex-eyebrow) { max-width: 700px; margin: 0; color: var(--dapex-muted) !important; line-height: 1.7; }
.dapex-weekly-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.dapex-weekly-tags span { padding: 6px 9px; border: 1px solid rgba(69,214,255,.25); border-radius: 999px; color: #c7eaf6; background: rgba(69,214,255,.08); font-size: 11px; font-weight: 700; }
.dapex-weekly > .dapex-button { flex: 0 0 auto; }

.dapex-portal-section { margin: 0 0 64px; }
.dapex-section-heading { max-width: 650px; margin-bottom: 22px; }
.dapex-section-heading h2 { margin: 0 0 9px; color: var(--dapex-text) !important; font-size: 34px; letter-spacing: -.04em; }
.dapex-section-heading > p:not(.dapex-eyebrow) { margin: 0; color: var(--dapex-muted) !important; line-height: 1.7; }
.dapex-tool-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.dapex-tool-card {
  display: block;
  min-height: 178px;
  padding: 20px;
  border: 1px solid var(--dapex-line);
  border-radius: 14px;
  color: var(--dapex-text) !important;
  text-decoration: none !important;
  background: rgba(13,18,26,.8);
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
.dapex-tool-card:hover { transform: translateY(-3px); border-color: rgba(247,201,40,.44); background: rgba(20,28,40,.92); }
.dapex-tool-card > span { color: var(--dapex-gold); font-size: 11px; font-weight: 900; letter-spacing: .13em; }
.dapex-tool-card h3 { margin: 24px 0 7px; color: var(--dapex-text) !important; font-size: 18px; }
.dapex-tool-card p { margin: 0; color: var(--dapex-muted) !important; font-size: 13px; line-height: 1.65; }
.dapex-text-link { display: inline-block; margin-top: 20px; color: var(--dapex-gold) !important; font-size: 13px; font-weight: 850; text-decoration: none; }

.dapex-open-work { margin-bottom: 26px; border-color: rgba(45,226,162,.24); background: linear-gradient(118deg, rgba(45,226,162,.075), rgba(69,214,255,.045)); }
.dapex-open-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.dapex-community { margin: 0 0 26px; border-color: rgba(247,201,40,.26); background: linear-gradient(118deg, rgba(247,201,40,.09), rgba(69,214,255,.04)); }
body.dapex-home .author-box { margin: 0 0 22px !important; padding: 22px !important; }
body.dapex-home .author-box img { width: 68px !important; height: 68px !important; }
body.dapex-home .author-box strong { font-size: 18px; }

@media (max-width: 840px) {
  .dapex-portal-nav { margin-bottom: 8px; }
  .dapex-portal-hero { grid-template-columns: 1fr; min-height: 0; gap: 18px; padding: 30px 0 39px; }
  .dapex-portal-copy h1 { font-size: clamp(42px, 12vw, 58px) !important; }
  .dapex-portal-copy > p:not(.dapex-eyebrow) { font-size: 16px; }
  .dapex-portal-copy .dapex-actions { display: grid; grid-template-columns: 1fr; }
  .dapex-portal-copy .dapex-button { width: 100%; }
  .dapex-orbit-visual { width: min(82vw, 380px); justify-self: center; }
  .dapex-core-routes, .dapex-tool-grid { grid-template-columns: 1fr; }
  .dapex-core-card { min-height: 218px; }
  .dapex-card-glyph { margin: 17px 0 15px; }
  .dapex-weekly, .dapex-open-work, .dapex-community { align-items: flex-start; flex-direction: column; gap: 18px; margin-bottom: 44px; padding: 22px; }
  .dapex-weekly > .dapex-button { width: 100%; }
  .dapex-open-actions { width: 100%; }
  .dapex-open-actions .dapex-button { flex: 1 1 160px; }
  .dapex-section-heading h2 { font-size: 30px; }
  .dapex-community .dapex-actions { width: 100%; }
  .dapex-community .dapex-button { flex: 1 1 140px; }
}
@media (prefers-reduced-motion: reduce) {
  .dapex-orbit-visual::after,
  .dapex-orbit-ring,
  .dapex-orbit-dot { animation: none !important; }
}

.dapex-orbit-core::after {
  position: absolute;
  z-index: 2;
  content: "D";
  color: #f7c928;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(56px, 9vw, 92px);
  font-weight: 800;
  line-height: 1;
  text-shadow: 0 0 30px rgba(247,201,40,.36);
}
body.dapex-home .dapex-archive-title { margin: 28px 0 10px; color: var(--dapex-text) !important; font-size: clamp(34px, 5vw, 52px) !important; letter-spacing: -.05em; }


/* Home portal V2: a dimensional command deck, not a flat card grid. */
body.dapex-home { perspective: 1800px; }
.dapex-portal-hero {
  min-height: 500px;
  padding: 30px 0 172px;
  transform-style: preserve-3d;
}
.dapex-portal-copy h1 {
  max-width: 640px;
  font-size: clamp(43px, 5.4vw, 68px) !important;
}
.dapex-live-channels {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 19px;
  color: #798799;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .12em;
}
.dapex-live-channels > span { margin-right: 2px; color: #718092; }
.dapex-live-channels a {
  padding: 7px 10px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 999px;
  color: #d7e1ec !important;
  background: rgba(255,255,255,.045);
  letter-spacing: .03em;
  text-decoration: none !important;
  transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.dapex-live-channels a:hover { transform: translateY(-2px); border-color: rgba(69,214,255,.55); background: rgba(69,214,255,.12); }
.dapex-orbit-visual {
  transform: rotateX(8deg) rotateY(-13deg) translateZ(28px);
  filter: drop-shadow(26px 30px 34px rgba(0,0,0,.32));
}
.dapex-market-canvas {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: .95;
}
.dapex-orbit-grid,
.dapex-orbit-ring,
.dapex-orbit-dot,
.dapex-orbit-core,
.dapex-orbit-label { z-index: 2; }
.dapex-orbit-grid { opacity: .18; transform: translateZ(-20px); }
.dapex-orbit-ring { opacity: .46; }
.dapex-orbit-core {
  inset: 30%;
  border-radius: 23px;
  transform: translateZ(58px);
  box-shadow: 0 0 0 1px rgba(255,255,255,.10), 0 20px 0 rgba(0,0,0,.24), 0 34px 65px rgba(0,0,0,.46), 0 0 55px rgba(247,201,40,.19);
}
.dapex-orbit-core::after {
  font-size: clamp(64px, 9.8vw, 104px);
  transform: translateZ(24px);
}
.dapex-orbit-core img { opacity: .17; transform: scale(1.5); }
.dapex-orbit-label { transform: translateX(-50%) translateZ(42px); }

.dapex-core-routes {
  position: relative;
  z-index: 9;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: -164px 0 76px;
  perspective: 1600px;
  transform-style: preserve-3d;
}
.dapex-core-card {
  min-height: 230px;
  padding: 23px 24px;
  border-color: rgba(255,255,255,.14);
  box-shadow: 0 16px 0 rgba(0,0,0,.20), 0 28px 46px rgba(0,0,0,.31);
  transform-style: preserve-3d;
  backface-visibility: hidden;
}
.dapex-core-card:nth-child(1) { transform: rotateY(6deg) rotateX(5deg) translateZ(6px); }
.dapex-core-card:nth-child(2) { transform: rotateX(7deg) translateZ(33px); }
.dapex-core-card:nth-child(3) { transform: rotateY(-6deg) rotateX(5deg) translateZ(6px); }
.dapex-core-card::before {
  position: absolute;
  inset: 0;
  content: "";
  border-radius: inherit;
  background: linear-gradient(130deg, rgba(255,255,255,.15), transparent 22%, transparent 71%, rgba(255,255,255,.05));
  pointer-events: none;
}
.dapex-core-card::after {
  right: -8%;
  bottom: -40%;
  width: 52%;
  border-width: 1px;
  opacity: .24;
  transform: translateZ(-16px);
}
.dapex-core-card:hover {
  transform: rotateX(0) rotateY(0) translateY(-9px) translateZ(42px) !important;
  box-shadow: 0 20px 0 rgba(0,0,0,.20), 0 38px 70px rgba(0,0,0,.45);
}
.dapex-card-index,
.dapex-card-glyph,
.dapex-core-card h2,
.dapex-core-card p,
.dapex-core-card strong { position: relative; transform: translateZ(28px); }
.dapex-card-glyph { text-shadow: 0 12px 16px rgba(0,0,0,.6), 0 0 20px currentColor; }
.tone-violet { color: #b78cff !important; }

@media (max-width: 840px) {
  .dapex-portal-hero { min-height: 0; padding: 30px 0 34px; }
  .dapex-live-channels { flex-wrap: wrap; }
  .dapex-live-channels > span { flex-basis: 100%; }
  .dapex-orbit-visual { transform: none; }
  .dapex-core-routes { grid-template-columns: 1fr; margin: 0 0 44px; perspective: none; }
  .dapex-core-card,
  .dapex-core-card:nth-child(1),
  .dapex-core-card:nth-child(2),
  .dapex-core-card:nth-child(3) { min-height: 204px; transform: none; }
  .dapex-core-card:hover { transform: translateY(-3px) !important; }
}
@media (prefers-reduced-motion: reduce) {
  .dapex-orbit-visual,
  .dapex-core-card,
  .dapex-core-card:hover,
  .dapex-live-channels a { transform: none !important; }
}


/* Keep 3D projection from creating a horizontal scrollbar on narrow screens. */
html:has(body.dapex-home), body.dapex-home { overflow-x: clip; }


/* DAPEX LABS portal v3 — black-gold trade deck */
body.dapex-home {
  --deck-bg: #050507;
  --deck-panel: #0d0d12;
  --deck-panel-2: #15151d;
  --deck-gold: #e7b84b;
  --deck-gold-bright: #ffe49a;
  --deck-muted: #9c9ba5;
  background:
    radial-gradient(circle at 50% 16%, rgba(180,123,35,.12), transparent 34rem),
    radial-gradient(circle at 85% 46%, rgba(202,150,55,.07), transparent 28rem),
    var(--deck-bg);
  color: #f7f2e9;
  max-width: none;
  padding: 0 20px 40px;
  overflow-x: hidden;
}
body.dapex-home .top-bar {
  max-width: 1420px;
  margin: 0 auto 4px !important;
  padding: 24px 0 18px !important;
  border-bottom: 1px solid rgba(224,183,91,.2) !important;
  position: relative;
  z-index: 20;
}
body.dapex-home .top-brand img {
  height: 40px !important;
  width: auto;
  border-radius: 0;
  filter: drop-shadow(0 0 14px rgba(226,177,66,.3));
}
body.dapex-home .top-brand span {
  color: #f2c65e !important;
  letter-spacing: .04em;
}
body.dapex-home .top-brand .tagline {
  color: #817b72 !important;
  letter-spacing: .28em !important;
}
body.dapex-home .top-lang {
  color: #aaa4a0;
  padding-top: 12px !important;
}
body.dapex-home .top-lang a {
  color: #aaa4a0 !important;
  transition: color .25s ease, text-shadow .25s ease;
}
body.dapex-home .top-lang a:hover,
body.dapex-home .top-lang a[aria-current="page"] {
  color: var(--deck-gold-bright) !important;
  text-shadow: 0 0 16px rgba(255,212,107,.55);
}
body.dapex-home .header,
body.dapex-home .dapex-ring-nav-spacer,
body.dapex-home .back-to-home {
  display: none !important;
}
body.dapex-home .dapex-portal {
  max-width: 1420px;
  margin: 0 auto;
}
.dapex-ring-hero {
  position: relative;
  padding: 52px 0 0;
}
.dapex-ring-heading {
  position: relative;
  z-index: 4;
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}
.dapex-ring-heading .dapex-eyebrow,
.dapex-weekly-strip .dapex-eyebrow,
.dapex-community .dapex-eyebrow {
  color: #c29a4e;
  font-size: 10px;
  letter-spacing: .32em;
  text-transform: uppercase;
  font-weight: 700;
}
.dapex-ring-heading h1 {
  margin: 16px 0 12px;
  border: 0;
  padding: 0;
  color: transparent;
  background: linear-gradient(110deg,#a97429 5%,#fff2bd 42%,#b98432 80%);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(38px, 5.1vw, 78px);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: 1.04;
}
.dapex-ring-heading > p:last-child {
  max-width: 620px;
  margin: 0 auto;
  color: #9b9791;
  font-size: clamp(14px, 1.35vw, 18px);
  line-height: 1.65;
}
.dapex-ring-stage {
  position: relative;
  height: 670px;
  margin: 4px auto 0;
  perspective: 1800px;
  perspective-origin: 50% 44%;
  touch-action: pan-y;
  outline: none;
  user-select: none;
}
.dapex-ring-stage::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 48%;
  width: min(84vw, 1180px);
  height: 270px;
  transform: translate(-50%, -50%);
  background: radial-gradient(ellipse, rgba(219,164,61,.16), rgba(61,43,21,.05) 52%, transparent 72%);
  filter: blur(15px);
  pointer-events: none;
}
.dapex-ring-stage::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 40px;
  width: min(86vw, 1180px);
  height: 90px;
  transform: translateX(-50%);
  border: 1px solid rgba(207,158,62,.35);
  border-radius: 50%;
  box-shadow: 0 0 45px rgba(195,137,35,.18), inset 0 0 34px rgba(219,168,73,.12);
  pointer-events: none;
}
.dapex-ring-track {
  position: absolute;
  inset: 0;
  transform-style: preserve-3d;
}
.dapex-ring-card {
  position: absolute;
  left: 50%;
  top: 48%;
  width: min(39vw, 536px);
  height: 516px;
  transform-style: preserve-3d;
  transform-origin: 50% 50%;
  transition: transform .7s cubic-bezier(.2,.75,.22,1), opacity .7s ease, filter .7s ease;
  will-change: transform, opacity;
}
.dapex-ring-card::before {
  content: "";
  position: absolute;
  inset: 12px -12px -14px 12px;
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(214,167,78,.18), transparent 42%);
  filter: blur(12px);
  transform: translateZ(-32px);
  pointer-events: none;
}
.dapex-ring-link {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  color: #f3eadb;
  text-decoration: none;
  background:
    linear-gradient(150deg, rgba(255,255,255,.045), transparent 26%),
    linear-gradient(180deg, #17171f 0%, #09090d 100%);
  border: 1px solid rgba(225,183,92,.72);
  border-radius: 15px;
  box-shadow:
    0 26px 60px rgba(0,0,0,.62),
    inset 0 0 0 1px rgba(255,255,255,.035),
    inset 0 -32px 70px rgba(0,0,0,.38);
  transition: border-color .3s ease, box-shadow .3s ease;
}
.dapex-ring-link::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(115deg, transparent 30%, rgba(255,240,176,.13) 48%, transparent 57%);
  transform: translateX(-120%);
  transition: transform .75s ease;
  pointer-events: none;
}
.dapex-ring-link:hover {
  border-color: #ffe29b;
  box-shadow:
    0 28px 75px rgba(0,0,0,.7),
    0 0 32px rgba(217,164,63,.2),
    inset 0 0 0 1px rgba(255,255,255,.08);
}
.dapex-ring-link:hover::after { transform: translateX(120%); }
.dapex-card-topline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 20px 12px;
  color: #b6a06f;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.dapex-card-status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #5f9d84;
  font-size: 8px;
}
.dapex-card-status::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #67b18c;
  box-shadow: 0 0 9px #67b18c;
}
.dapex-card-media {
  position: relative;
  height: 248px;
  margin: 0 12px;
  overflow: hidden;
  background: #08090c;
  border: 1px solid rgba(236,190,91,.28);
  border-radius: 9px;
}
.dapex-card-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 55%, rgba(5,5,7,.48));
  pointer-events: none;
}
.dapex-card-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  opacity: .86;
  filter: saturate(.78) contrast(1.06);
}
.dapex-card-market .dapex-card-media img { object-position: 50% 3%; }
.dapex-card-terminal .dapex-card-media img { object-position: 50% 11%; }
.dapex-card-art img { object-fit: cover; opacity: .72; }
.dapex-media-scan {
  position: absolute;
  left: 0;
  right: 0;
  top: -20%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #ffe49a, transparent);
  box-shadow: 0 0 16px #e5ad45;
  animation: dapex-scan 4.5s linear infinite;
  z-index: 2;
}
@keyframes dapex-scan { to { top: 120%; } }
.dapex-card-copy {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: 20px 22px 22px;
}
.dapex-card-copy h2 {
  margin: 0 0 10px;
  color: #f1d388 !important;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(22px, 2.1vw, 31px);
  font-weight: 400;
  letter-spacing: -.025em;
}
.dapex-card-copy p {
  margin: 0;
  color: #aaa5a0 !important;
  font-size: 13px;
  line-height: 1.65;
}
.dapex-card-cta {
  margin-top: auto;
  padding-top: 20px;
  color: #e4ba5e;
  font-size: 11px;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.dapex-card-cta b {
  margin-left: 9px;
  font-size: 17px;
  font-weight: 400;
}
.dapex-services-visual {
  position: relative;
  height: 248px;
  margin: 0 12px;
  overflow: hidden;
  border: 1px solid rgba(236,190,91,.32);
  border-radius: 9px;
  background:
    radial-gradient(circle at 50% 50%, rgba(230,178,65,.18) 0 2%, transparent 16%),
    radial-gradient(circle at 50% 50%, transparent 26%, rgba(214,166,68,.2) 26.4%, transparent 27%),
    linear-gradient(135deg,#17130b,#07080b 55%,#16120b);
}
.dapex-services-visual::before,
.dapex-services-visual::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 64%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(224,177,74,.8), transparent);
  transform-origin: left center;
  animation: dapex-service-pulse 3.2s ease-in-out infinite;
}
.dapex-services-visual::before { transform: rotate(28deg); }
.dapex-services-visual::after { transform: rotate(152deg); animation-delay: 1.2s; }
@keyframes dapex-service-pulse { 0%,100% { opacity: .35; } 50% { opacity: 1; box-shadow: 0 0 14px rgba(235,185,71,.85); } }
.service-node {
  position: absolute;
  z-index: 2;
  display: grid;
  place-items: center;
  min-width: 60px;
  min-height: 28px;
  padding: 6px 8px;
  color: #dcb96a;
  background: rgba(14,13,15,.9);
  border: 1px solid rgba(222,176,80,.65);
  border-radius: 5px;
  box-shadow: 0 0 18px rgba(221,165,54,.13);
  font-size: 8px;
  letter-spacing: .08em;
  text-align: center;
}
.node-core { left: 50%; top: 50%; min-width: 72px; min-height: 72px; transform: translate(-50%,-50%); border-radius: 50%; color: #fff0b7; font-size: 10px; box-shadow: 0 0 30px rgba(232,183,76,.28); }
.node-ea { left: 10%; top: 18%; }
.node-manual { right: 8%; top: 18%; }
.node-broker { left: 6%; bottom: 16%; }
.node-member { right: 6%; bottom: 16%; }
.service-line {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 40%;
  height: 1px;
  background: rgba(225,177,69,.5);
  transform-origin: left center;
}
.line-ea { transform: rotate(-149deg); }
.line-manual { transform: rotate(-31deg); }
.line-broker { transform: rotate(149deg); }
.line-member { transform: rotate(31deg); }
.dapex-ring-control {
  position: absolute;
  top: 48%;
  z-index: 12;
  width: 46px;
  height: 46px;
  transform: translateY(-50%);
  border: 1px solid rgba(229,182,76,.55);
  border-radius: 50%;
  background: rgba(12,11,13,.72);
  color: #f1cf82;
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 0 24px rgba(210,155,46,.1);
  transition: background .25s ease, transform .25s ease;
}
.dapex-ring-control:hover { background: rgba(218,164,55,.16); transform: translateY(-50%) scale(1.08); }
.dapex-ring-prev { left: 3%; }
.dapex-ring-next { right: 3%; }
.dapex-ring-progress {
  position: absolute;
  z-index: 13;
  left: 50%;
  bottom: 2px;
  display: flex;
  align-items: center;
  gap: 18px;
  transform: translateX(-50%);
  color: #d9b568;
  font-size: 11px;
  letter-spacing: .18em;
}
.dapex-ring-dots { display: flex; gap: 6px; }
.dapex-ring-dots i {
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #4b463d;
  transition: background .3s ease, transform .3s ease;
}
.dapex-ring-dots i.is-active { background: #f1c867; transform: scale(1.8); box-shadow: 0 0 8px #e1af44; }
.dapex-swipe-hint {
  position: absolute;
  z-index: 13;
  left: 50%;
  bottom: -25px;
  transform: translateX(-50%);
  color: #716c65;
  font-size: 10px;
  letter-spacing: .12em;
  white-space: nowrap;
}
.dapex-ring-stand {
  position: absolute;
  left: 50%;
  bottom: 7px;
  width: min(74vw, 890px);
  height: 42px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: linear-gradient(180deg, rgba(96,73,35,.28), rgba(9,9,11,.05));
  border: 1px solid rgba(224,174,76,.28);
  box-shadow: 0 12px 34px rgba(0,0,0,.7), inset 0 7px 15px rgba(235,190,89,.08);
  pointer-events: none;
}
.dapex-ring-stand span {
  position: absolute;
  inset: 8px 12%;
  border-radius: 50%;
  border-top: 1px solid rgba(255,228,154,.48);
  filter: blur(.2px);
}
.dapex-weekly-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  margin: 30px auto 22px;
  padding: 26px 30px;
  max-width: 1060px;
  background: linear-gradient(120deg, rgba(32,25,14,.78), rgba(10,10,13,.86));
  border: 1px solid rgba(217,168,75,.34);
  border-radius: 12px;
  box-shadow: 0 16px 35px rgba(0,0,0,.28), inset 0 1px rgba(255,240,190,.06);
}
.dapex-weekly-strip h2,
.dapex-community h2 {
  margin: 8px 0 6px;
  color: #eac471;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(22px, 2.2vw, 32px);
  font-weight: 400;
}
.dapex-weekly-strip p:last-child,
.dapex-community p:last-child {
  margin: 0;
  color: #aaa4a0;
  font-size: 13px;
  line-height: 1.6;
}
.dapex-ring-text-link {
  flex: 0 0 auto;
  color: #e6bb61;
  text-decoration: none;
  font-size: 12px;
  letter-spacing: .1em;
  text-transform: uppercase;
}
.dapex-ring-text-link:hover { color: #fff0b7; }
.dapex-community {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  max-width: 1060px;
  margin: 0 auto 36px;
  padding: 26px 30px;
  background: rgba(19,18,24,.72);
  border: 1px solid rgba(190,177,143,.2);
  border-radius: 12px;
}
.dapex-community .dapex-actions { display: flex; gap: 10px; flex: 0 0 auto; }
.dapex-community .dapex-button {
  min-width: 112px;
  margin: 0;
  padding: 11px 16px;
  border-color: rgba(229,182,76,.5);
  color: #e8c66f;
}
.dapex-community .dapex-button-primary {
  background: linear-gradient(135deg,#d7a936,#f2cd72);
  color: #15110a;
  border: 0;
}
body.dapex-home .author-box {
  max-width: 1060px;
  margin: 36px auto 0 !important;
  padding: 28px 30px !important;
  background: linear-gradient(120deg, rgba(22,19,16,.94), rgba(10,10,13,.92)) !important;
  border: 1px solid rgba(222,177,81,.34) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.3);
}
body.dapex-home .author-box img {
  width: 82px !important;
  height: 82px !important;
  border-color: #e8bd58 !important;
}
body.dapex-home .author-box strong { color: #edc96f !important; font-size: 18px; }
body.dapex-home .author-box p { color: #b5afa7 !important; font-size: 13px !important; line-height: 1.75; }
body.dapex-home .footer {
  max-width: 1060px;
  margin: 26px auto 0;
  border-color: rgba(224,183,91,.18);
}
@media (max-width: 900px) {
  body.dapex-home { padding-left: 12px; padding-right: 12px; }
  .dapex-ring-stage { height: 620px; }
  .dapex-ring-card { width: min(53vw, 480px); height: 490px; }
  .dapex-card-media, .dapex-services-visual { height: 218px; }
  .dapex-ring-prev { left: 0; }
  .dapex-ring-next { right: 0; }
}
@media (max-width: 620px) {
  body.dapex-home .top-bar { padding-top: 15px !important; padding-bottom: 13px !important; }
  body.dapex-home .top-brand img { height: 31px !important; }
  body.dapex-home .top-brand span { display: none; }
  body.dapex-home .top-brand .tagline { display: block !important; margin-left: 0 !important; font-size: 8px !important; }
  body.dapex-home .top-lang { padding-top: 7px !important; }
  body.dapex-home .top-lang .lang-bar a { margin-right: 10px !important; margin-left: 0 !important; }
  .dapex-ring-hero { padding-top: 30px; }
  .dapex-ring-heading h1 { font-size: 40px; }
  .dapex-ring-heading > p:last-child { font-size: 13px; padding: 0 18px; }
  .dapex-ring-stage { height: 590px; margin-top: 12px; perspective: 1100px; }
  .dapex-ring-card { width: min(78vw, 340px); height: 470px; top: 46%; }
  .dapex-card-topline { padding: 14px 15px 10px; font-size: 8px; }
  .dapex-card-media, .dapex-services-visual { height: 195px; margin-left: 9px; margin-right: 9px; }
  .dapex-card-copy { padding: 15px 16px 17px; }
  .dapex-card-copy h2 { font-size: 23px; }
  .dapex-card-copy p { font-size: 12px; line-height: 1.55; }
  .dapex-ring-control { width: 38px; height: 38px; font-size: 23px; }
  .dapex-ring-prev { left: -3px; }
  .dapex-ring-next { right: -3px; }
  .dapex-ring-progress { bottom: -2px; }
  .dapex-swipe-hint { bottom: -28px; font-size: 9px; }
  .dapex-ring-stand { bottom: 8px; width: 92vw; }
  .dapex-weekly-strip,
  .dapex-community { align-items: flex-start; flex-direction: column; gap: 18px; padding: 22px 20px; }
  .dapex-community .dapex-actions { width: 100%; }
  .dapex-community .dapex-button { flex: 1; min-width: 0; }
  body.dapex-home .author-box { align-items: center; text-align: center; padding: 23px 18px !important; }
  body.dapex-home .author-box p { font-size: 12px !important; }
}
@media (prefers-reduced-motion: reduce) {
  .dapex-ring-card, .dapex-ring-link, .dapex-ring-dots i, .dapex-media-scan, .dapex-services-visual::before, .dapex-services-visual::after { transition: none !important; animation: none !important; }
}
/* Crop the source screenshots inside the deck so desktop-capture watermarks never enter the public card. */
.dapex-card-market .dapex-card-media img,
.dapex-card-terminal .dapex-card-media img {
  transform: scale(1.12);
  transform-origin: center top;
}
/* Content motion layer — each deck surface has its own visual rhythm */
.dapex-ring-link { transform-style: preserve-3d; }
.dapex-deck-canvas {
  mix-blend-mode: screen;
  opacity: .64;
  transition: opacity .55s ease, filter .55s ease;
}
.dapex-ring-card.is-active .dapex-deck-canvas {
  opacity: .92 !important;
  filter: saturate(1.18) brightness(1.08);
}
.dapex-ring-card:not(.is-active) .dapex-deck-canvas {
  opacity: .38 !important;
}
.dapex-card-topline,
.dapex-card-copy {
  transform: translateZ(18px);
}
.dapex-card-status {
  transition: color .35s ease, text-shadow .35s ease;
}
.dapex-ring-card.is-active .dapex-card-status {
  color: #c9f0ca;
  text-shadow: 0 0 12px rgba(107,215,141,.72);
}
.dapex-ring-card.is-active .dapex-card-copy h2 {
  animation: dapex-title-breathe 4.8s ease-in-out infinite;
}
.dapex-ring-card.is-active .dapex-card-cta {
  animation: dapex-cta-breathe 2.8s ease-in-out infinite;
}
@keyframes dapex-title-breathe {
  0%,100% { text-shadow: 0 0 0 rgba(241,211,136,0); transform: translateY(0); }
  50% { text-shadow: 0 0 18px rgba(239,191,83,.24); transform: translateY(-2px); }
}
@keyframes dapex-cta-breathe {
  0%,100% { letter-spacing: .14em; opacity: .8; }
  50% { letter-spacing: .2em; opacity: 1; }
}
.dapex-card-art {
  background:
    radial-gradient(circle at 35% 40%, rgba(233,184,83,.12), transparent 34%),
    linear-gradient(145deg, #17140e, #07090b 68%);
}
.dapex-card-art::before {
  content: "";
  position: absolute;
  z-index: 2;
  inset: 0;
  background: linear-gradient(105deg, transparent 28%, rgba(255,224,139,.18) 48%, transparent 60%);
  transform: translateX(-130%);
  animation: dapex-art-sweep 6.5s ease-in-out infinite;
  pointer-events: none;
}
.dapex-card-weekly .dapex-card-art::before { animation-delay: .6s; }
.dapex-card-articles .dapex-card-art::before { animation-delay: 1.4s; }
.dapex-card-tools .dapex-card-art::before { animation-delay: 2.2s; }
.dapex-card-open .dapex-card-art::before { animation-delay: 3s; }
@keyframes dapex-art-sweep {
  0%,45% { transform: translateX(-130%); opacity: 0; }
  58% { opacity: 1; }
  78%,100% { transform: translateX(130%); opacity: 0; }
}
.dapex-card-weekly .dapex-card-art img { animation: dapex-weekly-float 5.6s ease-in-out infinite; }
.dapex-card-articles .dapex-card-art img { animation: dapex-editorial-float 6.2s ease-in-out infinite; }
.dapex-card-tools .dapex-card-art img { animation: dapex-tool-float 4.9s ease-in-out infinite; }
.dapex-card-open .dapex-card-art img { animation: dapex-code-float 7s ease-in-out infinite; }
@keyframes dapex-weekly-float { 0%,100% { transform: scale(1.02) translateY(0); } 50% { transform: scale(1.06) translateY(-3px); } }
@keyframes dapex-editorial-float { 0%,100% { transform: scale(1.02) translateX(0); } 50% { transform: scale(1.05) translateX(4px); } }
@keyframes dapex-tool-float { 0%,100% { transform: scale(1.02) rotate(0deg); } 50% { transform: scale(1.06) rotate(.7deg); } }
@keyframes dapex-code-float { 0%,100% { transform: scale(1.02) translateY(0); } 50% { transform: scale(1.05) translateY(4px); } }
.dapex-services-visual {
  isolation: isolate;
}
.dapex-services-visual::after {
  animation-duration: 2.4s;
}
.dapex-ring-card.is-active .service-node {
  animation: dapex-node-float 3.7s ease-in-out infinite;
}
.dapex-ring-card.is-active .node-manual { animation-delay: .45s; }
.dapex-ring-card.is-active .node-broker { animation-delay: .9s; }
.dapex-ring-card.is-active .node-member { animation-delay: 1.35s; }
@keyframes dapex-node-float {
  0%,100% { transform: translateY(0); box-shadow: 0 0 18px rgba(221,165,54,.13); }
  50% { transform: translateY(-5px); box-shadow: 0 0 26px rgba(229,180,74,.38); }
}
.dapex-ring-card.is-active .node-core {
  animation: dapex-core-pulse 4.5s ease-in-out infinite;
}
@keyframes dapex-core-pulse {
  0%,100% { box-shadow: 0 0 24px rgba(232,183,76,.22); }
  50% { box-shadow: 0 0 44px rgba(232,183,76,.52); }
}
@media (prefers-reduced-motion: reduce) {
  .dapex-ring-card.is-active .dapex-card-copy h2,
  .dapex-ring-card.is-active .dapex-card-cta,
  .dapex-card-art::before,
  .dapex-card-weekly .dapex-card-art img,
  .dapex-card-articles .dapex-card-art img,
  .dapex-card-tools .dapex-card-art img,
  .dapex-card-open .dapex-card-art img,
  .dapex-ring-card.is-active .service-node,
  .dapex-ring-card.is-active .node-core { animation: none !important; }
  .dapex-deck-canvas { opacity: .35 !important; }
}
.dapex-card-featured-list{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}.dapex-card-featured{font-size:11px;line-height:1.25}.dapex-card-featured a{color:#e4ba5e;text-decoration:none;transition:color .2s}.dapex-card-featured a:hover{color:#ffcc00;text-decoration:underline}.dapex-ring-card:not(.is-active) .dapex-card-featured-list{display:none}.dapex-card-copy{overflow:hidden}@media(max-width:620px){.dapex-card-featured{font-size:10px;line-height:1.2}}
/* Articles featured card layout */
.dapex-card-articles .dapex-card-media { height: 150px !important; }