/* Clayso — base tokens (warm clay + deep ink) */
:root{
  --cly-navy:#12386B;
  --cly-navy-d:#0A2447;
  --cly-navy-l:#4E86D6;
  --cly-ink:#151A22;
  --cly-ink-2:#2B3543;
  --cly-muted:#5C6675;
  --cly-mist:#F5F8FC;
  --cly-mist-2:#E7EEF8;
  --cly-line:#E2E8F0;
  --cly-line-2:#C8D3E0;
  --cly-white:#FFFFFF;
  --cly-sage:#1B7A53;
  --cly-maxw:1180px;
  --cly-r:16px;
}
body.cly{
  background:var(--cly-white);
  color:var(--cly-ink);
  font-family:"Instrument Sans",system-ui,-apple-system,sans-serif;
  font-size:19px;line-height:1.62;-webkit-font-smoothing:antialiased;
}
.cly h1,.cly h2,.cly h3{font-family:"Bricolage Grotesque","Instrument Sans",system-ui,sans-serif;
  font-weight:700;line-height:1.05;letter-spacing:-.025em;margin:0;color:var(--cly-ink)}
.cly a{color:inherit}
.cly a:focus-visible,.cly button:focus-visible{outline:3px solid var(--cly-navy);outline-offset:2px;border-radius:4px}
.cly-wrap{max-width:var(--cly-maxw);margin:0 auto;padding:0 26px}
.cly-k{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--cly-navy)}

.cly .cly-btn,.cly a.cly-btn,.cly button.cly-btn{
  display:inline-flex;align-items:center;gap:9px;background:var(--cly-navy);color:#fff !important;
  text-decoration:none;font-family:"Instrument Sans",sans-serif;font-weight:600;font-size:16px;line-height:1;
  padding:15px 26px;border-radius:100px;border:1.5px solid var(--cly-navy);cursor:pointer;
  transition:background .18s,transform .18s,border-color .18s}
.cly .cly-btn:hover,.cly a.cly-btn:hover,.cly button.cly-btn:hover{
  background:var(--cly-navy-d);border-color:var(--cly-navy-d);color:#fff !important;transform:translateY(-1px)}
.cly .cly-btn.ghost,.cly a.cly-btn.ghost{background:#fff;color:var(--cly-ink) !important;border:1.5px solid var(--cly-line-2)}
.cly .cly-btn.ghost:hover,.cly a.cly-btn.ghost:hover{border-color:var(--cly-navy);color:var(--cly-navy) !important;background:#fff}

.cly-reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease;transition-delay:var(--d,0ms)}
.cly-reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  .cly *{animation:none !important}
  .cly-reveal{opacity:1 !important;transform:none !important;transition:none !important}
}