:root{--ink:#1c1c1c;--orange:#f28c28;--orange-d:#d9760f;--bg:#f5f5f4;--e1:0 1px 3px rgba(0,0,0,.14),0 1px 2px rgba(0,0,0,.1);--e2:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.12)}
body{font-family:Roboto,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65}
h1,h2,h3{font-family:Archivo,sans-serif;font-weight:800;letter-spacing:-.01em}
.appbar{background:#fff;box-shadow:var(--e2);position:sticky;top:0;z-index:50}
.navbar .nav-link{color:var(--ink);font-weight:500;padding:.9rem 1rem;border-bottom:3px solid transparent}
.navbar .nav-link:hover{color:var(--orange-d)}
.navbar .nav-link.active{border-bottom-color:var(--orange)}
.hero{background:var(--ink);color:#fff;padding:6rem 0 5.5rem;border-bottom:6px solid var(--orange)}
.hero h1{font-size:clamp(2.6rem,7vw,5rem);line-height:1.02;margin-bottom:1.5rem}
.hero-lead{max-width:34rem;font-size:1.2rem;color:#d6d6d6;margin-bottom:2rem}
.btn-tjc{background:var(--orange);color:var(--ink);font-weight:500;border:0;border-radius:4px;box-shadow:var(--e1);padding:.7rem 1.6rem}
.btn-tjc:hover{background:var(--orange-d);color:var(--ink);box-shadow:var(--e2)}
.section-title{font-size:1.8rem;margin-bottom:1.5rem}
.chips{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}
.chip{background:#fff;border-radius:999px;padding:.45rem 1.1rem;box-shadow:var(--e1);font-weight:500;border-left:4px solid var(--orange)}
.card-m{background:#fff;border-radius:8px;box-shadow:var(--e1);padding:2rem;transition:box-shadow .2s}
.card-m:hover{box-shadow:var(--e2)}
.card-m h3{font-size:1.4rem}
.link-tjc{color:var(--orange-d);font-weight:500;text-decoration:none}
.link-tjc:hover{text-decoration:underline}
.page-head{background:#fff;padding:3rem 0 2.5rem;box-shadow:var(--e1);border-bottom:4px solid var(--orange)}
.page-head h1{font-size:clamp(2rem,5vw,3rem);margin:0}
.page-head .lead{margin:.6rem 0 0;color:#555;max-width:40rem}
.prose{max-width:50rem}
.site-footer{background:var(--ink);color:#fff;padding:2.5rem 0;margin-top:3rem}
.site-footer a{color:#fff;text-decoration:none}.site-footer a:hover{color:var(--orange)}
.site-footer .text-secondary{color:#aaa!important}
a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:2px}