/* ===== Harvey-register variant (preview only, 2026-10-18) =====
   Monochrome: white ground, warm greys, ink. No blue. Serif display, lighter and larger. Black buttons with a tight
   radius, grey-outlined secondary. Product frames and the closing band are charcoal with a painterly, textured feel.
   Loaded after site.css; only overrides. */
:root{
  --bg:#FFFFFF; --white:#FFFFFF;
  --mist:#F4F3F0; --mist2:#ECEAE5; --mist-line:#E3E1DC;
  --navy:#1B1F1E; --navy2:#2A302E;
  --hair:#E6E4DF; --hair2:#F0EEEA;
  --ink:#141413; --ink2:#3D3C3A; --dim:#6B6A66; --mute:#9C9A94;
  --on-dark:#FFFFFF; --on-dark-dim:#C9CDCB; --on-dark-mute:#848A88;
  --accent:#141413; --accent-deep:#000000; --accent-soft:#D7DBD9;
  --h1:clamp(50px,7vw,96px); --h2:clamp(38px,4.6vw,62px);
  --r:16px; --rs:12px; --r-btn:4px;
}
body{letter-spacing:-.008em}
h1,h2,h3{font-weight:400;letter-spacing:-.025em}
h1{line-height:1.0} h2{line-height:1.05}
.acc{color:var(--ink);font-style:italic}
.hero .intro{color:var(--ink2);font-size:clamp(17px,1.4vw,20px)}
.hero h1 #eng{color:var(--ink);font-style:italic} .hero h1 .curs{background:var(--ink)}
.kicker{color:var(--dim);letter-spacing:.16em}

