@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap');

:root {
  --ink: #05080d;
  --ink-2: #0a1019;
  --ink-3: #101a27;
  --paper: #f6f1e5;
  --muted: #b9b5aa;
  --gold: #c99b34;
  --gold-2: #e2bd64;
  --gold-deep: #704d12;
  --green: #62b892;
  --purple: #a98fd8;
  --blue: #77a9dc;
  --warning: #e7b74d;
  --critical: #dc6c63;
  --line: rgba(201, 155, 52, 0.32);
  --serif: 'EB Garamond', Georgia, serif;
  --sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --shadow: 0 24px 80px rgba(0,0,0,.35);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--paper);
  background:
    radial-gradient(circle at 18% 12%, rgba(201,155,52,.08), transparent 26rem),
    radial-gradient(circle at 83% 27%, rgba(69,106,142,.09), transparent 30rem),
    var(--ink);
  font-family: var(--sans);
  line-height: 1.6;
  min-height: 100vh;
}
body::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .2;
  background-image: radial-gradient(rgba(226,189,100,.45) .45px, transparent .45px);
  background-size: 24px 24px;
  mask-image: linear-gradient(to bottom, black, transparent 75%);
  z-index: -1;
}
a { color: inherit; text-decoration: none; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 2px solid var(--gold-2);
  outline-offset: 3px;
}
img { max-width: 100%; display: block; }
button, input, select, textarea { font: inherit; }

.skip-link {
  position: fixed; left: 1rem; top: -5rem; z-index: 100;
  padding: .75rem 1rem; background: var(--paper); color: var(--ink);
}
.skip-link:focus { top: 1rem; }

.site-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(5,8,13,.88);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}
.nav-shell {
  width: min(1180px, calc(100% - 2rem));
  margin: 0 auto;
  min-height: 76px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.brand { display: inline-flex; align-items: center; gap: .7rem; min-width: 220px; }
.brand img { width: 44px; height: 44px; object-fit: contain; }
.brand-name { font-family: var(--serif); letter-spacing: .11em; font-size: 1.08rem; font-weight: 600; }
.brand-kicker { display: block; color: var(--gold-2); font: 500 .62rem/1 var(--sans); letter-spacing: .18em; text-transform: uppercase; margin-top: .15rem; }
.nav-toggle { display: none; background: transparent; color: var(--paper); border: 1px solid var(--line); padding: .55rem .75rem; border-radius: 999px; }
.primary-nav { display: flex; align-items: center; justify-content: flex-end; gap: .15rem; flex-wrap: wrap; }
.primary-nav a { color: #dfdbd0; font-size: .76rem; letter-spacing: .05em; padding: .58rem .62rem; border-radius: 999px; }
.primary-nav a:hover, .primary-nav a[aria-current='page'] { color: var(--ink); background: var(--gold-2); }

main { overflow: clip; }
.container { width: min(1160px, calc(100% - 2rem)); margin-inline: auto; }
.narrow { width: min(820px, calc(100% - 2rem)); margin-inline: auto; }
.section { padding: clamp(4rem, 8vw, 7rem) 0; }
.section-tight { padding: 3rem 0; }
.eyebrow { color: var(--gold-2); text-transform: uppercase; letter-spacing: .23em; font-size: .72rem; font-weight: 600; }
h1,h2,h3,h4 { font-family: var(--serif); line-height: 1.02; margin: 0 0 1rem; font-weight: 500; text-wrap: balance; }
h1 { font-size: clamp(3.2rem, 8.4vw, 7.2rem); }
h2 { font-size: clamp(2.35rem, 5vw, 4.4rem); }
h3 { font-size: clamp(1.55rem, 2.4vw, 2.15rem); }
p { margin: 0 0 1rem; }
.lede { font-family: var(--serif); font-size: clamp(1.25rem, 2.4vw, 1.75rem); color: #ded8ca; max-width: 48rem; }
.muted { color: var(--muted); }
.gold { color: var(--gold-2); }
.divider { height: 1px; background: linear-gradient(90deg, transparent, var(--gold), transparent); margin: 2rem 0; }

.hero { min-height: calc(100vh - 76px); display: grid; place-items: center; padding: 3rem 0 5rem; }
.hero-grid { display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: clamp(2rem, 7vw, 6rem); }
.hero-copy h1 .line { display: block; }
.hero-copy h1 .accent { color: var(--gold-2); }
.hero-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.7rem; }
.button {
  display: inline-flex; align-items: center; justify-content: center; gap: .5rem;
  min-height: 46px; padding: .75rem 1.15rem;
  border-radius: 999px; border: 1px solid var(--gold);
  color: var(--ink); background: var(--gold-2); font-weight: 600; cursor: pointer;
}
.button:hover { transform: translateY(-1px); box-shadow: 0 12px 30px rgba(201,155,52,.15); }
.button.secondary { color: var(--paper); background: transparent; }
.button.ghost { border-color: rgba(255,255,255,.16); color: var(--paper); background: rgba(255,255,255,.04); }
.button.small { min-height: 38px; padding: .5rem .85rem; font-size: .84rem; }

.globe-stage { position: relative; width: min(600px, 92vw); margin-inline: auto; aspect-ratio: 1; display: grid; place-items: center; }
.globe-halo { position: absolute; inset: 7%; border-radius: 50%; background: radial-gradient(circle, rgba(201,155,52,.18), rgba(5,8,13,0) 68%); filter: blur(8px); }
.globe-svg { width: 76%; overflow: visible; filter: drop-shadow(0 20px 45px rgba(0,0,0,.55)); }
.globe-core { transform-origin: 50% 50%; animation: globe-breathe 8s ease-in-out infinite; }
.globe-longitudes { transform-origin: center; animation: globe-turn 28s linear infinite; }
.globe-land { fill: rgba(226,189,100,.17); stroke: rgba(226,189,100,.82); stroke-width: 1.25; }
.globe-line { fill: none; stroke: rgba(226,189,100,.58); stroke-width: 1.1; }
.globe-major { stroke: var(--gold-2); stroke-width: 1.5; }
@keyframes globe-turn { to { transform: rotate(360deg); } }
@keyframes globe-breathe { 50% { transform: scale(1.012); } }
.globe-node {
  position: absolute; width: 118px; min-height: 58px; padding: .55rem .65rem;
  border: 1px solid rgba(201,155,52,.45); border-radius: 14px;
  background: rgba(5,8,13,.9); color: var(--paper); cursor: pointer;
  box-shadow: 0 10px 30px rgba(0,0,0,.32);
  transition: .2s ease; text-align: center;
}
.globe-node:hover, .globe-node.active { border-color: var(--gold-2); transform: translateY(-2px); background: rgba(19,24,31,.96); }
.globe-node strong { display: block; color: var(--gold-2); font: 600 .82rem/1.05 var(--serif); }
.globe-node span { display: block; margin-top: .2rem; color: var(--muted); font-size: .64rem; }
.globe-node.n1 { top: 2%; left: 39%; }
.globe-node.n2 { top: 22%; right: -2%; }
.globe-node.n3 { bottom: 18%; right: 0; }
.globe-node.n4 { bottom: 0; left: 39%; }
.globe-node.n5 { bottom: 18%; left: -2%; }
.globe-node.n6 { top: 22%; left: -2%; }
.globe-node.n7 { top: 44%; right: -8%; }
.globe-panel { margin: 1rem auto 0; width: min(460px, 100%); padding: 1rem 1.15rem; border-left: 2px solid var(--gold); background: rgba(255,255,255,.025); min-height: 112px; }
.globe-panel h3 { font-size: 1.4rem; margin-bottom: .35rem; color: var(--gold-2); }
.globe-panel p { color: var(--muted); font-size: .9rem; margin-bottom: .6rem; }
.globe-panel a { color: var(--gold-2); font-size: .82rem; text-transform: uppercase; letter-spacing: .12em; }

.page-hero { padding: 6rem 0 3.5rem; border-bottom: 1px solid var(--line); }
.page-hero h1 { font-size: clamp(3.2rem, 7vw, 6.2rem); }
.page-hero .lede { max-width: 58rem; }

.card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.card-grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.card-grid.four { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.card {
  position: relative; min-height: 230px; padding: 1.4rem;
  border: 1px solid var(--line); border-radius: 18px;
  background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.012));
  overflow: hidden;
}
.card::after { content: ''; position: absolute; inset: auto -30% -55% 20%; height: 160px; background: radial-gradient(circle, rgba(201,155,52,.12), transparent 70%); }
.card h3 { position: relative; z-index: 1; }
.card p, .card ul, .card .meta { position: relative; z-index: 1; color: var(--muted); }
.card .code { display: inline-block; margin-bottom: 1.4rem; color: var(--gold-2); font-size: .72rem; letter-spacing: .14em; text-transform: uppercase; }
.card .link-arrow { position: absolute; bottom: 1.2rem; left: 1.4rem; z-index: 2; color: var(--gold-2); font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; }
.card:hover { border-color: rgba(226,189,100,.62); transform: translateY(-2px); }
.card.mm { border-top: 3px solid var(--green); }
.card.vt { border-top: 3px solid var(--purple); }
.card.di { border-top: 3px solid var(--blue); }
.card.ef { border-top: 3px solid var(--gold); }

.status-strip { display: grid; grid-template-columns: repeat(5, 1fr); border: 1px solid var(--line); border-radius: 16px; overflow: hidden; }
.status-item { padding: 1rem; border-right: 1px solid var(--line); background: rgba(255,255,255,.02); }
.status-item:last-child { border-right: 0; }
.status-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin-right: .45rem; }
.status-item strong { font-family: var(--serif); font-size: 1.05rem; }
.status-item small { display: block; color: var(--muted); margin-top: .35rem; }

.layer-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: .8rem; }
.layer-card { padding: 1rem; border: 1px solid var(--line); background: rgba(255,255,255,.025); border-radius: 14px; }
.layer-card .letter { color: var(--gold-2); font: 600 2.6rem/1 var(--serif); }
.layer-card h3 { font-size: 1.2rem; margin: .5rem 0; }
.layer-card p { color: var(--muted); font-size: .82rem; }
.domain-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: .7rem; }
.domain { padding: .9rem 1rem; border-left: 2px solid var(--gold); background: rgba(255,255,255,.025); }
.domain b { color: var(--gold-2); }
.domain span { color: var(--muted); font-size: .86rem; }

