/* ch-site.css — the shared CH design system (single source so every page flows) */
:root{--ink:#16201b;--soft:#46514b;--cream:#faf9f6;--line:#e7e4dc;--green:#1f7a52;--bright:#2ed5a0;--deep:#0c1612}
  *{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--cream)}
  .wrap{max-width:1120px;margin:0 auto;padding:0 24px}
  .devbar{position:sticky;top:0;z-index:200;background:#16201b;color:#cfe9dd;font:600 12px/1 system-ui;letter-spacing:.04em;text-align:center;padding:8px 16px}
  nav.bar{display:flex;align-items:center;gap:24px;padding:16px 0;border-bottom:1px solid var(--line)}
  nav.bar .brand{font-weight:800;letter-spacing:-.01em}nav.bar a{color:var(--soft);text-decoration:none;font-size:14px;font-weight:600}
  nav.bar a:hover{color:var(--ink)}nav.bar .sp{margin-left:auto}
  .hero{position:relative;overflow:hidden;background:radial-gradient(120% 95% at 82% -10%,#103024,#0c1612 46%,#0a120e 100%);color:#eef6f1;padding:96px 0}
  .hero-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
  @media(max-width:900px){.hero-in{grid-template-columns:1fr;gap:32px}.hero{padding:64px 0}}
  .eyebrow{display:inline-flex;align-items:center;gap:8px;font:700 12.5px/1 sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--bright);margin:0 0 16px}
  .eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--bright);box-shadow:0 0 0 4px rgba(46,213,160,.18)}
  h1.flag{font:800 clamp(34px,5vw,56px)/1.04 sans-serif;letter-spacing:-.02em;margin:0 0 24px}h1.flag em{font-style:normal;color:var(--bright)}
  .lede{font:400 clamp(16px,2vw,20px)/1.5 sans-serif;color:#c7d8cf;max-width:34ch;margin:0 0 24px}.lede b{color:#eef6f1}
  .cta{display:flex;flex-wrap:wrap;gap:16px}
  .btn{display:inline-flex;align-items:center;gap:8px;border-radius:14px;padding:14px 26px;font-weight:700;font-size:15px;text-decoration:none;transition:transform .14s,box-shadow .14s,border-color .14s,background .14s}
  .btn--p{background:var(--bright);color:#05140d;font-size:17px;padding:17px 32px;box-shadow:0 14px 34px -10px rgba(46,213,160,.62)}
  .btn--p:hover{box-shadow:0 20px 44px -10px rgba(46,213,160,.72)}
  .btn--g{background:rgba(255,255,255,.05);color:#eef6f1;border:1px solid rgba(255,255,255,.22)}
  .btn--g:hover{border-color:rgba(46,213,160,.6);background:rgba(255,255,255,.09)}
  .btn:hover{transform:translateY(-3px)}.btn:active{transform:translateY(-1px)}
  .vhint{display:inline-flex;align-items:center;gap:10px;margin-top:24px;font:700 12px/1.2 sans-serif;letter-spacing:.02em;color:var(--bright);background:rgba(46,213,160,.08);border:1px solid rgba(46,213,160,.28);border-radius:999px;padding:8px 16px}
  .vhint::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--bright);box-shadow:0 0 0 4px rgba(46,213,160,.18)}
  .note{margin-top:24px;font-size:13px;color:#9fb6ab;max-width:46ch;line-height:1.55}
  .orblink{display:block;text-decoration:none;cursor:pointer}.orb{width:100%;max-width:372px;margin:8px auto 0;padding-right:16px;filter:drop-shadow(0 0 46px rgba(46,213,160,.28))}.orb canvas{width:100%;display:block}
  .orbcap{display:block;text-align:center;margin-top:16px;font:700 11px/1 sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#7fae9c}.orblink:hover .orbcap{color:var(--bright)}
  section.s{padding:96px 0}.kick{font:700 12.5px/1 sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin:0 0 16px}
  h2{font:800 clamp(26px,3.4vw,38px)/1.1 sans-serif;letter-spacing:-.015em;margin:0 0 16px}
  .sub{font-size:17px;line-height:1.55;color:var(--soft);max-width:60ch;margin:0 0 40px}
  .duo{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:820px){.duo{grid-template-columns:1fr}}
  .card{position:relative;overflow:hidden;background:#fff;border:1px solid rgba(46,213,160,.22);border-radius:18px;padding:40px;box-shadow:0 1px 0 rgba(0,0,0,.02),0 24px 50px -34px rgba(12,22,18,.30);transition:transform .14s,box-shadow .14s,border-color .14s}
  .card:hover{transform:translateY(-3px);border-color:rgba(46,213,160,.5);box-shadow:0 28px 56px -30px rgba(46,213,160,.4)}
  .card::before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,var(--bright),var(--green))}
  .card h3{margin:0 0 8px;font-size:20px}.card p{margin:0;color:var(--soft);line-height:1.55;font-size:15px}
  .pill{display:inline-block;font:700 11.5px/1 sans-serif;border-radius:999px;padding:8px 16px;margin-bottom:16px;border:1px solid}
  .pill--pend{background:rgba(31,122,82,.1);color:var(--green);border-color:rgba(31,122,82,.3)}.pill--pub{background:rgba(180,130,20,.12);color:#9a6b12;border-color:rgba(180,130,20,.3)}
  .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:820px){.grid3{grid-template-columns:1fr}}
  a.vcard{display:block;background:#0f1613;border:1px solid #1c3329;border-radius:16px;padding:40px;text-decoration:none;transition:transform .14s,border-color .14s,box-shadow .14s}
  a.vcard:hover{transform:translateY(-4px);border-color:var(--bright);box-shadow:0 24px 50px -30px rgba(46,213,160,.5)}a.vcard .n{font:700 12px sans-serif;color:var(--bright);letter-spacing:.06em}a.vcard h3{color:#fff;margin:10px 0 6px}a.vcard p{color:#bcd0c7;margin:0;font-size:14px;line-height:1.5}
  footer{background:var(--deep);color:#bcd0c7;padding:56px 0;font-size:13px}footer a{color:var(--bright);text-decoration:none}
  .eq{text-align:center;font:700 clamp(18px,2.6vw,26px)/1.3 sans-serif;color:var(--ink);margin:8px 0 0}
  /* click-to-verify affordance — visible by default; hidden when the header toggle is OFF */
  html:not(.chbv-off) p[data-block-id]{text-decoration:underline dashed rgba(46,213,160,.42);text-underline-offset:5px;text-decoration-thickness:1px;cursor:pointer}
  html:not(.chbv-off) .eq[data-block-id]{text-decoration:underline dashed rgba(31,122,82,.4);text-underline-offset:6px}
  html:not(.chbv-off) h1[data-block-id],html:not(.chbv-off) h2[data-block-id],html:not(.chbv-off) h3[data-block-id],html:not(.chbv-off) [data-asset-id]{cursor:pointer}
  html:not(.chbv-off) [data-block-id]:hover,html:not(.chbv-off) [data-asset-id]:hover{outline:2px dashed rgba(46,213,160,.55);outline-offset:4px;border-radius:6px}

/* section background utilities (so pages use class names, not inline style — flow) */
section.s.cream{background:var(--cream)}
section.s.deep{background:var(--deep);color:#eef6f1}
section.s.deep h2{color:#fff}
section.s.deep .sub{color:#bcd0c7}
section.s.deep .kick{color:var(--bright)}
section.s.deep .eq{color:#eef6f1}

/* founder statement block (ai-governance) */
blockquote.founder-quote{font:600 clamp(20px,2.6vw,29px)/1.4 ui-sans-serif,system-ui,sans-serif;color:var(--ink);margin:0 0 18px;border-left:3px solid var(--bright);padding-left:26px}
.founder-attr{color:var(--green);font-weight:800;margin:0 0 22px;font-size:16px}
.founder-meta{color:var(--soft);font-size:13px;margin-top:18px;max-width:66ch;line-height:1.55}
html:not(.chbv-off) blockquote[data-block-id]{cursor:pointer}