/* buttons: Harvey's black block and grey outline */
.btn{background:var(--ink);color:#fff;border-radius:4px;font-weight:500}
.btn:hover{background:#2E2E2C}
.btn.ghost{background:#fff;color:var(--ink);border:1px solid #CFCDC8}
.btn.ghost:hover{background:#F4F3F0;border-color:#B5B3AD}
.btn.ghost.ondark{background:transparent;border-color:rgba(255,255,255,.35);color:#fff}
.btn.ghost.ondark:hover{background:rgba(255,255,255,.08)}
.boom-btn{border-radius:4px;background:#fff;color:var(--ink)}

/* nav */
#tabs{background:rgba(255,255,255,.86);border-bottom-color:var(--hair)}
#tabs .brand{font-size:26px}
#tabs .brand .mark{fill:var(--ink)} #tabs .brand .mark .o{fill:#CFCDC8}
.sitefoot .about .brand .mark{fill:var(--ink)} .sitefoot .about .brand .mark .o{fill:#CFCDC8}
#tabs a.tab{color:var(--ink2);font-size:15px}
#tabs .ind{background:var(--ink)}

/* the product frame: a painterly charcoal-teal wash with grain, like Harvey's */
.stage{background:#1B2422;background-image:
  radial-gradient(60% 55% at 18% 22%,rgba(132,160,154,.55),transparent 70%),
  radial-gradient(45% 50% at 82% 18%,rgba(190,201,197,.35),transparent 70%),
  radial-gradient(70% 60% at 70% 95%,rgba(70,96,92,.6),transparent 70%),
  linear-gradient(170deg,#2E3B38 0%,#1B2422 55%,#121817 100%)}
.stage::before{opacity:.7}
.win{background:#F7F6F3;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.win-bar{background:#F7F6F3;border-bottom-color:#E3E1DC}
.win-bar .dots i{background:#D9D7D2} .win-bar .dots i:first-child{background:var(--ink)}
.win-bar .url{background:#ECEAE5;color:var(--dim)}
.win-bar .lvl{color:var(--mute)}

/* the dashboard reads light, like Harvey's command center */
.dash{background:#F7F6F3;color:var(--ink);font-family:var(--body)}
.d-side{border-right-color:#E3E1DC}
.d-ava{background:var(--ink)}
.d-search{color:var(--mute);border-color:#E3E1DC;background:#fff}
.d-grp{color:var(--mute)} .d-item{color:var(--ink2)} .d-item.on{background:#E9E7E2;color:var(--ink)}
.d-chip{color:var(--ink2);border-color:#DAD8D2;background:#fff}
.d-head{color:var(--dim)} .d-head b{color:var(--ink)} .d-head i{color:#2E7D5B}
.d-card{border-color:#E3E1DC;background:#fff}
.d-ct{color:var(--ink)} .d-sub{color:var(--mute)}
.d-tabs{background:#ECEAE5} .d-tabs i{color:var(--dim)} .d-tabs i.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.d-chart .dg line{stroke:#ECEAE5}
.d-chart .l1{stroke:#B8BDBB} .d-chart .l2{stroke:#D2D6D4} .d-chart .l3{stroke:#C9CECC;opacity:1} .d-chart .l4{stroke:#E0E3E1;opacity:1}
.d-chart .you{stroke:var(--ink);filter:none}
.d-chart .you-pt{fill:#fff;stroke:var(--ink)}
.d-chart .dx text{fill:var(--mute)}
.d-legend{color:var(--dim)} .d-legend b{color:var(--ink)}
.dash i.k1{background:#B8BDBB} .dash i.k2{background:#D2D6D4} .dash i.k3{background:#C9CECC} .dash i.k4{background:#E0E3E1} .dash i.kyou{background:var(--ink)}
.dash th{color:var(--mute);border-bottom-color:#E3E1DC}
.dash td{color:var(--ink2);border-bottom-color:#F0EEEA}
.dash td:nth-child(2){color:var(--ink)}
.dash tr.you td{background:#F0EEEA;color:var(--ink)}
.dash td s{color:#9C4A3B} .dash td u{color:#2E7D5B}
.dash td em{background:#ECEAE5;color:var(--ink2)}
.dash .t-ugc,.dash .t-ed,.dash .t-ref,.dash .t-rev,.dash .t-corp{color:var(--ink2)}
.d-donut .ring{stroke:#ECEAE5}
.d-donut .s1{stroke:#141413} .d-donut .s2{stroke:#6B6A66} .d-donut .s3{stroke:#A3A29D} .d-donut .s4{stroke:#CFCDC8}
.d-donut text{fill:var(--ink)} .d-donut text.sm{fill:var(--mute)}
.d-keys{color:var(--dim)}
.d-keys .t1{background:#141413} .d-keys .t2{background:#6B6A66} .d-keys .t3{background:#A3A29D} .d-keys .t4{background:#CFCDC8} .d-keys .t5{background:#E3E1DC}

/* logos: Harvey's strip is monochrome */
.tb-row img{filter:grayscale(1) contrast(1.05);opacity:.85}
.tb-row{border-color:var(--hair)}

/* cards: warm grey, no blue mist */
.card{background:var(--mist);border-color:var(--mist-line)}
.stat b .u{color:var(--ink);font-style:italic}
.tw-side button.on{border-color:#DAD8D2}
.pnl .tag{color:var(--ink2);border-color:#DAD8D2}
.pnl em{color:var(--ink);font-style:italic}
.did li::before{background:var(--ink);border-radius:50%;width:5px;height:5px}
.slot .p-stat i{color:var(--ink)}

/* the three tiles: charcoal, textured, monochrome data */
.tile{background:#1B1F1E;background-image:radial-gradient(70% 60% at 20% 10%,rgba(120,140,136,.35),transparent 70%),linear-gradient(170deg,#2A302E 0%,#1B1F1E 60%,#121514 100%);box-shadow:0 24px 60px rgba(0,0,0,.25)}
.t-dots i:first-child{background:#fff}
.t-note{color:var(--on-dark-mute)}
.t-kpis div{border-color:rgba(255,255,255,.12)} .t-kpis u{color:#8FD1AE}
.t-rank em{background:rgba(255,255,255,.08)} .t-rank tr.you em{background:#fff;color:var(--ink)} .t-rank tr.you td{background:rgba(255,255,255,.08)}
.t-chip{color:#fff;border-color:rgba(255,255,255,.3)}
.t-q li.pick{background:rgba(255,255,255,.08)} .t-q li.pick i{background:#fff;border-color:#fff;color:var(--ink)}
.t-q li em.lose{color:#E8A79B} .t-q li em.win{color:#8FD1AE} .t-q li em.open{color:#E6D3A3}
.t-q li b::after{background:#fff}
.t-src b{background:#fff;color:var(--ink)} .t-src i{color:#8FD1AE}
.t-ans{border-color:rgba(255,255,255,.14)}
.t-ans sup{color:#C9CDCB}
.t-conf i em{background:#fff}

/* the closing band: Harvey's dark textured card */
.end .band{background:#1B1F1E;background-image:radial-gradient(55% 60% at 85% 10%,rgba(132,160,154,.45),transparent 70%),radial-gradient(60% 60% at 10% 100%,rgba(70,96,92,.55),transparent 70%),linear-gradient(170deg,#2A302E 0%,#1B1F1E 60%,#121514 100%)}
.end .band::after{display:none}
.end .giant .fut{color:#fff;font-style:italic}
.end .lede{color:var(--on-dark-dim)}

/* jacky + faq + footer */
.jk input{border-radius:4px;border-color:#DAD8D2} .jk input:focus{border-color:var(--ink)}
.jk-big.good{color:var(--ink)}
.faq summary .tri{border-color:var(--ink)}
.sitefoot .giantmark{color:var(--ink)}
.hero .kicker{color:var(--dim)}