/* 2CEO graphite and gold palette for the approved prototype. */
:root {
  color-scheme: dark;
  --ink: #f5f1e9;
  --muted: #bdb9b0;
  --line: #40382d;
  --paper: #0d0e11;
  --navy: #171516;
  --navy2: #211c18;
  --blue: #e9bc75;
  --teal: #ebc583;
  --gold: #ebc583;
  --soft: #1a1817;
  --shadow: 0 24px 70px #0007;
}
html { scroll-padding-top: 88px; }
body { background: var(--paper); }
button { color: inherit; }
button:focus-visible, a:focus-visible, summary:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }

.nav-wrap { background: #0d0e11ef; border-color: #ffffff1d; }
.brand-icon { object-fit: cover; box-shadow: 0 0 16px #ebc58329; }
.brand-text small, .nav-links { color: var(--muted); }
.nav-links a:hover, .nav-links a[aria-current="page"] { color: var(--gold); }
.nav-links a[aria-current="page"]::after { background: var(--gold); }
.nav-cta, .btn-light, .btn-dark { background: var(--gold); color: #24190c; }
.nav-cta:hover, .btn-light:hover, .btn-dark:hover { background: #ffda9d; box-shadow: 0 0 28px #ebc58342; }
.btn-outline, .btn-ghost, .menu-toggle { border: 1px solid #eac17d55; background: #171619; color: var(--ink); }
.nav-actions .language-switch { position: relative; white-space: nowrap; }
.language-switch summary { list-style: none; cursor: pointer; padding: 8px 10px; border: 1px solid var(--line); border-radius: 7px; font-size: 12px; }
.language-switch summary::-webkit-details-marker { display: none; }
.language-switch summary::after { content: " ▾"; color: var(--gold); }
.language-options { position: absolute; right: 0; top: calc(100% + 7px); z-index: 2; min-width: 118px; background: #171619; border: 1px solid var(--line); border-radius: 9px; padding: 5px; }
.language-options a { display: block; padding: 8px 10px; border-radius: 5px; font-size: 13px; }
.language-options a:hover, .language-options a[aria-current] { background: #30251b; color: var(--gold); }

.hero, .page-hero {
  isolation: isolate;
  background: radial-gradient(ellipse at 76% 30%, #33251a 0%, transparent 48%),
              radial-gradient(ellipse at 20% 100%, #1a1d38 0%, transparent 55%),
              var(--paper);
}
.hero::before, .page-hero::before {
  content: ""; position: absolute; z-index: -1; inset: 0; width: auto; height: auto; border-radius: 0;
  pointer-events: none;
  background: repeating-linear-gradient(90deg, transparent 0 63px, #ebc58312 64px),
              repeating-linear-gradient(0deg, transparent 0 63px, #ebc58312 64px);
  mask-image: linear-gradient(110deg, transparent 18%, #000 95%);
}
.hero h1, .page-hero h1 { font-weight: 800; text-wrap: balance; }
.hero h1 em, .page-hero h1 em, .kicker, .page-label, .eyebrow { color: var(--gold); }
.kicker::before { background: var(--gold); }
.hero-notes span::before { color: var(--gold); }
.hero-desc, .hero-notes, .page-hero p, .hero-crumb, .hero-crumb a { color: #d2c8b8; }
.section.alt, .page-section.soft, .final-cta { background: #121214; }
.product-mock, .compare-card, .day-trigger, .ability, .memory-ui, .scene, .outcome-tab,
.document, .modal, .info-card, .module-jump a, .product-shell, .step, .scene-card {
  background: #191819; color: var(--ink); border-color: var(--line);
}
.product-mock { border-color: #eac17d6a; box-shadow: 0 32px 90px #0009; }
.mock-top, .document-top, .shell-side { background: #211c19; color: var(--gold); border-color: var(--line); }
.mock-dots i { background: #d2a963; }
.mock-case, .context-item, .task-note, .info-card.soft, .method-wing, .values-row article {
  background: #211d1a; border-color: var(--line);
}
.mock-tab, .filter-btn { background: #171619; color: var(--ink); border-color: var(--line); }
.mock-tab.active, .day-trigger.active, .outcome-tab.active, .compare-card.highlight, .shell-menu.active {
  background: #33261c; color: #f5e7d0; border-color: #a88148;
}
.filter-btn.active, .filter-btn[aria-pressed="true"] { background: var(--gold); color: #21160c; border-color: var(--gold); }
.mock-stage, .context-result {
  border-color: #c69b5c; background: linear-gradient(105deg,#30241a,#1b1818);
}
.day-result, .band, .method-flywheel, .principle, .page-end {
  background: radial-gradient(ellipse at 85% 0%,#38291c,#171618 72%);
  color: var(--ink); border: 1px solid var(--line);
}
.scene-art.one { background: linear-gradient(125deg,#2d251c,#76522d); }
.scene-art.two { background: linear-gradient(125deg,#212334,#544239); }
.scene-art.three { background: linear-gradient(125deg,#292331,#684939); }
.mock-status, .ability-symbol, .memory-points span, .scene-body .value, .task-flow span,
.module-small span, .step-num, .tipline, .scene-result, .method-brain, .contact-number, .modal-close, .disclaimer {
  background: #30251b; color: #f1cb91; border-color: #735737;
}
.mock-header, .mock-title, .mock-case b, .mock-stage p, .mock-foot, .intro, .compare-card .label,
.compare-card li, .day-trigger p, .day-end, .ability p, .ability-note, .memory-copy p,
.context-item span, .context-result p, .scene-body p, .outcome-tab small, .document p, .document-end,
.principle p, .final-cta p, .modal p, .modal label, .section-top p, .info-card p, .info-card ul,
.band p, .band .lightnote, .module-jump span, .shell-menu, .shell-sub, .task-note p, .module-detail p,
.step p, .scene-card .sproblem, .scene-card .ssummary, .scene-breakdown p, .thesis p, .method-brain p,
.method-wing p, .method-flywheel p, .team-row p, .values-row p, .page-end p,
.contact-dialog > p, .contact-number small, .contact-status, .error-page p { color: var(--muted); }
.mock-title strong, .compare-card li b, .memory-ui h3, .shell-menu b, .scene-breakdown b,
.contact-number strong { color: var(--ink); }
.compare-card.highlight .label, .day-time, .day-arrow, .day-result .small, .day-block label,
.ability-index, .context-item b, .scene-body small, .outcome-tab span, .document-type, .info-card .mini,
.pill-link, .module-jump small, .shell-side .system-id, .task-note .minor, .scene-tag, .scene-card summary,
.big-number, .book-mark, .about-stat, .contact-number span, .contact-origin, .text-link { color: var(--gold); }
.mock-foot, .compare-card li, .day-block, .document-end, .shell-head, .scene-card details, .thesis, .team-row { border-color: var(--line); }
.doc-lines span { background: #44362a; }
.modal-backdrop { background: #060609cf; }
.modal select, .modal input { background: #211d1a; border-color: var(--line); color: var(--ink); }
footer { background: #0a0a0d; border-color: var(--line); }
footer .footer-brand span { color: var(--gold); }
.scene-card:target { border-color: var(--gold); box-shadow: 0 0 0 4px #ebc5831a; }
@keyframes view-change { from { opacity: .48; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }
.view-change { animation: view-change .32s ease-out; }
@media(max-width: 850px) {
  .nav-links { background: #121214; }
  .nav-links a[aria-current="page"]::after { display: none; }
}
@media(max-width: 570px) {
  .nav-actions { gap: 7px; }
  .nav-actions .language-switch summary { padding-inline: 7px; }
}
@media(prefers-reduced-motion: reduce) { .view-change { animation: none; } }