@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&display=swap');

:root{
  --font-sans:'IBM Plex Sans','Helvetica Neue',Arial,sans-serif;
  --font-brand:'Manrope','IBM Plex Sans','Helvetica Neue',Arial,sans-serif;
  --type-body-01-size:14px;
  --type-body-01-line:20px;
  --type-body-01-weight:400;
  --type-body-01-track:0;
  --type-body-02-size:16px;
  --type-body-02-line:24px;
  --type-body-02-weight:400;
  --type-body-02-track:0;
  --type-label-01-size:12px;
  --type-label-01-line:16px;
  --type-label-01-weight:400;
  --type-label-01-track:.16px;
  --type-label-02-size:14px;
  --type-label-02-line:18px;
  --type-label-02-weight:400;
  --type-label-02-track:.16px;
  --type-heading-03-size:20px;
  --type-heading-03-line:28px;
  --type-heading-03-weight:400;
  --type-heading-03-track:0;
  --type-heading-04-size:28px;
  --type-heading-04-line:36px;
  --type-heading-04-weight:400;
  --type-heading-04-track:0;
  --type-heading-05-size:42px;
  --type-heading-05-line:50px;
  --type-heading-05-weight:400;
  --type-heading-05-track:0;
  --type-fluid-heading-size:clamp(42px,7vw,76px);
  --type-fluid-heading-line:1.05;
  --type-fluid-heading-weight:400;
  --type-fluid-heading-track:-.01em;
  --type-fluid-paragraph-size:clamp(18px,2vw,24px);
  --type-fluid-paragraph-line:1.38;
  --type-fluid-paragraph-weight:400;
  --type-fluid-paragraph-track:0;
}

body{
  font-family:var(--font-sans);
  font-size:var(--type-body-02-size);
  line-height:var(--type-body-02-line);
  font-weight:var(--type-body-02-weight);
  letter-spacing:var(--type-body-02-track);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

button,input{font:inherit}
h1,h2,h3,p{margin-top:0}
h1{max-width:960px;margin:0 0 var(--space-heading-body);font-size:var(--type-fluid-heading-size);line-height:var(--type-fluid-heading-line);letter-spacing:var(--type-fluid-heading-track);font-weight:var(--type-fluid-heading-weight)}
h2{max-width:720px;margin:0;font-size:var(--type-heading-05-size);line-height:var(--type-heading-05-line);letter-spacing:var(--type-heading-05-track);font-weight:var(--type-heading-05-weight)}
h3{margin:0 0 var(--space-heading-compact);font-size:var(--type-heading-03-size);line-height:var(--type-heading-03-line);font-weight:var(--type-heading-03-weight);letter-spacing:var(--type-heading-03-track)}
.lead{max-width:760px;margin:0 0 var(--space-body-actions);color:var(--text-secondary);font-size:var(--type-fluid-paragraph-size);line-height:var(--type-fluid-paragraph-line);font-weight:var(--type-fluid-paragraph-weight);letter-spacing:var(--type-fluid-paragraph-track)}
.body-lg{max-width:760px;margin:0;color:var(--text-secondary);font-size:var(--type-body-02-size);line-height:var(--type-body-02-line);font-weight:var(--type-body-02-weight);letter-spacing:var(--type-body-02-track)}
.body-sm{margin:0;color:var(--text-secondary);font-size:var(--type-body-01-size);line-height:var(--type-body-01-line);font-weight:var(--type-body-01-weight);letter-spacing:var(--type-body-01-track)}
.eyebrow{margin:0 0 var(--space-label-heading);color:var(--text-helper);font-size:var(--type-label-01-size);line-height:var(--type-label-01-line);font-weight:600;letter-spacing:var(--type-label-01-track)}

@media (max-width:671px){
  :root{
    --type-fluid-heading-size:36px;
    --type-fluid-heading-line:40px;
    --type-fluid-heading-track:0;
    --type-heading-05-size:32px;
    --type-heading-05-line:40px;
    --type-fluid-paragraph-size:16px;
    --type-fluid-paragraph-line:24px;
  }
}