body{background:var(--surface-page)}
button{font-family:var(--font-body)}
a{color:var(--link)}a:hover{color:var(--link-hover)}
.prose h2{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:-.015em;line-height:1;font-size:var(--text-heading-1);color:var(--text-primary);margin:var(--space-7) 0 var(--space-4)}
.prose h3{font-family:var(--font-body);font-weight:600;font-size:var(--text-heading-3);color:var(--text-primary);margin:var(--space-6) 0 var(--space-3)}
.prose p{margin:0 0 var(--space-4);line-height:1.55}
.prose ul{margin:0 0 var(--space-4);padding-left:1.1em;display:grid;gap:var(--space-3)}
.prose li{line-height:1.5}
.prose strong{color:var(--text-primary);font-weight:600}
.prose hr{border:none;border-top:var(--rule);margin:var(--space-7) 0}
.prose .lede{font-size:var(--text-body-lg);color:var(--text-primary)}
@media(max-width:900px){
:root{--text-display-1:64px;--text-display-2:48px;--text-display-3:36px;--text-heading-1:30px;--text-heading-2:24px;--text-body-lg:18px;--space-9:56px;--space-8:40px}
.hero-grid,.split,.cards-3,.cards-2,.footer-grid{grid-template-columns:1fr !important;direction:ltr !important}
.footer-grid{gap:var(--space-6) !important}
.split.flip>div:first-child{order:2}
}
@media(max-width:640px){
:root{--text-display-1:48px;--text-display-2:40px;--text-display-3:32px;--nav-height:64px}
.site-nav{gap:var(--space-4) !important;padding-left:20px !important;padding-right:20px !important}
.site-nav nav{gap:var(--space-4) !important}
.brand span span{display:none}
.site-nav a[href="get.html"]{padding:10px 14px !important;min-height:40px !important;font-size:var(--text-label) !important}
.chord-grid{grid-template-columns:repeat(4,1fr) !important}
.feature-row-wrap>*{display:grid !important;grid-template-columns:1fr 1fr !important;gap:var(--space-3) var(--space-4) !important}
.feature-row-wrap>*>*{white-space:nowrap}
.prose{max-width:100% !important}
}
@media(max-width:420px){
.site-nav nav{display:none !important}
}