/* Shared surfaces and typography for the Curiovex monochrome edition. */
:root {
  --cv-black: #0a0a0a;
  --cv-surface: #151515;
  --cv-line: #343434;
  --cv-paper: #efefeb;
  --cv-sage: #b7c7ba;
  --cv-muted: #aaa;
}

.cvw-page {
  --mint: var(--cv-sage);
  --mint-light: #d0d9d1;
  --teal: #bdbdb9;
  --violet: #a6a6a3;
  --text-main: var(--cv-paper);
  --text-sub: #bcbcb8;
  --text-muted: #999;
  --card-border: var(--cv-line);
  background: var(--cv-black) !important;
}
.cvw-page::before, .cvw-page::after { display: none; }
.cvw-page .cvw-wrap { width: min(1240px, calc(100% - 72px)); }
.cvw-page .cvw-header {
  background: #0a0a0af5;
  border-bottom: 1px solid #2b2b2b;
  box-shadow: none;
}
.cvw-page .cvw-header-inner { min-height: 70px; }
.cvw-page .cvw-nav {
  border: 0;
  background: none;
  box-shadow: none;
  gap: clamp(9px, 1.25vw, 20px);
}
.cvw-page .cvw-nav a, .cvw-page .cvw-nav button { color: #c3c3c0; }
.cvw-page .cvw-button {
  border-radius: 7px;
  border-color: #484848;
  box-shadow: none !important;
  color: #e6e6e3;
  background: #191919;
}
.cvw-page .cvw-button:hover { border-color: #858585; background: #242424; }
.cvw-page .cvw-primary, .cvw-page .cvw-primary:hover {
  background: var(--cv-paper) !important;
  border-color: var(--cv-paper) !important;
  color: #151515 !important;
}
.cvw-page .cvw-glow-btn::after, .cvx-closing-glow,
.cvw-page .cvw-kicker-pulse::after { display: none; }
.cvw-page .cvw-kicker-pulse { background: var(--cv-sage); box-shadow: none; animation: none; }
.cvw-logo img, .cvx-stat-icon, .cvw-tab-icon, .cvx-tile-icon-wrap { filter: saturate(.16); }

.signal-hero { padding-block: 24px 46px; }
.signal-index {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding-block: 12px 15px;
  border-bottom: 1px solid var(--cv-line);
  color: #aaa;
  font: 10px/1.5 var(--mono);
  text-transform: uppercase;
  letter-spacing: .12em;
}
.signal-index i, .signal-window-head i {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 7px;
  border-radius: 50%;
  background: var(--cv-sage);
}
.signal-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, .94fr) minmax(0, 1.25fr);
  align-items: center;
  gap: clamp(24px, 5vw, 78px);
  padding-top: clamp(28px, 5vw, 72px);
}
.signal-copy h1 {
  color: var(--cv-paper);
  font-size: clamp(50px, 6.3vw, 102px);
  line-height: .98;
  letter-spacing: -.077em;
  font-weight: 600;
  margin: 0 0 22px;
}
.signal-copy h1 em { font-style: normal; color: var(--cv-sage); }
.signal-copy p {
  max-width: 37ch;
  color: #b5b5b2;
  font-size: clamp(15px, 1.25vw, 18px);
  line-height: 1.65;
  margin: 0 0 25px;
}
.signal-copy .cvw-actions { justify-content: flex-start; gap: 10px; }
.signal-guide {
  display: inline-block;
  margin-top: 19px;
  color: #bcbcb8;
  font-size: 12px;
  text-decoration: underline;
  text-underline-offset: .25em;
}
.signal-guide:hover { color: var(--cv-paper); }
.signal-stage {
  overflow: hidden;
  margin: 0;
  background: #151515;
  border: 1px solid #494949;
  border-radius: 13px;
  box-shadow: 0 22px 50px #0007;
}
.signal-window-head, .signal-window-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 15px;
  font: 10px/1.5 var(--mono);
  color: #bdbdb9;
}
.signal-window-head { border-bottom: 1px solid #343434; }
.signal-window-foot { border-top: 1px solid #343434; }
.signal-stage .cvw-slides-wrap { aspect-ratio: 16/9; background: #0d0d0d; }
.signal-stage .cvw-live-slide { filter: saturate(.12); object-position: center; transform: none; transition: opacity .35s ease; }
.signal-stage .cvw-live-dots { position: static; }
.signal-stage .cvw-live-dots b.is-on { background: var(--cv-sage); box-shadow: none; }
.signal-window-foot button {
  padding: 4px 8px;
  color: #e4e4e0;
  background: transparent;
  border: 1px solid #484848;
  border-radius: 4px;
  font: inherit;
  cursor: pointer;
}
.signal-window-foot button:hover { background: #303030; }

.cvw-page .cvx-stats-wrap { margin-top: 5px; }
.cvw-page .cvx-stat-strip { gap: 0; border: 1px solid var(--cv-line); background: #111; }
.cvw-page .cvx-stat-card {
  border: 0;
  border-right: 1px solid var(--cv-line);
  border-radius: 0;
  background: #111;
  box-shadow: none;
}
.cvw-page .cvx-stat-card:last-child { border-right: 0; }
.cvw-page .cvx-stat-card::before, .cvw-page .cvx-stat-card::after,
.cvw-page .cvx-tile::after, .cvw-page .cvx-stmt-glow { display: none; }
.cvw-page .cvx-stat-card:hover { transform: none; background: #181818; }
.cvw-page .cvx-stat-top strong { background: none; color: var(--cv-paper); -webkit-text-fill-color: currentColor; }
.cvw-page .cvx-stat-tag { background: #222; color: #c9c9c5; border-color: #404040; }
.cvw-page .cvx-statement { height: auto; padding: 64px 0; }
.cvw-page .cvx-fill .w.hl { color: var(--cv-sage); background: none; filter: none; }
.cvw-page .cvx-tile { border-radius: 12px; background: #141414; }
.cvw-page .cvx-tile:hover { border-color: #777; box-shadow: none; transform: translateY(-3px); }
.cvw-page .cvx-tile-visual img, .cvw-feature-image img { filter: saturate(.12); }
.cvw-page .cvx-closing { border-radius: 12px; background: #161616; box-shadow: none; }
.cvw-page .cvw-auth-box, .cvw-page .cvw-policy-body { background: #151515; border-color: var(--cv-line); }

.cvw-page-home .cvw-features {
  background: var(--cv-paper);
  color: #161616;
  width: 100%;
  max-width: none;
  padding: clamp(40px, 6vw, 82px) max(36px, calc((100% - 1240px) / 2));
  margin-block: 55px 0;
}
.cvw-features .cvw-section-head h2 { color: #161616; }
.cvw-features .cvx-section-desc { color: #474747; }
.cvw-features .cvw-kicker { color: #354b3a; background: #dde2da; border-color: #bec7bb; }
.cvw-features .cvw-tabs button { color: #292929; background: #e1e1dd; border-color: #c6c6c1; }
.cvw-features .cvw-tabs button[aria-selected="true"] { background: #171717; color: #f3f3ef; border-color: #171717; box-shadow: none; }
.cvw-features .cvw-feature-panel {
  border-radius: 12px;
  background: #deded9;
  border: 1px solid #c6c6c1;
  box-shadow: none;
}
.cvw-features .cvw-feature-copy h3 { color: #161616; }
.cvw-features .cvw-feature-lead, .cvw-features .cvw-feature-checklist li { color: #353535; }
.cvw-features .cvw-feature-cta-wrap .cvw-primary { background: #1b1b1b !important; border-color: #1b1b1b !important; color: #fff !important; }
.cvw-features :focus-visible { outline-color: #344b3b !important; }

.sidebar.cv-sidebar { background: #131313f5 !important; }
.cv-sidebar .cv-nav-indicator { background: #2a2a2a; border-color: #4c4c4c; box-shadow: none; }
.cv-sidebar .cv-nav-indicator::before { box-shadow: none; }
.cv-sidebar .nav-item.cv-nav-link { font-size: 12px; }
.cv-sidebar .cv-group-toggle { color: #a5a5a1; }
.ov { --om: var(--cv-sage); --ot: #c8c8c8; --ov: #aaa; }
.ov .ov-hero { background: linear-gradient(125deg, #191919, #101010); border-color: var(--cv-line); border-radius: 15px; }
.ov .ov-hero::after { display: none; }
.ov .ov-hero h1 em { background: none; color: var(--cv-sage); }
.ov .ov-btn-primary, .ov .ov-btn-primary:hover { background: var(--cv-paper); color: #151515; box-shadow: none; }
.ov .ov-kicker > i { box-shadow: none; animation: none; }
.ov .ov-stat, .ov .ov-card, .ov .ov-next, .ov .ov-mission { border-radius: 12px; }
.ov .ov-mission { background: #151515; border-color: var(--cv-line); }
#cvx-intro { --ci-mint: #bbcbbd; --ci-teal: #b8b8b8; --ci-violet: #dededb; }
#cvx-intro .ci-glow, #cvx-intro .ci-traces { filter: saturate(.12); }
#cvx-intro .ci-v { stroke: #d1dcd3; filter: none; }

@media (max-width: 860px) {
  .signal-hero-grid { grid-template-columns: 1fr; }
  .signal-copy h1 { font-size: clamp(48px, 10vw, 76px); }
  .signal-stage { max-width: 680px; }
  .cvw-page .cvx-stat-card:nth-child(2) { border-right: 0; }
  .cvw-page .cvx-stat-card:nth-child(-n+2) { border-bottom: 1px solid var(--cv-line); }
}
@media (max-width: 640px) {
  .signal-hero { padding-block: 16px 27px; }
  .signal-index { font-size: 8px; letter-spacing: .08em; }
  .signal-index > span:last-child { display: none; }
  .signal-hero-grid { gap: 26px; padding-top: 23px; }
  .signal-copy h1 { margin-bottom: 15px; }
  .signal-copy p { margin-bottom: 16px; }
  .signal-window-head, .signal-window-foot { padding: 9px 10px; font-size: 9px; gap: 7px; }
  .signal-stage .cvw-live-dots { display: none; }
  .cvw-page .cvx-stat-strip { grid-template-columns: 1fr 1fr; }
  .cvw-page .cvx-stat-card { padding: 12px; }
  .cvw-page .cvx-stat-tag { display: none; }
  .cvw-page-home .cvw-features.cvw-wrap { width: 100% !important; padding-inline: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .signal-stage .cvw-live-slide { transition: none; }
}

.cvw-page-home .cvw-features { scroll-margin-top: 76px; }
.cvw-features .cvw-section-head .cvx-w { overflow: visible; }
.cvw-features .cvw-section-head .cvx-w > span { transform: none !important; animation: none !important; }
.cvw-features .cvw-tabs button[aria-selected="true"] {
  background: #171717 !important;
  color: #f3f3ef !important;
}
.cvw-features .cvw-chk-icon { color: #405a47; }
