body {
     font-family: var(--font-main);
     color: var(--text-main);
     font-size: 16px;
     font-weight: 400;
     padding-bottom: 80px;
 }

 h1,
 .display-xl {
     font-family: var(--font-main);
     font-weight: 700;
     font-size: clamp(32px, 5vw, 48px);
     line-height: 1.1;
     letter-spacing: -1.5px;
 }

 h2,
 .heading-h1 {
     font-family: var(--font-main);
     font-weight: 700;
     font-size: 20px;
     line-height: 1.2;
 }

 .button-text {
     font-family: var(--font-main);
     font-weight: 700;
     font-size: 14px;
     line-height: 1.4;
     letter-spacing: 1.2px;
     text-transform: uppercase;
 }

 .tech-data {
     font-family: var(--font-mono);
     font-weight: 500;
     font-size: 12px;
     line-height: 1.5;
 }

 .micro-caps {
     font-family: var(--font-mono);
     font-weight: 400;
     font-size: 10px;
     line-height: 1.2;
     letter-spacing: 2.0px;
     text-transform: uppercase;
 }

 .text-muted {
     color: var(--text-muted);
 }

 .text-muted strong,
 .text-muted b {
     color: var(--text-secondary);
 }