.report-toolbar { display: flex; gap: .7rem; margin-bottom: 1.2rem; flex-wrap: wrap; }
.input, select, textarea {
  width: 100%; padding: .8rem .9rem; color: var(--paper); background: var(--ink-2);
  border: 1px solid rgba(255,255,255,.14); border-radius: 10px;
}
.input::placeholder, textarea::placeholder { color: #858279; }
.search-input { max-width: 460px; }
.report-list { display: grid; gap: .7rem; }
.report-row { display: grid; grid-template-columns: 120px 1fr auto; align-items: center; gap: 1rem; padding: 1rem; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.018); }
.report-row .series { color: var(--gold-2); font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; }
.report-row h3 { font-size: 1.25rem; margin: 0; }
.report-row p { color: var(--muted); font-size: .82rem; margin: .2rem 0 0; }
.badge { display: inline-flex; align-items: center; padding: .28rem .55rem; border: 1px solid var(--line); border-radius: 999px; font-size: .7rem; color: var(--gold-2); white-space: nowrap; }
.badge.soon { border-color: rgba(119,169,220,.4); color: #a8caeb; }
.badge.internal { color: #d6bfdc; border-color: rgba(169,143,216,.4); }

.workflow { counter-reset: stage; display: grid; gap: .75rem; }
.workflow-step { counter-increment: stage; display: grid; grid-template-columns: 52px 1fr; gap: .9rem; padding: 1rem; border: 1px solid var(--line); border-radius: 14px; }
.workflow-step::before { content: counter(stage, decimal-leading-zero); display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--gold); border-radius: 50%; color: var(--gold-2); font-family: var(--serif); }
.workflow-step h3 { font-size: 1.25rem; margin: 0 0 .25rem; }
.workflow-step p { color: var(--muted); margin: 0; font-size: .9rem; }

.form-shell { padding: 1.5rem; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.025); }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
.form-field { display: grid; gap: .35rem; }
.form-field.full { grid-column: 1 / -1; }
.form-field label { color: var(--gold-2); font-size: .78rem; letter-spacing: .06em; }
.file-drop { display: grid; place-items: center; min-height: 150px; padding: 1rem; border: 1px dashed rgba(226,189,100,.45); border-radius: 12px; text-align: center; background: rgba(201,155,52,.025); }
.file-drop input { max-width: 100%; }
.form-status { min-height: 1.4rem; color: var(--gold-2); font-size: .85rem; margin-top: .7rem; }
.checkbox { display: flex; align-items: flex-start; gap: .6rem; color: var(--muted); font-size: .82rem; }
.checkbox input { margin-top: .22rem; }

