/* ═══════════════ VELXA CORE · shared chrome (dark surfaces) ═══════════════
   Durability brand system. Tokens locked per site scope Section 2.
   Page-specific styles live inline per page. The homepage carries its own
   inline copy of these rules; this file powers every other page. */

:root{
  --navy:#0A1628; --navy-850:#0C1A2E; --navy-800:#0F2036; --navy-700:#16273f;
  --ink:#1C2738;
  --bone:#EDEFF3; --bone-dim:rgba(237,239,243,0.62); --bone-faint:rgba(237,239,243,0.34);
  --gold:#EAB308; --gold-dim:rgba(234,179,8,0.62); --gold-deep:#9C7A12; --gold-faint:rgba(234,179,8,0.13);
  --paper:#F6F3EC; --paper-ink:#1C2738; --paper-line:rgba(12,22,40,0.13);
  --line:rgba(237,239,243,0.10); --line-soft:rgba(237,239,243,0.055);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--navy);color:var(--bone);font-family:'Newsreader',serif;font-weight:300;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
.wrap{max-width:1100px;margin:0 auto;padding:0 40px}
h1,h2,h3,h4{font-family:'Fraunces',serif;font-weight:500;letter-spacing:-0.01em;line-height:1.1}
a{color:inherit;text-decoration:none}
.gold{color:var(--gold)}
.eyebrow{font-family:'DM Sans',sans-serif;font-weight:600;font-size:10px;letter-spacing:0.22em;text-transform:uppercase;color:var(--bone-faint)}
.eyebrow.g{color:var(--gold-dim)}
.mono{font-family:'IBM Plex Mono',monospace}
::selection{background:var(--gold-faint)}
:focus-visible{outline:2px solid var(--gold-dim);outline-offset:3px;border-radius:2px}

/* ─── NAV ─── */
nav{position:sticky;top:0;z-index:60;background:rgba(10,22,40,0.82);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-in{max-width:1100px;margin:0 auto;padding:15px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative}
.nav-spot{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(120px 120px at var(--mx,50%) var(--my,50%),var(--gold-faint),transparent 70%)}
.nav-in:hover .nav-spot{opacity:1}
.brand{font-family:'Fraunces',serif;font-weight:600;font-size:21px;letter-spacing:0.05em;z-index:1}
.brand .v{color:var(--gold)}
.nav-links{display:flex;gap:28px;align-items:center;z-index:1}
.nav-links a{font-family:'DM Sans',sans-serif;font-weight:500;font-size:13px;color:var(--bone-dim);transition:color .15s;display:inline-block}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--bone)}
.nav-links a[aria-current="page"]{color:var(--gold-dim)}
.nav-cta{font-family:'DM Sans',sans-serif;font-weight:600;font-size:12.5px;letter-spacing:0.02em;color:var(--navy)!important;background:var(--gold);padding:9px 17px;border-radius:2px;transition:.15s}
.nav-cta:hover{background:#f5c423;transform:translateY(-1px)}
.nav-burger{display:none;background:none;border:0;color:var(--bone);cursor:pointer;padding:6px;z-index:1}

/* ─── BUTTONS (liquid CTA) ─── */
.btn{position:relative;overflow:hidden;font-family:'DM Sans',sans-serif;font-weight:600;font-size:13.5px;padding:13px 24px;border-radius:2px;transition:transform .15s,box-shadow .15s;display:inline-flex;align-items:center;gap:8px;cursor:pointer;border:0}
.btn-primary{background:var(--gold);color:var(--navy)}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 22px -8px rgba(234,179,8,0.5)}
.btn-primary .liquid{position:absolute;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.45),transparent 60%);transform:translate(-50%,-50%);left:var(--lx,50%);top:var(--ly,50%);opacity:0;transition:opacity .25s;pointer-events:none}
.btn-primary:hover .liquid{opacity:1}
.btn-ghost{border:1px solid var(--line);color:var(--bone-dim);background:transparent}
.btn-ghost:hover{border-color:var(--gold-dim);color:var(--bone)}

