/* ============================================================
   Cryptozis — Daylight-ledger theme layer (loaded on every page)
   Warm paper, cobalt accent, mono numbers. "Nothing to hide."
   ============================================================ */

:root{
  --paper:#FAF8F3; --ink:#16181D; --hair:#E6E2D8; --muted:#4B4E57; --cobalt:#2A4CD7;
  --pos:#1D7A46; --neg:#B3362B;
}

/* Numbers are mono, everywhere */
.tabular,.font-mono,.czs-num,.num{font-family:'Spline Sans Mono',ui-monospace,monospace !important;font-variant-numeric:tabular-nums}

/* --- Faint fintech grid, fading toward the page (paper-toned) --- */
body::after{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none; opacity:.5;
  background-image:
    linear-gradient(rgba(22,24,29,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(22,24,29,.03) 1px, transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:radial-gradient(120% 60% at 50% -8%, #000 0%, transparent 62%);
  mask-image:radial-gradient(120% 60% at 50% -8%, #000 0%, transparent 62%);
}
html.dark body::after{opacity:.12}

/* --- Cards: smoother lift, cobalt-tinted hairline on hover --- */
.card{transition:transform .24s cubic-bezier(.2,.7,.3,1), box-shadow .24s ease, border-color .24s ease}
html:not(.dark) .card:hover{
  transform:translateY(-2px);
  box-shadow:0 1px 2px rgba(22,24,29,.05), 0 24px 48px -30px rgba(42,76,215,.35);
  border-color:rgba(42,76,215,.28);
}

/* --- Sticky header shadow --- */
header.sticky{box-shadow:0 1px 0 rgba(22,24,29,.05), 0 14px 30px -30px rgba(22,24,29,.4)}

/* --- Scrollbar + selection (cobalt) --- */
*::-webkit-scrollbar{height:9px;width:9px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:#C9D3F2;border-radius:9px}
*::-webkit-scrollbar-thumb:hover{background:#8EA3E4}
::selection{background:rgba(42,76,215,.18)}
html.dark ::selection{background:rgba(42,76,215,.42)}

/* --- Sheen sweep for CTA buttons (class="czs-shine") --- */
.czs-shine{position:relative;overflow:hidden}
.czs-shine::after{
  content:""; position:absolute; top:0; left:-130%; width:55%; height:100%;
  background:linear-gradient(110deg, transparent, rgba(255,255,255,.35), transparent);
  transform:skewX(-18deg); transition:left .65s cubic-bezier(.2,.7,.3,1); pointer-events:none;
}
.czs-shine:hover::after{left:140%}

/* --- Accent text utility (single cobalt, no gradient) --- */
.czs-grad{color:var(--cobalt)}

@keyframes czsRise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){ *{animation:none !important} }