/* Orivo LLC — site skin. Warm graphite desk: soft-rounded surfaces, a floating
   capsule nav, diagonal node motifs and a live, data-forward feel.
   Loads after base.css so these rules win. */

:root{
  --btn-radius:100px;
  --card-radius:16px;
  --ease:cubic-bezier(.16,1,.3,1);
}

/* ── Capsule nav, lifted ───────────────────────────────────────────────── */
.nav-wrap{top:18px}
.nav-pill{border-radius:100px;box-shadow:0 10px 40px rgba(27,27,33,.13);padding:9px 10px 9px 20px}
.nav-wrap.scrolled .nav-pill{box-shadow:0 16px 48px rgba(27,27,33,.22)}
.nav-links a[aria-current=page]{background:var(--accent-wash);color:var(--accent)}
.nav-cta{background:var(--accent);color:#fff}
.nav-cta:hover{background:#87401f}
.dropdown{border-radius:18px}
.nav-burger{border-radius:50%}

/* ── Section heads: a node chip, no rule ───────────────────────────────── */
.eyebrow{letter-spacing:.16em;font-size:11.5px;padding:6px 13px 6px 11px;border-radius:100px;
  background:var(--accent-wash);margin-bottom:20px}
.eyebrow::before{width:8px;height:8px;background:currentColor;transform:rotate(45deg)}
.band.dark .eyebrow{background:rgba(216,201,176,.12)}
h2{letter-spacing:-.024em}

/* ── Cards lift ────────────────────────────────────────────────────────── */
.card{border-radius:16px;box-shadow:0 1px 2px rgba(27,27,33,.04)}
.card.hov:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(27,27,33,.13);border-color:transparent}
.stats{border-radius:16px}
.notice{border-radius:16px;border-left-width:4px}
.tbl,.frame,.bento .tile{border-radius:16px}
.photo,.mosaic figure,.pc-img,.sd-media{border-radius:16px}
.mosaic{gap:16px}

/* ── Live accent bar on dark bands ─────────────────────────────────────── */
.band.dark::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--accent) 22%,var(--dark-ink-2) 50%,var(--accent) 78%,transparent);
  background-size:220% 100%;animation:orvSweep 9s linear infinite;opacity:.7}
@keyframes orvSweep{to{background-position:220% 0}}
@media(prefers-reduced-motion:reduce){.band.dark::before{animation:none}}

/* ── Diagonal weave behind the alt bands ───────────────────────────────── */
.band.alt::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.55;
  background-image:repeating-linear-gradient(45deg,var(--line) 0 1px,transparent 1px 16px);
  -webkit-mask-image:radial-gradient(120% 80% at 50% 0%,#000,transparent 72%);
  mask-image:radial-gradient(120% 80% at 50% 0%,#000,transparent 72%)}

/* ── Ticker: reads like a tape ─────────────────────────────────────────── */
.ticker{font-variant-numeric:tabular-nums;letter-spacing:.03em}

/* ── Stats read as a desk readout ──────────────────────────────────────── */
.stat b{font-variant-numeric:tabular-nums lining-nums;font-weight:700;letter-spacing:-.02em}
.stat:hover{background:var(--accent-wash)}

/* ── Buttons ───────────────────────────────────────────────────────────── */
.btn-primary{background:var(--accent);color:#fff}
.btn-primary:hover{background:#87401f}
.band.dark .btn-primary,.hero-pin .btn-primary{background:var(--accent);color:#fff}
.band.dark .btn-primary:hover,.hero-pin .btn-primary:hover{background:#b85834}

/* softly rounded entity boxes in the structure diagram */
.dgx-box,.dgx-band{rx:14}
/* deliberate stagger, offset down the row */
.mosaic figure:nth-child(4n+2),.mosaic figure:nth-child(4n+3){transform:translateY(22px)}
@media(max-width:640px){.mosaic figure:nth-child(4n+2),.mosaic figure:nth-child(4n+3){transform:none}}