/* Lorne & Vale — homepage premium layer (home.css).
   Numbered section markers, keynote-scale stat numbers, small hero polish.
   Additive only: nothing here overrides shared components in site.css. */

/* ---------- numbered section eyebrow ---------- */
.eyebrow--n{display:flex;align-items:center;gap:12px;justify-content:center;text-transform:uppercase}
.eyebrow--n b{font-variant-numeric:tabular-nums;font-weight:700;color:var(--ink)}
.dk .eyebrow--n b{color:#fff}
.eyebrow--n::before,.eyebrow--n::after{content:"";height:1px;width:30px;background:currentColor;opacity:.35}
.sec-head--left .eyebrow--n{justify-content:flex-start}
.sec-head--left .eyebrow--n::before{display:none}

/* ---------- keynote stat numbers (homepage commitments band) ---------- */
.kstats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;text-align:center}
.kstat{padding:8px 28px}
.kstat+.kstat{border-left:1px solid var(--line2)}
.kstat b{display:block;font-size:clamp(2.6rem,5.6vw,4.4rem);font-weight:700;letter-spacing:-.03em;line-height:1;background:linear-gradient(180deg,var(--ink) 40%,rgba(29,29,31,.55));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.kstat span{display:block;margin-top:12px;font-size:14.5px;color:var(--ink3);max-width:24ch;margin-inline:auto;line-height:1.4}
@media (max-width:760px){
  .kstats{grid-template-columns:1fr;text-align:left}
  .kstat{padding:18px 0}
  .kstat+.kstat{border-left:0;border-top:1px solid var(--line2)}
  .kstat span{margin-inline:0}
}

/* ---------- hero polish: tighter chip row, calmer note ---------- */
.hero__chips .chip{font-size:12.5px}
.hero__note{color:var(--dink3)}

/* ---------- section rhythm: slightly tighter heads on this page ---------- */
.sec-head p.lead{max-width:640px;margin-left:auto;margin-right:auto}

/* ---------- platform teaser -> full console link card ---------- */
.dxlink{display:flex;align-items:center;gap:16px;background:rgba(255,255,255,.045);border:1px solid var(--dline2);border-radius:var(--r-lg);padding:clamp(18px,2.4vw,26px) clamp(20px,2.6vw,28px);margin-top:clamp(22px,3vw,32px);transition:transform .3s ease,border-color .3s ease,background .3s ease}
.dxlink:hover{transform:translateY(-3px);border-color:#5a5a5e;background:rgba(255,255,255,.07)}
.dxlink__ic{flex:none;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}
.dxlink__ic svg{width:22px;height:22px;stroke:var(--dink);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.dxlink__b{flex:1;min-width:0}
.dxlink__b b{font-size:16px;letter-spacing:-.012em;display:block;color:var(--dink)}
.dxlink__b span{font-size:13.5px;color:var(--dink3);display:block;margin-top:2px}
.dxlink__go{flex:none;color:var(--dink2)}
.dxlink__go svg{width:16px;height:16px}