@import url('/brand-tokens.css');
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--app-ivory);color:var(--app-charcoal);font-family:Inter,Arial,Helvetica,sans-serif}
a{color:var(--brand-emerald);text-underline-offset:4px}
a:hover{color:var(--brand-secondary)}
:focus-visible{outline:2px solid var(--brand-secondary);outline-offset:5px}
::selection{background:var(--brand-gold);color:var(--brand-emerald)}
.wrap{max-width:850px;margin:auto;padding:64px 28px}
.brand{display:inline-flex;align-items:center;gap:12px;margin-bottom:36px;text-decoration:none}
.brand-word{font-size:19px;letter-spacing:.16em;font-weight:700;color:var(--brand-emerald)}
.brand-word small{display:block;color:var(--brand-secondary);font-size:9px;letter-spacing:.4em;margin-top:6px}
.document h1{font-size:48px;letter-spacing:-.05em;line-height:1.15;font-weight:600;margin:0 0 28px}
.document h2{font-size:23px;letter-spacing:-.025em;color:var(--brand-emerald);margin-top:35px}
.document p,.document li{color:var(--app-muted);line-height:1.85;font-size:16px}
.document li{margin-bottom:8px}
.document ul{padding-left:22px}
.document nav{margin-top:36px;display:flex;gap:24px;flex-wrap:wrap;border-top:1px solid var(--app-sand);padding-top:24px}
.document nav a{display:inline-flex;align-items:center;min-height:44px}
.contact{color:var(--brand-emerald)}
@media(max-width:650px){.wrap{padding:36px 22px}.document h1{font-size:36px}.document h2{font-size:22px}.document p,.document li{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}