/* ─── SECTION SCAFFOLD ─── */
section{padding:72px 0;border-bottom:1px solid var(--line-soft);position:relative}
.s-eyebrow{margin-bottom:18px}
.s-title{font-size:34px;font-weight:500;max-width:24ch;margin-bottom:14px}
.s-lede{font-size:18px;color:var(--bone-dim);max-width:62ch;line-height:1.55}
.reveal{opacity:0;transform:translateY(16px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}
.reveal.in{opacity:1;transform:none}

/* ─── TABS (ink-fill + underline-draw) ─── */
.tabs{margin-top:34px}
.tablist{display:flex;flex-wrap:wrap;gap:2px;border-bottom:1px solid var(--line)}
.tab{position:relative;background:none;border:0;cursor:pointer;font-family:'DM Sans',sans-serif;font-weight:500;font-size:13px;color:var(--bone-dim);padding:12px 16px;transition:color .18s;overflow:hidden}
.tab .num{font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--bone-faint);margin-right:7px}
.tab::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background:var(--gold-faint);transform:translateY(101%);transition:transform .25s cubic-bezier(.4,0,.2,1);z-index:-1}
.tab:hover::before{transform:translateY(0)}
.tab::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1)}
.tab[aria-selected="true"]{color:var(--gold)}
.tab[aria-selected="true"]::after{transform:scaleX(1)}
.tab[aria-selected="true"] .num{color:var(--gold-dim)}
.tabpanel{padding:26px 2px 0}
.tabpanel[hidden]{display:none}

/* ─── STRIKE-NUMBER (reusable: the number nobody printed) ─── */
.strike{display:flex;align-items:flex-end;gap:30px;flex-wrap:wrap;margin:30px 0 24px;padding:26px 30px;background:var(--navy-850);border:1px solid var(--line)}
.strike .col .n{font-family:'Bebas Neue',sans-serif;font-size:64px;line-height:0.82;color:var(--bone-faint);position:relative;display:inline-block}
.strike .col.struck .n::after{content:"";position:absolute;left:-5%;right:-5%;top:52%;height:2px;background:var(--gold);transform:rotate(-8deg) scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.4,0,.2,1) .2s}
.strike.in .col.struck .n::after{transform:rotate(-8deg) scaleX(1)}
.strike .col.real .n{color:var(--gold-deep)}
.strike.in .col.real .n{color:var(--gold)}
.strike .col .lab{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--bone-faint);margin-top:10px}
.strike .arrow{font-family:'IBM Plex Mono',monospace;font-size:22px;color:var(--bone-faint);padding-bottom:16px}

/* ─── FOOTER ─── */
footer{padding:54px 0 60px;border-top:1px solid var(--line)}
.foot-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;align-items:flex-start}
.foot-brand .fb{font-family:'Fraunces',serif;font-weight:600;font-size:20px;letter-spacing:0.05em;margin-bottom:8px}
.foot-brand .fb .v{color:var(--gold)}
.foot-brand .ft{font-family:'Newsreader',serif;font-style:italic;font-size:14px;color:var(--gold-dim)}
.foot-links{display:flex;gap:46px;flex-wrap:wrap}
.foot-col h5{font-family:'DM Sans',sans-serif;font-weight:600;font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--bone-faint);margin-bottom:12px}
.foot-col a{display:block;font-family:'DM Sans',sans-serif;font-size:13px;color:var(--bone-dim);margin-bottom:9px;transition:color .15s}
.foot-col a:hover{color:var(--bone)}
.foot-bottom{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font-family:'DM Sans',sans-serif;font-size:11px;color:var(--bone-faint);line-height:1.6}

/* ─── DISCLOSURE ─── */
.disclosure{font-family:'DM Sans',sans-serif;font-size:11.5px;color:var(--bone-faint);line-height:1.6;max-width:74ch}

/* ─── RESPONSIVE ─── */
@media(max-width:820px){
  .wrap,.nav-in{padding-left:24px;padding-right:24px}
  .nav-links a:not(.nav-cta){display:none}
  .nav-burger{display:inline-flex}
  .s-title{font-size:27px}
  .strike .col .n{font-size:50px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .reveal{opacity:1;transform:none;transition:none}
  .strike .col.struck .n::after{transition:none}
}

/* ─── FOOTER LEGAL LINKS ─── */
.foot-bottom a{color:var(--bone-dim);text-decoration:underline;text-underline-offset:2px;transition:color .15s}
.foot-bottom a:hover{color:var(--bone)}

/* ─── STRIKE CAPTION (legal framing beneath the strike number) ─── */
.strike-cap{font-family:'DM Sans',sans-serif;font-size:11px;color:var(--bone-faint);letter-spacing:0.01em;line-height:1.5;margin:-12px 0 26px}

/* ─── READ OPENER (The Street says / Velxa says) ─── */
.opener{margin:24px 0 6px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.op-row{display:grid;grid-template-columns:104px 1fr;gap:18px;align-items:baseline;padding:14px 0}
.op-row + .op-row{border-top:1px solid var(--line-soft)}
.op-label{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--bone-faint);padding-top:3px}
.op-label.velxa{color:var(--gold-dim)}
.op-text{font-family:'Newsreader',serif;font-size:18px;line-height:1.5;color:var(--bone-dim)}
.op-text.velxa{color:var(--bone)}
@media(max-width:600px){.op-row{grid-template-columns:1fr;gap:4px}}