.development-banner { padding: 1rem 1.2rem; border: 1px solid rgba(119,169,220,.35); border-radius: 12px; background: rgba(119,169,220,.07); color: #c9dff5; }
.model-diagram { position: relative; min-height: 420px; display: grid; place-items: center; }
.model-ring { width: 280px; aspect-ratio: 1; border-radius: 50%; border: 1px solid var(--gold); display: grid; place-items: center; box-shadow: inset 0 0 80px rgba(201,155,52,.06); }
.model-ring::before, .model-ring::after { content: ''; position: absolute; border-radius: 50%; border: 1px solid rgba(201,155,52,.28); }
.model-ring::before { width: 360px; height: 360px; }
.model-ring::after { width: 440px; height: 440px; }
.model-ring span { max-width: 170px; text-align: center; color: var(--gold-2); font-family: var(--serif); font-size: 1.6rem; }

.seahorse-hero { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 3rem; }
.seahorse-art { max-width: 560px; filter: sepia(.1) saturate(1.1) drop-shadow(0 20px 50px rgba(0,0,0,.35)); }
.deck-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.deck-card { aspect-ratio: .67; display: flex; flex-direction: column; justify-content: flex-end; padding: 1.2rem; border: 1px solid var(--line); border-radius: 16px; background:
  radial-gradient(circle at 50% 28%, rgba(201,155,52,.17), transparent 30%),
  repeating-radial-gradient(circle at 50% 36%, rgba(201,155,52,.15) 0 1px, transparent 1px 26px),
  linear-gradient(160deg, #0d1722, #030507 75%);
}
.deck-card:nth-child(2) { background-color: #10130f; }
.deck-card:nth-child(3) { background-color: #0b0610; }
.deck-card h3 { color: var(--gold-2); margin-bottom: .25rem; }
.deck-card p { color: var(--muted); font-size: .84rem; }

.founder { display: grid; grid-template-columns: minmax(260px, .7fr) 1.3fr; gap: 3rem; align-items: center; }
.founder img { max-height: 680px; width: 100%; object-fit: cover; object-position: top; border-radius: 20px; border: 1px solid var(--line); }

.admin-shell { display: grid; grid-template-columns: 220px 1fr; gap: 1rem; }
.admin-nav { border: 1px solid var(--line); border-radius: 14px; padding: .7rem; height: max-content; position: sticky; top: 96px; }
.admin-nav button { width: 100%; text-align: left; padding: .7rem; background: transparent; color: var(--muted); border: 0; border-radius: 8px; cursor: pointer; }
.admin-nav button.active { background: rgba(201,155,52,.1); color: var(--gold-2); }
.admin-panel { display: none; }
.admin-panel.active { display: block; }
.control-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: .8rem; }
.result-box { min-height: 220px; padding: 1rem; white-space: pre-wrap; background: #020409; border: 1px solid var(--line); border-radius: 12px; color: #d8d4c9; overflow: auto; }

.site-footer { border-top: 1px solid var(--line); padding: 2.5rem 0; background: rgba(0,0,0,.28); }
.footer-grid { display: grid; grid-template-columns: 1.2fr .8fr .8fr; gap: 2rem; }
.footer-title { color: var(--gold-2); font-family: var(--serif); font-size: 1.4rem; }
.site-footer p, .site-footer a { color: var(--muted); font-size: .82rem; }
.footer-links { display: grid; gap: .35rem; }
.copyright { margin-top: 2rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.08); color: #77746d; font-size: .73rem; }

.reveal { opacity: 0; transform: translateY(14px); transition: opacity .65s ease, transform .65s ease; }
.reveal.visible { opacity: 1; transform: none; }
.hidden { display: none !important; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

@media (max-width: 980px) {
  .nav-toggle { display: inline-flex; }
  .primary-nav { display: none; position: absolute; top: 76px; left: 1rem; right: 1rem; padding: .8rem; background: #080c12; border: 1px solid var(--line); border-radius: 14px; box-shadow: var(--shadow); }
  .primary-nav.open { display: grid; grid-template-columns: repeat(2, 1fr); }
  .primary-nav a { border-radius: 8px; }
  .hero-grid, .seahorse-hero, .founder { grid-template-columns: 1fr; }
  .hero-copy { text-align: center; }
  .hero-copy .lede { margin-inline: auto; }
  .hero-actions { justify-content: center; }
  .card-grid, .card-grid.four { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .layer-grid { grid-template-columns: repeat(3, 1fr); }
  .deck-grid { grid-template-columns: repeat(3, 1fr); }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .admin-shell { grid-template-columns: 1fr; }
  .admin-nav { position: static; display: flex; flex-wrap: wrap; }
  .admin-nav button { width: auto; }
}

@media (max-width: 680px) {
  .container, .narrow { width: min(100% - 1.2rem, 1160px); }
  .brand { min-width: 0; }
  .brand-name { font-size: .93rem; }
  .brand-kicker { display: none; }
  .hero { padding-top: 1.5rem; }
  .hero-grid { gap: 1rem; }
  .globe-stage { width: 100%; margin-top: 1rem; }
  .globe-svg { width: 62%; }
  .globe-node { width: 92px; min-height: 50px; padding: .4rem; }
  .globe-node span { display: none; }
  .globe-node.n1 { top: 0; left: 36%; }
  .globe-node.n2 { right: -1%; }
  .globe-node.n3 { right: -1%; }
  .globe-node.n4 { left: 36%; }
  .globe-node.n5, .globe-node.n6 { left: -1%; }
  .globe-node.n7 { right: -3%; top: 44%; }
  .card-grid, .card-grid.two, .card-grid.four, .deck-grid, .domain-list, .form-grid, .control-grid { grid-template-columns: 1fr; }
  .layer-grid { grid-template-columns: repeat(2, 1fr); }
  .status-strip { grid-template-columns: 1fr; }
  .status-item { border-right: 0; border-bottom: 1px solid var(--line); }
  .status-item:last-child { border-bottom: 0; }
  .report-row { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .page-hero { padding-top: 4rem; }
}


/* MASTER ARCHITECTURE 4.0 */
:root {
  --ocean: #77a9dc;
  --ocean-deep: #0d2438;
  --meridian: #c99b34;
  --abyss: #8e6da8;
  --seahorse-paper: #f0e4c8;
}
.environment-bar {
  border-bottom: 1px solid var(--line);
  background: rgba(201,155,52,.035);
}
.environment-bar .container { display:flex; justify-content:space-between; gap:1rem; padding:.55rem 0; font-size:.72rem; color:var(--muted); }
.environment-bar strong { color:var(--gold-2); letter-spacing:.12em; text-transform:uppercase; }
.navigator-hero { min-height: calc(100vh - 108px); display:grid; place-items:center; padding:4rem 0 5rem; }
.navigator-grid { display:grid; grid-template-columns:.92fr 1.08fr; gap:clamp(2.5rem,7vw,6rem); align-items:center; }
.navigator-mark { position:relative; width:min(560px,92vw); aspect-ratio:1; margin:auto; display:grid; place-items:center; }
.navigator-mark::before, .navigator-mark::after { content:''; position:absolute; border-radius:50%; border:1px solid var(--line); }
.navigator-mark::before { inset:7%; box-shadow: inset 0 0 90px rgba(201,155,52,.05), 0 0 80px rgba(201,155,52,.08); }
.navigator-mark::after { inset:22%; border-color:rgba(226,189,100,.22); }
.navigator-logo { width:42%; z-index:2; filter:drop-shadow(0 24px 40px rgba(0,0,0,.55)); }
.navigator-axis { position:absolute; inset:4%; border-radius:50%; animation:slow-turn 48s linear infinite; }
.navigator-axis::before, .navigator-axis::after { content:''; position:absolute; background:linear-gradient(90deg,transparent,var(--gold),transparent); opacity:.55; }
.navigator-axis::before { width:100%; height:1px; left:0; top:50%; }
.navigator-axis::after { height:100%; width:1px; top:0; left:50%; }
@keyframes slow-turn { to { transform:rotate(360deg); } }
.portal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:2rem; }
.portal { min-height:270px; padding:1.5rem; border:1px solid var(--line); border-radius:20px; background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.012)); position:relative; overflow:hidden; }
.portal::after { content:''; position:absolute; width:260px; height:260px; border-radius:50%; right:-110px; bottom:-120px; background:radial-gradient(circle,rgba(201,155,52,.16),transparent 70%); }
.portal.seahorse::after { background:radial-gradient(circle,rgba(119,169,220,.16),transparent 70%); }
.portal h2 { font-size:clamp(2rem,4vw,3.5rem); }
.portal p { color:var(--muted); }
.portal .button { position:relative; z-index:2; margin-top:1rem; }
.portal-label { color:var(--gold-2); text-transform:uppercase; letter-spacing:.18em; font-size:.68rem; }
.subnav { display:flex; flex-wrap:wrap; gap:.45rem; margin-top:1.5rem; }
.subnav a { padding:.45rem .7rem; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:.75rem; }
.subnav a:hover, .subnav a[aria-current='page'] { color:var(--ink); background:var(--gold-2); border-color:var(--gold-2); }
.circuit { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; position:relative; margin:2.2rem 0; }
.circuit-step { padding:1.25rem; min-height:180px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.025); position:relative; }
.circuit-step:not(:last-child)::after { content:'→'; position:absolute; right:-.8rem; top:45%; color:var(--gold-2); z-index:3; font-size:1.4rem; }
.circuit-step .number { color:var(--gold-2); font-family:var(--serif); font-size:2.4rem; }
.circuit-loop { text-align:center; color:var(--muted); font-family:var(--serif); font-size:1.25rem; }
.framework-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.framework-card { padding:1.25rem; border:1px solid var(--line); border-radius:16px; min-height:200px; }
.framework-card .sigil { color:var(--gold-2); font:600 2.4rem/1 var(--serif); }
.framework-card p { color:var(--muted); }
.navigator-path { display:grid; grid-template-columns:repeat(5,1fr); gap:.75rem; }
.navigator-rank { padding:1rem; border-top:2px solid var(--gold); background:rgba(255,255,255,.025); text-align:center; }
.navigator-rank strong { display:block; font-family:var(--serif); color:var(--gold-2); font-size:1.15rem; }
.navigator-rank span { color:var(--muted); font-size:.78rem; }
.environment-card { border-left:3px solid var(--gold); }
.environment-card.seahorse { border-left-color:var(--ocean); }
.seahorse-page { background: radial-gradient(circle at 78% 12%,rgba(119,169,220,.08),transparent 30rem), var(--ink); }
.seahorse-banner { display:grid; grid-template-columns:1fr .8fr; gap:3rem; align-items:center; }
.seahorse-banner .seahorse-art { max-height:560px; object-fit:contain; margin:auto; }
.deck-editions { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.deck-edition { min-height:470px; border-radius:18px; padding:1.35rem; border:1px solid var(--line); display:flex; flex-direction:column; justify-content:flex-end; position:relative; overflow:hidden; }
.deck-edition::before { content:''; position:absolute; inset:0; background:repeating-radial-gradient(circle at 50% 28%,rgba(226,189,100,.15) 0 1px,transparent 1px 30px); opacity:.55; }
.deck-edition.ocean { background:linear-gradient(160deg,#15364e,#071018 74%); }
.deck-edition.meridian { background:linear-gradient(160deg,#342c1b,#090806 74%); }
.deck-edition.abyss { background:linear-gradient(160deg,#24152e,#040306 74%); }
.deck-edition > * { position:relative; z-index:2; }
.deck-edition h3 { color:var(--gold-2); }
.deck-edition p { color:var(--muted); }
.arcana-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:.6rem; counter-reset:arcana; }
.arcana-item { counter-increment:arcana; padding:.8rem .9rem; border:1px solid var(--line); border-radius:10px; background:rgba(255,255,255,.018); }
.arcana-item::before { content:counter(arcana, decimal-leading-zero); color:var(--gold-2); margin-right:.65rem; font-family:var(--serif); }
.domain-four { display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; }
.domain-card { padding:1rem; border:1px solid var(--line); border-radius:14px; background:rgba(255,255,255,.025); }
.domain-card h3 { font-size:1.25rem; color:var(--gold-2); }
.reading-layout { display:grid; grid-template-columns:repeat(5,1fr); gap:.7rem; }
.reading-card { aspect-ratio:.68; border:1px solid var(--line); border-radius:14px; display:grid; place-items:center; text-align:center; padding:.8rem; background:linear-gradient(160deg,#102031,#05080d 75%); color:var(--gold-2); font-family:var(--serif); }
.member-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }
.member-module { padding:1.35rem; border:1px solid var(--line); border-radius:16px; min-height:190px; }
.member-module p { color:var(--muted); }
.feature-list { display:grid; gap:.55rem; padding:0; list-style:none; }
.feature-list li { padding:.65rem .8rem; border-left:2px solid var(--gold); background:rgba(255,255,255,.02); }
.small-note { font-size:.78rem; color:var(--muted); }
.callout { padding:1.25rem 1.4rem; border:1px solid var(--line); border-radius:16px; background:rgba(201,155,52,.04); }
.card-reference { max-width:360px; aspect-ratio:.67; margin:auto; border-radius:22px; background:radial-gradient(circle at 50% 30%,rgba(119,169,220,.22),transparent 28%), repeating-radial-gradient(circle at 50% 38%,rgba(226,189,100,.16) 0 1px,transparent 1px 28px), linear-gradient(165deg,#15364e,#05080d 74%); display:flex; flex-direction:column; justify-content:space-between; align-items:center; padding:1.4rem; border:1px solid rgba(226,189,100,.42); box-shadow:var(--shadow); }
.card-reference .symbol { font-size:4rem; color:var(--gold-2); margin:auto; }
.card-reference .footer { font-family:var(--serif); letter-spacing:.12em; color:var(--gold-2); font-size:.75rem; text-align:center; }
@media (max-width:980px){
  .navigator-grid,.seahorse-banner{grid-template-columns:1fr}.circuit,.framework-grid,.domain-four{grid-template-columns:repeat(2,1fr)}.navigator-path{grid-template-columns:repeat(2,1fr)}.deck-editions{grid-template-columns:1fr}.arcana-grid{grid-template-columns:repeat(2,1fr)}.reading-layout{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .portal-grid,.member-grid,.circuit,.framework-grid,.domain-four,.arcana-grid{grid-template-columns:1fr}.circuit-step:not(:last-child)::after{content:'↓';right:auto;left:50%;top:auto;bottom:-1.15rem}.navigator-path,.reading-layout{grid-template-columns:1fr}.environment-bar .container{display:grid}.brand-kicker{display:none}
}

/* Version 4.1 — emblem entry and revised Navigator */
.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.splash-page {
  background: #000;
  overflow: hidden;
}
.splash-page::before { display: none; }
.splash-main {
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: clamp(.8rem, 3vw, 2rem);
  background: radial-gradient(circle at 50% 45%, rgba(201,155,52,.08), transparent 35rem), #000;
}
.splash-emblem-wrap {
  position: relative;
  width: min(94vw, 900px);
  aspect-ratio: 750 / 726;
  display: grid;
  place-items: center;
}
.splash-emblem {
  width: 100%;
  height: 100%;
  object-fit: contain;
  filter: drop-shadow(0 26px 70px rgba(201,155,52,.12));
}
.splash-globe-link {
  position: absolute;
  left: 50%;
  top: 42.3%;
  width: 39.5%;
  aspect-ratio: 1;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  display: grid;
  place-items: center;
  cursor: pointer;
  z-index: 3;
}
.splash-globe-halo {
  position: absolute;
  inset: -8%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(226,189,100,.24), rgba(201,155,52,.08) 48%, transparent 72%);
  filter: blur(8px);
  opacity: .7;
  animation: splash-pulse 3.8s ease-in-out infinite;
}
.splash-globe {
  width: 100%;
  height: 100%;
  overflow: visible;
  border-radius: 50%;
  filter: drop-shadow(0 0 22px rgba(226,189,100,.3));
  transition: transform .35s ease, filter .35s ease;
}
.splash-globe-link:hover .splash-globe,
.splash-globe-link:focus-visible .splash-globe {
  transform: scale(1.035);
  filter: drop-shadow(0 0 34px rgba(226,189,100,.5));
}
.splash-globe-spin {
  transform-origin: 150px 150px;
  animation: splash-world-turn 18s linear infinite;
}
.splash-grid-lines {
  fill: none;
  stroke: rgba(226,189,100,.5);
  stroke-width: 1.5;
}
.splash-land {
  fill: rgba(226,189,100,.34);
  stroke: #e2bd64;
  stroke-width: 1.5;
}
@keyframes splash-world-turn { to { transform: rotate(360deg); } }
@keyframes splash-pulse { 50% { transform: scale(1.045); opacity: 1; } }

.navigator-choice-hero {
  padding: clamp(4rem, 8vw, 7rem) 0 5rem;
  min-height: calc(100vh - 108px);
  display: grid;
  align-items: center;
}
.navigator-intro {
  max-width: 830px;
  margin: 0 auto 3rem;
  text-align: center;
}
.navigator-intro .lede { margin-inline: auto; }
.navigator-choice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(2rem, 6vw, 5.5rem);
  align-items: stretch;
}
.navigator-choice-card {
  min-height: 620px;
  padding: clamp(1.5rem, 3vw, 2.25rem);
  border: 1px solid var(--line);
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(255,255,255,.05), rgba(255,255,255,.012));
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  box-shadow: 0 24px 70px rgba(0,0,0,.2);
}
.navigator-choice-card h2 { font-size: clamp(2.25rem, 4vw, 3.8rem); margin-bottom: .15rem; }
.choice-subtitle {
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: .86rem;
  margin-bottom: .9rem;
}
.navigator-choice-card p { color: var(--muted); max-width: 31rem; }
.navigator-choice-card .button { margin: .85rem 0 1.8rem; }
.choice-logo {
  margin-top: auto;
  object-fit: contain;
  filter: drop-shadow(0 18px 38px rgba(0,0,0,.38));
}
.logo-caption {
  margin-top: .85rem;
  color: var(--gold);
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: .82rem;
}
.da-choice-logo {
  width: min(74%, 330px);
  max-height: 310px;
}
.seahorse-choice-logo {
  width: min(92%, 520px);
  max-width: 470px;
  max-height: 400px;
  height: auto;
  aspect-ratio: auto;
  border-radius: 0;
  box-shadow: none;
}
.seahorse-choice {
  background: linear-gradient(145deg, rgba(210,178,107,.08), rgba(255,255,255,.02));
}

@media (max-width: 760px) {
  .splash-emblem-wrap { width: min(98vw, 760px); }
  .navigator-choice-grid { grid-template-columns: 1fr; gap: 1.4rem; }
  .navigator-choice-card { min-height: 560px; }
}

/* Version 4.3 — Circumpolar opening gateway.
   The official logo is never transformed or stretched. */
.circumpolar-splash {
  min-height: 100vh;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 43%, rgba(201,155,52,.09), transparent 31rem),
    #000;
}
.circumpolar-splash::before {
  opacity: .14;
  mask-image: radial-gradient(circle at 50% 40%, black 0 20%, transparent 70%);
}
.circumpolar-entry {
  min-height: 100vh;
  display: grid;
  place-content: center;
  justify-items: center;
  padding: clamp(1rem, 3vw, 2.4rem);
}
.circumpolar-logo-frame {
  position: relative;
  width: min(720px, 78vw, calc((100vh - 104px) * .6666667));
  aspect-ratio: 2 / 3;
  flex: none;
}
.circumpolar-logo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  transform: none !important;
  filter: drop-shadow(0 24px 65px rgba(0,0,0,.7));
  user-select: none;
  pointer-events: none;
}
.circumpolar-globe-button {
  position: absolute;
  /* Matched to the exact centre globe in the official 1024 × 1536 logo. */
  left: 33.2%;
  top: 32.8%;
  width: 33.6%;
  aspect-ratio: 1;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #010204;
  cursor: grab;
  touch-action: none;
  isolation: isolate;
  box-shadow:
    0 0 0 1px rgba(226,189,100,.48),
    0 0 26px rgba(201,155,52,.12),
    inset 0 0 24px rgba(0,0,0,.75);
}
.circumpolar-globe-button:hover,
.circumpolar-globe-button:focus-visible {
  box-shadow:
    0 0 0 2px rgba(226,189,100,.88),
    0 0 38px rgba(201,155,52,.3),
    inset 0 0 24px rgba(0,0,0,.75);
}
.circumpolar-globe-button.is-dragging { cursor: grabbing; }
.circumpolar-globe-button canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.circumpolar-glow {
  position: absolute;
  inset: -8%;
  z-index: 0;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(226,189,100,.22), transparent 67%);
  filter: blur(7px);
  animation: circumpolar-glow 3.4s ease-in-out infinite;
}
.circumpolar-pulse {
  position: absolute;
  inset: -2%;
  z-index: 3;
  border: 1px solid rgba(226,189,100,.65);
  border-radius: 50%;
  pointer-events: none;
  animation: circumpolar-pulse 3.4s ease-out infinite;
}

.circumpolar-message {
  margin-top: clamp(-1.2rem, -1vw, -.25rem);
  text-align: center;
  text-shadow: 0 2px 14px #000;
}
.circumpolar-message h1 {
  margin: 0;
  color: var(--gold-2);
  font-family: var(--serif);
  font-size: clamp(1.45rem, 3vw, 2.35rem);
  font-weight: 500;
  letter-spacing: .035em;
}
.circumpolar-journey {
  margin: .18rem 0 0;
  color: var(--paper);
  font-family: var(--serif);
  font-size: clamp(.95rem, 1.7vw, 1.18rem);
  letter-spacing: .08em;
}
.circumpolar-instruction {
  margin: .58rem 0 0;
  color: rgba(226,189,100,.9);
  font-family: var(--sans);
  font-size: .68rem;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.circumpolar-return {
  margin: .22rem 0 0;
  color: rgba(246,241,229,.48);
  font-family: var(--sans);
  font-size: .61rem;
  letter-spacing: .15em;
  text-transform: uppercase;
}
@keyframes circumpolar-glow {
  0%, 100% { opacity: .52; transform: scale(.98); }
  50% { opacity: 1; transform: scale(1.05); }
}
@keyframes circumpolar-pulse {
  0% { opacity: .8; transform: scale(.98); }
  65%, 100% { opacity: 0; transform: scale(1.14); }
}
@media (max-width: 700px) {
  .circumpolar-logo-frame {
    width: min(94vw, calc((100vh - 110px) * .6666667));
  }
  .circumpolar-message { margin-top: -.25rem; }
}
@media (prefers-reduced-motion: reduce) {
  .circumpolar-glow, .circumpolar-pulse { animation: none; }
}

/* Version 4.4 — responsive gateway with the official logo, message, and globe separated. */
.gateway-splash {
  min-height: 100svh;
  overflow-x: hidden;
  overflow-y: auto;
  background:
    radial-gradient(circle at 50% 35%, rgba(201,155,52,.09), transparent 28rem),
    #000;
}
.gateway-splash::before { display: none; }
.gateway-main {
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: clamp(1rem, 2.5vw, 2.5rem);
}
.gateway-entry {
  width: min(100%, 980px);
  min-height: calc(100svh - clamp(2rem, 5vw, 5rem));
  display: grid;
  grid-template-rows: auto auto auto auto auto;
  justify-items: center;
  align-content: center;
  gap: clamp(.55rem, 1.7vh, 1.15rem);
  text-align: center;
}
.gateway-logo-wrap {
  display: grid;
  place-items: center;
  width: 100%;
  max-height: 39svh;
}
.gateway-logo {
  display: block;
  width: auto;
  height: clamp(230px, 37svh, 430px);
  max-width: min(92vw, 560px);
  object-fit: contain;
  object-position: center;
  transform: none !important;
  filter: drop-shadow(0 22px 56px rgba(201,155,52,.14));
  user-select: none;
}
.gateway-message {
  text-align: center;
  text-shadow: 0 2px 16px #000;
}
.gateway-message h1 {
  margin: 0;
  color: var(--gold-2);
  font-family: var(--serif);
  font-size: clamp(1.55rem, 3.2vw, 2.8rem);
  font-weight: 500;
  letter-spacing: .035em;
}
.gateway-journey {
  margin: .2rem 0 0;
  color: var(--paper);
  font-family: var(--serif);
  font-size: clamp(1rem, 1.8vw, 1.3rem);
  letter-spacing: .09em;
}
.gateway-globe-button {
  position: relative;
  width: clamp(170px, 24svh, 285px);
  aspect-ratio: 1;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #010204;
  cursor: grab;
  touch-action: none;
  isolation: isolate;
  box-shadow:
    0 0 0 1px rgba(226,189,100,.55),
    0 0 34px rgba(201,155,52,.18),
    inset 0 0 28px rgba(0,0,0,.78);
  transition: transform .25s ease, box-shadow .25s ease;
}
.gateway-globe-button:hover,
.gateway-globe-button:focus-visible {
  transform: scale(1.025);
  box-shadow:
    0 0 0 2px rgba(226,189,100,.95),
    0 0 44px rgba(201,155,52,.33),
    inset 0 0 28px rgba(0,0,0,.78);
}
.gateway-globe-button.is-dragging { cursor: grabbing; }
.gateway-globe-button canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.gateway-glow {
  position: absolute;
  inset: -9%;
  z-index: 0;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(226,189,100,.24), transparent 68%);
  filter: blur(8px);
  animation: gateway-glow 3.4s ease-in-out infinite;
}
.gateway-pulse {
  position: absolute;
  inset: -2%;
  z-index: 3;
  border: 1px solid rgba(226,189,100,.68);
  border-radius: 50%;
  pointer-events: none;
  animation: gateway-pulse 3.4s ease-out infinite;
}
.gateway-instructions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .45rem;
  color: rgba(226,189,100,.92);
  font-family: var(--sans);
  font-size: .7rem;
  letter-spacing: .18em;
  text-transform: uppercase;
}
.gateway-dot { color: rgba(246,241,229,.48); }
.gateway-return {
  margin: -.35rem 0 0;
  color: rgba(246,241,229,.46);
  font-family: var(--sans);
  font-size: .61rem;
  letter-spacing: .15em;
  text-transform: uppercase;
}
@keyframes gateway-glow {
  0%, 100% { opacity: .55; transform: scale(.98); }
  50% { opacity: 1; transform: scale(1.05); }
}
@keyframes gateway-pulse {
  0% { opacity: .78; transform: scale(.98); }
  65%, 100% { opacity: 0; transform: scale(1.14); }
}
@media (min-width: 1000px) and (max-height: 780px) {
  .gateway-entry { gap: .45rem; }
  .gateway-logo { height: 260px; }
  .gateway-globe-button { width: 170px; }
  .gateway-message h1 { font-size: 2rem; }
}
@media (max-width: 700px) {
  .gateway-main { padding: .8rem; }
  .gateway-entry { min-height: calc(100svh - 1.6rem); }
  .gateway-logo { height: clamp(215px, 34svh, 310px); max-width: 94vw; }
  .gateway-globe-button { width: clamp(160px, 22svh, 220px); }
  .gateway-instructions { font-size: .63rem; letter-spacing: .14em; }
}
@media (prefers-reduced-motion: reduce) {
  .gateway-glow, .gateway-pulse { animation: none; }
}

/* Version 4.9 — Truth Practice reading catalogue */
.reading-intro-panel {
  padding: clamp(1.6rem, 4vw, 2.6rem);
  border: 1px solid rgba(201,155,52,.42);
  border-radius: 24px;
  background: radial-gradient(circle at top right, rgba(201,155,52,.13), transparent 45%), rgba(255,255,255,.025);
}
.reading-intro-panel h2 { margin-bottom: .8rem; }
.reading-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}
.reading-card {
  display: flex;
  flex-direction: column;
  min-height: 360px;
  padding: 1.45rem;
  border: 1px solid var(--line);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.012));
}
.reading-card h3 { font-size: clamp(1.55rem, 2.8vw, 2.2rem); margin: .75rem 0 .55rem; }
.reading-card p { color: var(--muted); }
.reading-meta { display: flex; gap: .65rem; justify-content: space-between; align-items: center; }
.reading-deck, .reading-price {
  display: inline-flex;
  align-items: center;
  padding: .38rem .65rem;
  border-radius: 999px;
  font-size: .74rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.reading-deck { color: var(--gold); border: 1px solid rgba(201,155,52,.38); }
.reading-price { color: var(--muted); background: rgba(255,255,255,.055); }
.reading-price.free { color: #06110a; background: var(--gold); font-weight: 700; }
.reading-prompts { display: flex; flex-wrap: wrap; gap: .45rem; margin: auto 0 1.25rem; padding-top: 1rem; }
.reading-prompts span { border: 1px solid var(--line); border-radius: 999px; padding: .35rem .55rem; color: var(--muted); font-size: .78rem; }
.reading-button[disabled] { opacity: .72; cursor: not-allowed; }
.featured-reading { border-color: rgba(201,155,52,.68); box-shadow: 0 20px 60px rgba(201,155,52,.08); }
.premium-reading { background: radial-gradient(circle at top right, rgba(201,155,52,.12), transparent 48%), rgba(255,255,255,.025); }
.future-reading {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  align-items: center;
  padding: clamp(1.5rem, 4vw, 2.4rem);
  border: 1px solid rgba(201,155,52,.35);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(201,155,52,.08), rgba(255,255,255,.015));
}
.future-reading-status { color: var(--gold); text-transform: uppercase; letter-spacing: .13em; white-space: nowrap; }
@media (max-width: 760px) {
  .reading-grid { grid-template-columns: 1fr; }
  .future-reading { align-items: flex-start; flex-direction: column; }
}


/* Version 5.0 — Whole-platform Navigator membership and earned progression */
.pathway-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem; }
.pathway-card { position:relative; padding:1.6rem; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)); }
.pathway-number { color:var(--gold); font-family:var(--serif); font-size:2.1rem; }
.status-example { margin-top:1.2rem; padding:1.3rem 1.5rem; display:grid; grid-template-columns:1fr 1fr 1.35fr; gap:1rem; align-items:center; border:1px solid rgba(201,155,52,.35); border-radius:16px; background:rgba(201,155,52,.055); }
.status-example h3 { margin:.25rem 0 0; font-size:1.15rem; }
.status-example p { margin:0; color:var(--muted); }
.tier-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.2rem; }
.tier-card { position:relative; padding:1.6rem; border:1px solid var(--line); border-radius:20px; background:linear-gradient(155deg,rgba(255,255,255,.05),rgba(255,255,255,.012)); overflow:hidden; }
.tier-card::before { content:''; position:absolute; inset:0 auto 0 0; width:4px; background:var(--gold); opacity:.75; }
.tier-card h3 { font-size:clamp(1.8rem,3vw,2.45rem); margin:.5rem 0; }
.tier-card p { color:var(--muted); }
.tier-top { display:flex; justify-content:space-between; gap:1rem; align-items:center; }
.tier-index { font-family:var(--serif); color:var(--gold); font-size:1.4rem; }
.tier-label { text-transform:uppercase; letter-spacing:.12em; font-size:.72rem; color:var(--muted); }
.clean-list { list-style:none; padding:0; margin:1.1rem 0; display:grid; gap:.55rem; }
.clean-list li { position:relative; padding-left:1.15rem; }
.clean-list li::before { content:'·'; position:absolute; left:0; color:var(--gold); }
.tier-unlock { margin:1.15rem 0; padding:.85rem 1rem; border-radius:12px; background:rgba(255,255,255,.035); color:var(--muted); }
.access-chip { display:inline-flex; padding:.32rem .65rem; border:1px solid rgba(201,155,52,.45); border-radius:999px; color:var(--gold-2); font-size:.74rem; text-transform:uppercase; letter-spacing:.09em; }
.navigator-tier::before { background:#a7b0bb; }
.ocean-tier::before { background:#5aa6c8; }
.meridian-tier::before { background:#d5aa57; }
.abyss-candidate-tier::before { background:#9b82c7; }
.abyss-tier::before { background:#e3d2a1; }
.tier-note { max-width:900px; margin:1.5rem auto 0; text-align:center; }
.progression-track { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; gap:.8rem; align-items:stretch; }
.progression-stage { padding:1.25rem; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.025); }
.progression-stage h3 { margin:.6rem 0 .4rem; }
.progression-stage p { color:var(--muted); }
.stage-dot { width:2.2rem; height:2.2rem; display:grid; place-items:center; border:1px solid rgba(201,155,52,.5); border-radius:50%; color:var(--gold); font-family:var(--serif); }
.progression-arrow { display:grid; place-items:center; color:var(--gold); font-size:1.5rem; }
.progress-meter { height:6px; border-radius:999px; background:rgba(255,255,255,.08); overflow:hidden; margin:.8rem 0 .35rem; }
.progress-meter span { display:block; height:100%; background:var(--gold); }
.learning-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.2rem; }
.learning-card { padding:1.5rem; min-height:220px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.01)); }
.access-banner { display:flex; justify-content:space-between; gap:2rem; align-items:center; padding:1.4rem 1.6rem; border:1px solid rgba(201,155,52,.35); border-radius:18px; background:linear-gradient(135deg,rgba(201,155,52,.07),rgba(255,255,255,.015)); }
.access-banner h2 { margin:.35rem 0 .5rem; font-size:clamp(1.5rem,3vw,2.2rem); }
.access-banner p { margin:0; color:var(--muted); max-width:790px; }
.access-level { display:inline-flex; color:var(--gold); text-transform:uppercase; letter-spacing:.13em; font-size:.74rem; }
.ocean-access { border-color:rgba(90,166,200,.38); }
.meridian-access { border-color:rgba(213,170,87,.42); }
.abyss-access { border-color:rgba(155,130,199,.42); }
.access-legend { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.8rem; }
.access-legend span { padding:.85rem 1rem; border:1px solid var(--line); border-radius:12px; color:var(--muted); }
.access-legend b { display:block; color:var(--gold-2); margin-bottom:.25rem; }
@media (max-width:900px) {
  .tier-grid,.pathway-grid,.learning-grid { grid-template-columns:1fr; }
  .status-example { grid-template-columns:1fr; }
  .progression-track { grid-template-columns:1fr; }
  .progression-arrow { transform:rotate(90deg); }
  .access-legend { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .access-banner { align-items:flex-start; flex-direction:column; }
}
@media (max-width:560px) { .access-legend { grid-template-columns:1fr; } }

/* Version 5.2 — native archive, media centre, and Game of Truth */
.article-shell { width:min(850px,calc(100% - 2rem)); margin-inline:auto; }
.article-hero { padding:5.5rem 0 2.5rem; border-bottom:1px solid var(--line); }
.article-hero h1 { font-size:clamp(2.9rem,6.5vw,5.8rem); margin-top:.7rem; }
.article-subtitle { font-family:var(--serif); font-size:clamp(1.2rem,2.2vw,1.65rem); color:#ded8ca; max-width:48rem; }
.article-meta,.archive-date { color:var(--muted); font-size:.82rem; letter-spacing:.05em; }
.back-link { color:var(--gold-2); font-size:.78rem; text-transform:uppercase; letter-spacing:.13em; }
.article-body { font-family:var(--serif); font-size:1.19rem; line-height:1.72; }
.article-body h2 { font-size:clamp(2rem,4vw,3.2rem); margin-top:2.8rem; }
.article-body h3 { font-size:clamp(1.55rem,3vw,2.25rem); margin-top:2.2rem; }
.article-body h4 { font-size:1.35rem; margin-top:1.7rem; }
.article-body p,.article-body li { color:#e7e1d4; }
.article-body a { color:var(--gold-2); text-decoration:underline; text-underline-offset:.16em; }
.article-body blockquote { margin:2rem 0; padding:1.2rem 1.4rem; border-left:3px solid var(--gold); background:rgba(255,255,255,.035); color:#efe5ce; font-size:1.25rem; }
.article-body img { margin:1.8rem auto; border-radius:14px; max-height:760px; object-fit:contain; }
.article-body figure { margin:2rem 0; }
.article-body figcaption { color:var(--muted); font: .82rem/1.5 var(--sans); text-align:center; }
.article-body hr { border:0; height:1px; background:linear-gradient(90deg,transparent,var(--gold),transparent); margin:2.5rem 0; }
.article-body table { width:100%; border-collapse:collapse; display:block; overflow:auto; font-family:var(--sans); font-size:.92rem; }
.article-body th,.article-body td { border:1px solid var(--line); padding:.7rem; }

/* Shared glossary reading surface — text-first, without entry artwork. */
body.glossary-entry-page {
  position: relative;
  isolation: isolate;
  overflow-x: hidden;
  background:
    linear-gradient(rgba(5,8,13,.8), rgba(5,8,13,.94)),
    url('/assets/images/glossary-cosmic-field-v1.png') center top / cover fixed,
    #05080d;
}
body.glossary-entry-page::before {
  inset: auto;
  top: 6rem;
  right: clamp(-18rem, -14vw, -8rem);
  width: min(124vw, 105rem);
  height: auto;
  aspect-ratio: 1672 / 941;
  opacity: .79;
  filter: brightness(1.48) contrast(1.07);
  mix-blend-mode: screen;
  background: url('/assets/images/glossary-cosmic-field-v1.png') center / 100% auto no-repeat;
  mask-image: radial-gradient(circle at 82% 30%, #000 0 14%, rgba(0,0,0,.9) 24%, transparent 46%);
  transform-origin: 82% 30%;
  animation: glossary-galaxy-turn 144s linear infinite;
  z-index: 0;
}
body.glossary-entry-page::after {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .2;
  background-image:
    linear-gradient(rgba(226,189,100,.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(226,189,100,.12) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to bottom, black, transparent 82%);
  z-index: 0;
}
.glossary-entry-page .environment-bar,
.glossary-entry-page main,
.glossary-entry-page .site-footer { position: relative; z-index: 1; }
.glossary-entry-page .article-hero {
  background: linear-gradient(180deg, rgba(10,16,25,.82), rgba(5,8,13,.34));
}
.glossary-entry-page .article-body {
  margin-top: 1rem;
  padding: clamp(1.25rem, 3vw, 2.4rem);
  border: 1px solid rgba(201,155,52,.2);
  background: rgba(7,11,17,.72);
  box-shadow: 0 30px 90px rgba(0,0,0,.28);
}
@keyframes glossary-galaxy-turn {
  from { transform: rotate(0deg) scale(1.04); }
  to { transform: rotate(360deg) scale(1.04); }
}
@media (prefers-reduced-motion: reduce) {
  body.glossary-entry-page::before { animation: none; }
}
.article-provenance { margin-top:4rem; padding:1.4rem; border:1px solid var(--line); border-radius:16px; background:rgba(255,255,255,.025); font-family:var(--sans); font-size:.9rem; }
.locked-article { border:1px solid var(--line); border-radius:20px; padding:2rem; background:rgba(255,255,255,.03); }
.archive-stats { display:flex; flex-wrap:wrap; gap:1rem; margin-top:2rem; }
.archive-stats span { border:1px solid var(--line); border-radius:999px; padding:.6rem .9rem; color:var(--muted); }
.archive-stats strong { color:var(--gold-2); }
.archive-toolbar { display:grid; gap:1.1rem; margin-bottom:2rem; }
.archive-search { display:grid; gap:.45rem; color:var(--gold-2); text-transform:uppercase; letter-spacing:.13em; font-size:.72rem; }
.archive-search input { width:100%; padding:.95rem 1rem; border-radius:14px; border:1px solid var(--line); color:var(--paper); background:rgba(255,255,255,.035); }
.archive-filters { display:flex; flex-wrap:wrap; gap:.45rem; }
.archive-filters button { border:1px solid var(--line); border-radius:999px; padding:.5rem .75rem; color:var(--paper); background:transparent; cursor:pointer; }
.archive-filters button.active,.archive-filters button:hover { background:var(--gold-2); color:var(--ink); }
.archive-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.archive-card { border:1px solid var(--line); border-radius:18px; overflow:hidden; background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012)); display:flex; flex-direction:column; min-height:390px; }
.archive-thumb { aspect-ratio:16/9; background:var(--ink-2); overflow:hidden; }
.archive-thumb img { width:100%; height:100%; object-fit:cover; }
.archive-card-body { padding:1.25rem; display:flex; flex-direction:column; height:100%; }
.archive-card-top { display:flex; justify-content:space-between; align-items:center; gap:.7rem; margin-bottom:.9rem; }
.archive-card h3 { font-size:1.65rem; }
.archive-card p { color:var(--muted); font-size:.9rem; }
.archive-card .link-arrow { margin-top:auto; color:var(--gold-2); font-size:.76rem; text-transform:uppercase; letter-spacing:.12em; }
.archive-subtitle { font-family:var(--serif); color:#d9d1c2!important; font-size:1.04rem!important; }
.archive-tag { display:inline-flex; width:max-content; padding:.28rem .55rem; border:1px solid var(--line); border-radius:999px; color:var(--gold-2); text-transform:uppercase; letter-spacing:.11em; font-size:.64rem; }
.archive-tag.mm { border-color:rgba(98,184,146,.7); color:#91d8b9; }.archive-tag.vt { border-color:rgba(169,143,216,.7); color:#c4acec; }.archive-tag.di { border-color:rgba(119,169,220,.7); color:#9fc8ee; }.archive-tag.ef { border-color:rgba(201,155,52,.8); color:var(--gold-2); }
.archive-tag.ocean { color:#9fc8ee; border-color:rgba(119,169,220,.7); }.archive-tag.meridian { color:#c4acec; border-color:rgba(169,143,216,.7); }.archive-tag.abyss { color:#e2bd64; border-color:rgba(201,155,52,.8); }
.media-video-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; }
.media-video-card { border:1px solid var(--line); border-radius:20px; overflow:hidden; background:rgba(255,255,255,.025); }
.media-video-card video { display:block; width:100%; max-height:680px; background:#000; }
.media-video-card > div { padding:1.3rem; }
.game-mode-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.game-mode { border:1px solid var(--line); border-radius:18px; padding:1.3rem; background:rgba(255,255,255,.025); }
.game-mode > span { color:var(--gold-2); letter-spacing:.15em; font-size:.72rem; }
.game-mode p { color:var(--muted); }
.truth-levels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }
.truth-levels article { border:1px solid var(--line); border-radius:18px; padding:1.4rem; background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.012)); }
.truth-levels p { color:var(--muted); }.truth-levels strong { color:var(--gold-2); font-size:.86rem; }
@media(max-width:900px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.game-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.truth-levels{grid-template-columns:1fr;}}
@media(max-width:680px){.archive-grid,.media-video-grid,.game-mode-grid{grid-template-columns:1fr;}.article-body{font-size:1.08rem;}.archive-card{min-height:0;}}

/* Version 5.3 — publication homes by analytical and creative section */
.publication-section-heading{display:flex;justify-content:space-between;gap:2rem;align-items:flex-end;margin-bottom:2rem}.publication-section-heading>div{max-width:760px}.publication-section-heading p{color:var(--muted)}.section-publication-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.framework-card[href],.card[href]{text-decoration:none;color:inherit}.framework-card[href]:hover,.card[href]:hover{transform:translateY(-3px);border-color:rgba(201,155,52,.45)}@media(max-width:980px){.section-publication-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){.publication-section-heading{display:block}.publication-section-heading .text-link{display:inline-block;margin-top:1rem}.section-publication-grid{grid-template-columns:1fr}}


/* Version 5.4 — The Guides, public Verification Service, and expanded Media Room */
.guides-hero{padding:2rem 0 0}.guides-image-shell{position:relative;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);min-height:520px;background:#03060b}.guides-image-shell img{width:100%;height:100%;min-height:520px;object-fit:cover}.guides-image-shell::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,11,.78),rgba(3,6,11,.1) 58%,rgba(3,6,11,.18)),linear-gradient(0deg,rgba(3,6,11,.8),transparent 60%)}.guides-image-overlay{position:absolute;z-index:2;left:clamp(1.4rem,5vw,4rem);bottom:clamp(1.4rem,5vw,3.4rem);max-width:630px}.guides-image-overlay h1{font-size:clamp(3.2rem,8vw,7rem);margin:.2rem 0}.guides-image-overlay p{font-family:var(--serif);font-size:clamp(1.15rem,2.2vw,1.6rem);color:#e7e1d4}.guides-console{display:grid;grid-template-columns:1.05fr .95fr;gap:1.4rem;padding:clamp(1.2rem,3vw,2rem);border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}.guide-prompts{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.3rem}.guide-prompts button{border:1px solid var(--line);border-radius:999px;padding:.55rem .75rem;color:var(--paper);background:transparent;cursor:pointer}.guide-prompts button:hover{background:var(--gold-2);color:var(--ink)}.guides-form{display:grid;gap:.75rem;padding:1.2rem;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(0,0,0,.22)}.guides-form label{color:var(--gold-2);letter-spacing:.09em;text-transform:uppercase;font-size:.74rem}.guides-answer{margin-top:1rem;padding:1.4rem;border-left:3px solid var(--gold);background:rgba(201,155,52,.045);border-radius:0 14px 14px 0;min-height:150px}.guides-answer p{color:var(--muted)}.guide-answer-actions{justify-content:flex-start}.guide-path-grid .card{min-height:270px}.media-profile-grid{display:grid;grid-template-columns:minmax(260px,.72fr) 1.28fr;gap:2.5rem;align-items:start}.media-profile-grid img{border:1px solid var(--line);border-radius:20px;max-height:680px;width:100%;object-fit:cover;object-position:top}.topic-cloud{display:flex;flex-wrap:wrap;gap:.55rem}.topic-cloud span{padding:.48rem .7rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.8rem}.pillar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.pillar{padding:1.2rem;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.pillar h3{font-size:1.35rem}.pillar p{color:var(--muted);font-size:.9rem}.public-process{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.7rem}.public-process div{padding:1rem;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02);text-align:center}.public-process strong{display:block;color:var(--gold-2);font-family:var(--serif);font-size:1.1rem}@media(max-width:980px){.guides-console,.media-profile-grid{grid-template-columns:1fr}.pillar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-process{grid-template-columns:1fr 1fr}}@media(max-width:680px){.guides-image-shell,.guides-image-shell img{min-height:500px}.guides-image-shell img{object-position:center}.guides-image-shell::after{background:linear-gradient(0deg,rgba(3,6,11,.92),rgba(3,6,11,.06) 72%)}.guides-image-overlay{left:1rem;right:1rem;bottom:1rem}.pillar-grid,.public-process{grid-template-columns:1fr}}
.guides-preview{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.025)}.guides-preview img{border-radius:16px;min-height:330px;width:100%;object-fit:cover}@media(max-width:900px){.guides-preview{grid-template-columns:1fr}.guides-preview img{min-height:260px}}


/* Version 5.5 — Navigator Quests, deck commerce, and operational analytics */
.quest-hero{padding:clamp(5rem,9vw,8rem) 0 4.5rem;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 48%,rgba(201,155,52,.12),transparent 24rem)}
.quest-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,7vw,6rem);align-items:center}
.quest-orbit{position:relative;aspect-ratio:1;max-width:470px;margin:auto;display:grid;place-items:center}.quest-orbit-ring{position:absolute;border:1px solid rgba(201,155,52,.42);border-radius:50%;animation:quest-turn 28s linear infinite}.quest-orbit-ring.r1{inset:7%}.quest-orbit-ring.r2{inset:19%;animation-direction:reverse;animation-duration:18s}.quest-orbit-ring:before,.quest-orbit-ring:after{content:'';position:absolute;width:10px;height:10px;border-radius:50%;background:var(--gold-2);box-shadow:0 0 22px var(--gold)}.quest-orbit-ring:before{top:10%;left:18%}.quest-orbit-ring:after{right:8%;bottom:25%}.quest-orbit-core{width:47%;aspect-ratio:1;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;padding:1.2rem;text-align:center;background:radial-gradient(circle,rgba(201,155,52,.14),rgba(5,8,13,.96) 68%);box-shadow:0 0 80px rgba(201,155,52,.13)}.quest-orbit-core span{display:block;color:var(--gold-2);font:600 .68rem/1 var(--sans);letter-spacing:.18em}.quest-orbit-core span+span{margin-top:.35rem}@keyframes quest-turn{to{transform:rotate(360deg)}}
.quest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.quest-grid.quest-featured{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:3rem}.quest-all-heading{margin-top:.5rem}.quest-card{position:relative;min-height:390px;padding:1.5rem;border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,rgba(255,255,255,.05),rgba(255,255,255,.012));display:flex;flex-direction:column;overflow:hidden}.quest-card:after{content:'';position:absolute;inset:auto -20% -35% 20%;height:190px;background:radial-gradient(circle,rgba(201,155,52,.15),transparent 70%)}.quest-card:hover{transform:translateY(-3px);border-color:var(--gold-2)}.quest-card.ocean{border-top:3px solid var(--green)}.quest-card.truth{border-top:3px solid var(--purple)}.quest-card.signal{border-top:3px solid var(--blue)}.quest-card.story{border-top:3px solid var(--gold)}.quest-card.source{border-top:3px solid #ddd4b5}.quest-card.guides{border-top:3px solid #8db4cf}.quest-number{font:500 3.2rem/1 var(--serif);color:rgba(226,189,100,.38);margin:.65rem 0 1.3rem}.quest-status{color:var(--gold-2);font-size:.68rem;text-transform:uppercase;letter-spacing:.16em}.quest-card p{color:var(--muted)}.quest-reward{margin-top:auto;margin-bottom:2.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.09);color:#ddd6c7;font-size:.82rem}.quest-card .link-arrow{position:absolute;bottom:1.2rem;left:1.5rem;z-index:2;color:var(--gold-2);font-size:.76rem;text-transform:uppercase;letter-spacing:.12em}
.quest-rank-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin:2rem 0}.quest-rank-track article{padding:1.15rem;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}.quest-rank-track span{color:var(--gold-2);font:500 2rem/1 var(--serif)}.quest-rank-track h3{font-size:1.25rem;margin:.7rem 0}.quest-rank-track p{color:var(--muted);font-size:.82rem}
.quest-commerce{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center;padding:2rem;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(201,155,52,.07),rgba(255,255,255,.012))}.quest-commerce-note{padding:1.2rem;border-left:2px solid var(--gold);background:rgba(0,0,0,.18)}.quest-commerce-note p{color:var(--muted);margin:.45rem 0 0}
.quest-launch-section{padding-top:1.5rem}.quest-launch{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center;padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--gold);border-radius:24px;background:radial-gradient(circle at 82% 50%,rgba(201,155,52,.16),transparent 19rem),rgba(255,255,255,.025)}.quest-launch-links{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1.4rem 0}.quest-launch-links a{padding:.9rem;border:1px solid rgba(201,155,52,.24);border-radius:13px;background:rgba(0,0,0,.2)}.quest-launch-links strong,.quest-launch-links span{display:block}.quest-launch-links strong{color:var(--gold-2);font-family:var(--serif);font-size:1.08rem}.quest-launch-links span{color:var(--muted);font-size:.74rem;margin-top:.2rem}.quest-launch-mark{min-height:260px;display:grid;place-items:center;align-content:center;border:1px solid rgba(201,155,52,.3);border-radius:50%;aspect-ratio:1;max-width:310px;margin:auto;background:radial-gradient(circle,rgba(201,155,52,.14),transparent 68%)}.quest-launch-mark b{font-size:5rem;color:var(--gold-2);font-weight:400}.quest-launch-mark span{color:var(--gold-2);letter-spacing:.24em;font-size:.7rem}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.product-card{display:grid;grid-template-columns:190px 1fr;gap:1.3rem;align-items:center;padding:1.3rem;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012))}.product-orbit{aspect-ratio:.72;border:1px solid var(--gold);border-radius:16px;display:grid;place-items:center;text-align:center;color:var(--gold-2);font-family:var(--serif);font-size:1.15rem;letter-spacing:.12em;background:radial-gradient(circle at 50% 35%,rgba(201,155,52,.17),transparent 28%),linear-gradient(160deg,#0d1722,#030507 75%);box-shadow:0 16px 35px rgba(0,0,0,.3)}.meridian-product{background:radial-gradient(circle at 50% 35%,rgba(119,169,220,.17),transparent 28%),linear-gradient(160deg,#111a20,#040608 75%)}.dual-product{background:radial-gradient(circle at 40% 35%,rgba(98,184,146,.16),transparent 30%),radial-gradient(circle at 65% 55%,rgba(119,169,220,.16),transparent 28%),linear-gradient(160deg,#0d1722,#030507 75%)}.abyss-product{background:radial-gradient(circle at 50% 35%,rgba(169,143,216,.16),transparent 28%),linear-gradient(160deg,#100817,#030304 75%)}.product-kind{color:var(--gold-2);font-size:.68rem;text-transform:uppercase;letter-spacing:.16em}.product-copy p{color:var(--muted)}.product-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.product-meta span{padding:.25rem .5rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.68rem}.product-button[aria-disabled="true"]{opacity:.58;cursor:not-allowed}.commerce-note{margin-top:1.2rem;padding:1rem 1.2rem;border-left:2px solid var(--gold);background:rgba(255,255,255,.025);color:var(--muted)}
.analytics-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:1.2rem 0}.analytics-kpis>div{padding:1rem;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.analytics-kpis span{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.analytics-kpis strong{display:block;color:var(--gold-2);font:500 2rem/1.2 var(--serif);margin-top:.35rem}.analytics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.analytics-panel{padding:1.1rem;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}.analytics-panel h3{font-size:1.35rem}.analytics-list>div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.07)}.analytics-list span{color:var(--muted);font-size:.8rem;overflow-wrap:anywhere}.analytics-list strong{color:var(--gold-2)}
@media(max-width:980px){.quest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quest-rank-track{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid{grid-template-columns:1fr}.quest-launch-links{grid-template-columns:1fr}.analytics-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.quest-hero-grid,.quest-commerce,.quest-launch{grid-template-columns:1fr}.quest-grid,.product-grid,.analytics-grid{grid-template-columns:1fr}.quest-rank-track{grid-template-columns:1fr}.product-card{grid-template-columns:1fr}.product-orbit{max-width:230px;width:100%;margin:auto}.quest-launch-mark{max-width:230px}.analytics-kpis{grid-template-columns:1fr}}


/* Version 5.6 — dark gold identity, Guides scene, Observatory layers, Truthsayers */
.nav-shell{padding:.45rem 0;min-height:76px}.primary-nav a{font-size:.7rem;padding:.5rem .52rem;white-space:nowrap}
.quest-compass-mark{border-radius:50%;position:relative;overflow:hidden}.quest-compass-mark img{width:min(72%,220px);height:auto;object-fit:contain;filter:drop-shadow(0 0 24px rgba(201,155,52,.28))}.quest-compass-mark span{position:relative;z-index:2}.quest-logo-core{overflow:hidden;padding:.4rem;background:radial-gradient(circle,rgba(201,155,52,.17),rgba(5,8,13,.98) 70%)}.quest-logo-core img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 20px rgba(201,155,52,.25))}
.guide-scene{position:relative;aspect-ratio:3/2;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#03070d;box-shadow:var(--shadow)}.guide-scene-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.015);transition:opacity .8s ease,transform 3.6s ease}.guide-scene[data-state="idle"] .guide-idle,.guide-scene[data-state="wave"] .guide-wave,.guide-scene[data-state="attentive"] .guide-attentive{opacity:1;transform:scale(1)}.guide-scene-glow{position:absolute;left:50%;bottom:7%;width:36%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(213,239,255,.52),rgba(96,176,255,.18) 38%,transparent 70%);filter:blur(12px);mix-blend-mode:screen;animation:guide-globe-breathe 4.8s ease-in-out infinite}.guide-scene.is-pulsing .guide-scene-glow{animation:guide-globe-pulse 1.25s ease-out}.guide-scene-caption{position:absolute;left:1rem;right:1rem;bottom:1rem;display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;pointer-events:none}.guide-scene-caption span{padding:.5rem .75rem;border:1px solid rgba(226,189,100,.35);border-radius:999px;background:rgba(5,8,13,.78);backdrop-filter:blur(10px);font-size:.68rem;letter-spacing:.13em;text-transform:uppercase;color:var(--gold-2)}@keyframes guide-globe-breathe{50%{opacity:.72;transform:translateX(-50%) scale(1.08)}}@keyframes guide-globe-pulse{0%{opacity:.5;transform:translateX(-50%) scale(.92)}55%{opacity:1;transform:translateX(-50%) scale(1.24)}100%{opacity:.68;transform:translateX(-50%) scale(1)}}
.guides-hero .guides-image-shell{max-width:1180px;margin:auto}.guides-image-shell .guides-image-overlay{position:relative;margin-top:1.5rem;padding:0;background:none}.guides-image-overlay h1{font-size:clamp(3rem,7vw,6rem)}
.layer-card-link{display:block;color:inherit}.layer-card-link:hover{border-color:var(--gold-2);transform:translateY(-2px)}.observatory-layer-groups{display:grid;gap:1.1rem}.observatory-layer{border:1px solid var(--line);border-radius:18px;padding:1.25rem;background:rgba(255,255,255,.02);scroll-margin-top:110px}.observatory-layer-head{display:grid;grid-template-columns:70px 1fr;gap:1rem;align-items:start}.observatory-layer-code{display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--gold);border-radius:50%;font:600 1.4rem/1 var(--serif);color:var(--gold-2)}.observatory-records{display:grid;gap:.7rem;margin-top:1rem}.observatory-record{padding:1rem;border-left:2px solid var(--gold);background:rgba(0,0,0,.18)}.observatory-record h3{font-size:1.15rem;margin-bottom:.35rem}.observatory-record p{color:var(--muted);font-size:.84rem}.related-analysis{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:.65rem}.related-analysis a{font-size:.7rem;color:var(--gold-2);border:1px solid rgba(201,155,52,.25);border-radius:999px;padding:.32rem .55rem}.empty-record{color:var(--muted);font-style:italic}.watch-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.watch-category-card{padding:1rem;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.watch-category-card h3{font-size:1.2rem;margin:0}.watch-category-card p{color:var(--muted);font-size:.82rem;margin:.35rem 0 0}
.prose{width:min(880px,calc(100% - 2rem));margin-inline:auto}.prose h1,.prose h2,.prose h3{margin-top:2rem}.prose h1:first-child{display:none}.prose h2{font-size:clamp(2rem,4vw,3.2rem)}.prose h3{font-size:clamp(1.35rem,2.4vw,1.9rem)}.prose p,.prose li{color:#d6d0c3}.prose blockquote{margin:1.5rem 0;padding:1rem 1.2rem;border-left:3px solid var(--gold);background:rgba(201,155,52,.06);font-family:var(--serif);font-size:1.2rem}.prose hr{border:0;height:1px;background:var(--line);margin:2rem 0}.editorial-draft{padding:1rem 1.2rem;border:1px solid rgba(220,108,99,.55);border-radius:12px;background:rgba(220,108,99,.08);color:#f1c5c1;font-weight:600}.truth-function-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.truth-function-card{padding:1.2rem;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.truth-function-card.mm{border-top:3px solid var(--green)}.truth-function-card.vt{border-top:3px solid var(--purple)}.truth-function-card.di{border-top:3px solid var(--blue)}.truth-function-card.ef{border-top:3px solid var(--gold)}.truth-archive-controls{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:.7rem;margin:1rem 0}.truth-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.truth-record-card{padding:1.15rem;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.truth-record-card h3{font-size:1.35rem}.truth-record-meta{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.7rem}.truth-record-meta span{font-size:.68rem;padding:.25rem .45rem;border:1px solid rgba(201,155,52,.25);border-radius:999px;color:var(--gold-2)}.truth-record-card p{color:var(--muted);font-size:.85rem}.press-list{display:grid;gap:1rem}.press-item{padding:1.2rem;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.press-status{display:inline-flex;padding:.28rem .55rem;border:1px solid rgba(169,143,216,.45);border-radius:999px;color:#d6bfdc;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em}.form-note{font-size:.82rem;color:var(--muted)}
@media(max-width:1050px){.truth-function-grid{grid-template-columns:repeat(2,1fr)}.truth-archive-grid{grid-template-columns:repeat(2,1fr)}.truth-archive-controls{grid-template-columns:1fr 1fr}.watch-category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.truth-function-grid,.truth-archive-grid,.watch-category-grid,.truth-archive-controls{grid-template-columns:1fr}.guide-scene-caption{display:none}.observatory-layer-head{grid-template-columns:1fr}.primary-nav a{font-size:.76rem}}
@media(prefers-reduced-motion:reduce){.guide-scene-layer,.guide-scene-glow{transition:none!important;animation:none!important}.guide-scene .guide-idle{opacity:1!important}.guide-scene .guide-wave,.guide-scene .guide-attentive{display:none!important}}


/* v5.7 deck galleries, source links, and transparent imprint treatment */
.transparent-logo{background:transparent!important;mix-blend-mode:normal;filter:drop-shadow(0 0 26px rgba(184,128,40,.18))}
.deck-system-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem}.deck-system-card{display:grid;grid-template-columns:minmax(120px,.7fr) 1fr;gap:1.2rem;align-items:center;border:1px solid rgba(184,128,40,.28);background:linear-gradient(145deg,rgba(16,24,37,.96),rgba(4,7,11,.98));padding:1rem;text-decoration:none;color:inherit}.deck-system-card img{width:100%;aspect-ratio:2/3;object-fit:cover;box-shadow:0 22px 55px rgba(0,0,0,.5)}.deck-system-card.protected{opacity:.78}.deck-system-card:hover{border-color:rgba(201,151,58,.7);transform:translateY(-2px)}
.deck-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.35rem}.deck-card{margin:0}.deck-card-link{display:block;overflow:hidden;background:#030609;border:1px solid rgba(184,128,40,.28);box-shadow:0 20px 48px rgba(0,0,0,.35)}.deck-card img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;transition:transform .35s ease,filter .35s ease}.deck-card-link:hover img{transform:scale(1.025);filter:brightness(1.08)}.deck-card figcaption{display:flex;gap:.6rem;align-items:center;padding:.7rem .1rem;color:var(--ink-muted);font-family:var(--serif)}.deck-card figcaption span{color:var(--gold-2);font:600 .7rem/1 var(--sans);letter-spacing:.12em}.deck-back-feature{display:grid;grid-template-columns:1.2fr minmax(220px,420px);gap:3rem;align-items:center}.deck-back-feature img{width:100%;aspect-ratio:2/3;object-fit:cover;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.deck-lightbox[hidden]{display:none}.deck-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.92);display:grid;place-items:center;padding:3rem 1rem}.deck-lightbox figure{margin:0;text-align:center}.deck-lightbox img{max-height:86vh;max-width:min(92vw,700px);box-shadow:0 0 70px rgba(184,128,40,.2)}.deck-lightbox figcaption{margin-top:.7rem;color:#ead9b6}.deck-lightbox-close{position:absolute;right:1.2rem;top:.8rem;border:0;background:transparent;color:white;font-size:2.4rem;cursor:pointer}.lightbox-open{overflow:hidden}
.chapter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.chapter-card{border-top:2px solid var(--gold);background:rgba(11,17,26,.72);padding:1.5rem}.chapter-card>span{font:600 .72rem/1 var(--sans);letter-spacing:.16em;color:var(--gold-2);text-transform:uppercase}.chapter-card h3{margin:.7rem 0}.featured-report-card{border:1px solid rgba(184,128,40,.32);background:radial-gradient(circle at 80% 10%,rgba(184,128,40,.12),transparent 34%),rgba(7,11,17,.88);padding:clamp(1.5rem,4vw,3rem)}
.truth-name-link,.truth-heading-link{color:inherit;text-decoration:none}.truth-name-link:hover,.truth-heading-link:hover{color:var(--gold-2)}.truth-record-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:.9rem 0}.truth-record-actions a{font:600 .72rem/1.2 var(--sans);letter-spacing:.05em;color:var(--gold-2);text-decoration:none;border-bottom:1px solid rgba(184,128,40,.4);padding-bottom:.2rem}.source-reference{font-size:.78rem;color:var(--ink-muted);margin-top:-.5rem}.jane-feature{display:grid;grid-template-columns:1.15fr 1fr;gap:2.3rem;align-items:center}.jane-feature img{width:100%;max-height:520px;object-fit:cover;filter:saturate(.78) contrast(1.06);mask-image:linear-gradient(to right,transparent 0,#000 10%,#000 90%,transparent 100%)}.jane-image-pair{display:grid;grid-template-columns:1fr 1.4fr;gap:1rem;margin:2rem 0}.jane-image-pair figure{margin:0}.jane-image-pair img{width:100%;height:330px;object-fit:cover;filter:saturate(.8) contrast(1.04)}.jane-image-pair figcaption,.image-credit{font-size:.72rem;color:var(--ink-muted);margin-top:.45rem}.product-deck-image{width:100%;height:390px;object-fit:cover;object-position:center;border-bottom:1px solid rgba(184,128,40,.3)}.editorial-draft.compact{display:inline-block;margin:.4rem 0 .8rem;padding:.45rem .65rem;font-size:.72rem}
@media(max-width:1050px){.deck-system-showcase{grid-template-columns:1fr}.deck-gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.deck-gallery{grid-template-columns:repeat(2,1fr);gap:.8rem}.deck-back-feature,.jane-feature,.jane-image-pair{grid-template-columns:1fr}.chapter-grid{grid-template-columns:1fr}.deck-system-card{grid-template-columns:110px 1fr}.product-deck-image{height:320px}}
@media(max-width:430px){.deck-gallery{grid-template-columns:1fr 1fr}.deck-card figcaption{font-size:.82rem}.deck-system-card{grid-template-columns:90px 1fr}}

/* Version 5.8 deck architecture */
.deck-phase{margin:2.8rem 0 4rem}.section-heading.compact{margin-bottom:1.25rem}.section-heading.compact h3{font-size:1.25rem;color:var(--gold)}
.deck-suits .domain-card{min-height:220px}.deck-suits .domain-card span{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.shadow-suit{border-top:3px solid #667085}.truth-suit{border-top:3px solid #8b6bb8}.interconnect-suit{border-top:3px solid #4d7da8}.embody-suit{border-top:3px solid #b99755}
.abyss-journey{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.abyss-stage{background:rgba(12,19,29,.78);border:1px solid rgba(202,154,72,.28);border-radius:18px;padding:1.5rem}.abyss-stage ol{margin:.9rem 0 0;padding-left:1.25rem}.abyss-stage li{padding:.35rem 0;color:var(--text)}.abyss-stage li strong{color:var(--gold);font-weight:500;margin-right:.4rem}
@media(max-width:760px){.abyss-journey{grid-template-columns:1fr}.deck-phase{margin-bottom:2.7rem}}

/* v6.0 complete minor arcana */
.suit-jump{display:flex;flex-wrap:wrap;gap:.65rem;margin:0 0 2.5rem}.suit-jump a{border:1px solid rgba(198,154,76,.45);padding:.65rem 1rem;border-radius:999px;background:rgba(8,14,22,.82)}.minor-suit{padding-top:1rem;margin-top:1.5rem}.minor-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.minor-gallery .deck-card img{aspect-ratio:2/3;object-fit:cover}.minor-complete .deck-phase+ .deck-phase{margin-top:4rem}@media(max-width:980px){.minor-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.minor-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v6.2 interactive card viewer and Scarlet Pony preview */
.deck-lightbox img{cursor:pointer;transition:transform .26s ease,opacity .26s ease}.deck-flip-pulse{transform:rotateY(12deg) scale(.985);opacity:.72}.deck-meaning-panel{width:min(92vw,620px);padding:clamp(1.5rem,4vw,3rem);border:1px solid var(--gold);background:radial-gradient(circle at 50% 12%,rgba(184,128,40,.14),transparent 16rem),#070b11;box-shadow:0 0 70px rgba(184,128,40,.18);text-align:left}.deck-meaning-panel h2{color:var(--gold-2)}.scarlet-pony-placeholder{min-height:100%;display:grid;place-items:center;padding:2rem;text-align:center;background:radial-gradient(circle at 50% 36%,rgba(184,128,40,.22),transparent 28%),linear-gradient(160deg,#291008,#080b10 72%);border:1px solid rgba(184,128,40,.42)}.scarlet-pony-placeholder div{display:grid;gap:.55rem}.scarlet-pony-placeholder span,.scarlet-pony-placeholder small{font:600 .64rem/1.4 var(--sans);letter-spacing:.17em;color:var(--gold-2)}.scarlet-pony-placeholder strong{font:500 clamp(1.8rem,4vw,3.5rem)/.95 var(--serif);color:#f0d58d}.scarlet-pony-placeholder em{font:500 1.15rem/1 var(--serif);color:#d9c39a}.scarlet-pony-placeholder.large{aspect-ratio:2/3;min-height:560px}.scarlet-pony-feature{display:grid;grid-template-columns:minmax(260px,.7fr) 1.3fr;gap:3rem;align-items:center}@media(max-width:800px){.scarlet-pony-feature{grid-template-columns:1fr}.scarlet-pony-placeholder.large{min-height:480px;max-width:420px;width:100%;margin:auto}}


/* Version 6.3 — Midnight Navy deck presentation */
:root{--deck-midnight:#0b1730;--deck-midnight-deep:#07111f;--deck-gold:#d7a93b}
.deck-card-link{position:relative;display:block;overflow:hidden;background:var(--deck-midnight-deep);isolation:isolate}
.deck-card-link img{display:block;width:100%;filter:brightness(1.11) contrast(1.05) saturate(1.04);transition:filter .25s ease,transform .25s ease}
.deck-card-link::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(11,23,48,.56),rgba(11,23,48,.08) 24%,rgba(11,23,48,.10) 72%,rgba(11,23,48,.78));mix-blend-mode:color}
.deck-card-link::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(215,169,59,.68),inset 0 0 55px rgba(7,17,31,.35)}
.deck-front-title,.deck-front-edition{position:absolute;left:7%;right:7%;z-index:3;text-align:center;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 2px 12px rgba(0,0,0,.9);pointer-events:none}
.deck-front-title{top:4.6%;font:500 clamp(1.05rem,2.3vw,2rem)/1 var(--serif);color:#f2d98d}
.deck-front-edition{bottom:4.3%;font:600 clamp(.56rem,1.15vw,.78rem)/1.2 var(--sans);letter-spacing:.18em;color:#e2bb58}
.deck-lightbox figure{position:relative;isolation:isolate}
.deck-lightbox figure::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:rgba(11,23,48,.32);mix-blend-mode:color;border-radius:10px}
.deck-lightbox img{filter:brightness(1.12) contrast(1.05) saturate(1.05)}
.deck-lightbox .deck-lightbox-title,.deck-lightbox .deck-lightbox-edition{position:absolute;left:7%;right:7%;z-index:3;text-align:center;text-transform:uppercase;pointer-events:none;text-shadow:0 2px 12px #000}
.deck-lightbox .deck-lightbox-title{top:3.5%;font:500 clamp(1.4rem,4vw,3rem)/1 var(--serif);color:#f2d98d}
.deck-lightbox .deck-lightbox-edition{bottom:5.5%;font:600 clamp(.68rem,1.5vw,.92rem)/1.2 var(--sans);letter-spacing:.18em;color:#e2bb58}
.deck-lightbox.show-meaning figure::before,.deck-lightbox.show-meaning .deck-lightbox-title,.deck-lightbox.show-meaning .deck-lightbox-edition{display:none}
.deck-meaning-panel{background:radial-gradient(circle at 50% 12%,rgba(215,169,59,.12),transparent 16rem),linear-gradient(180deg,#0b1730,#07111f)!important}