.site-header{padding-block:var(--s3);justify-content:space-between;align-items:center;display:flex}main{gap:var(--s8);padding-block:var(--s7) var(--s8);display:grid}.intro{gap:var(--s4);justify-items:start;display:grid}.intro h1{font-size:var(--t-hero);line-height:1}.lede{max-width:34rem;font-size:var(--t-lg);color:var(--muted)}section{gap:var(--s4);display:grid}.sample{gap:var(--s2);margin:0;display:grid}.sample-screen{gap:var(--s3);padding:var(--s5);border-radius:var(--r2);background:var(--surface);display:grid}.sample-group{font-weight:600}.sample-figure{font-family:var(--font-display);color:var(--accent);font-size:clamp(2rem,8vw,3.25rem);line-height:1}.sample-list li{justify-content:space-between;gap:var(--s1) var(--s4);padding-block:var(--s3);border-top:1px solid var(--line);flex-wrap:wrap;font-weight:600;display:flex}.sample-pay,figcaption{color:var(--muted);font-size:var(--t-sm)}.owed{color:var(--accent)}.owes{color:var(--owes)}.steps{gap:var(--s3);counter-reset:step;display:grid}.steps li{counter-increment:step;grid-template-columns:2rem 1fr;display:grid}.steps li:before{content:counter(step);font-family:var(--font-display);font-size:var(--t-xl);color:var(--accent);line-height:1}.points{gap:var(--s2);padding-left:1.25rem;list-style:outside;display:grid}.faq{gap:var(--s1);display:grid}.faq dt{margin-top:var(--s3);font-weight:600}.site-footer{padding-block:var(--s5);border-top:1px solid var(--line);color:var(--muted);font-size:var(--t-sm)}