:root {
 --blue: #005bbb;
 --dark-blue: #003d58;
 --teal: #007b80;
 --purple: #4b006e;
 --purple-dark: #470a68;
 --text: #05051f;
}
* {
 box-sizing: border-box;
}
body {
 margin: 0;
 font-family: 'DM Sans', sans-serif;
 color: var(--text);
 background: #fff;
}
a {
 color: var(--blue);
 text-decoration: none;
}
strong {
 color: var(--purple-dark);
 font-weight: 700;
}
.section-inner {
 width: min(100% - 48px, 820px);
 margin: 0 auto;
}
.section-inner.narrow {
 width: min(100% - 48px, 720px);
}
.accent-underline {
 position: relative;
 display: inline;
 background-image: linear-gradient(
   90deg,
   #00a8e8 0%,
   #00a8e8 62%,
   rgba(0, 168, 232, 0.18) 100%
 );
 background-repeat: no-repeat;
 background-size: 100% 6px;
 background-position: 0 88%;
}
/* ================================
  HERO
================================ */
.terms-hero {
 position: relative;
 min-height: 386px;
 background: linear-gradient(90deg, #4b006e 0%, #1f3d9d 100%);
 color: #fff;
 overflow: hidden;
}
.terms-hero-inner {
 width: min(100% - 220px, 1280px);
 min-height: 386px;
 margin: 0 auto;
 padding-top: 140px;
}
.eyebrow {
 font-size: 17px;
 font-weight: 700;
 margin: 0 0 24px;
}
.terms-hero h1 {
 font-size: 53px;
 line-height: 1.28;
 font-weight: 400;
 margin: 0;
 max-width: 1100px;
}
/* ================================
  CONTENT
================================ */
.terms-content {
 padding: 110px 24px 120px;
 border-bottom: 4px solid transparent;
 border-image: linear-gradient(90deg, #4b006e, #005bbb) 1;
}
.terms-content p {
 font-size: 15px;
 line-height: 1.6;
 margin: 0 0 24px;
}
.terms-content h2 {
 color: var(--purple-dark);
 font-size: 15px;
 line-height: 1.5;
 font-weight: 700;
 margin: 32px 0 14px;
}
.terms-content ol {
 padding-left: 24px;
 margin: 0;
}
.terms-content ol > li {
 font-size: 15px;
 line-height: 1.6;
 margin-bottom: 8px;
 padding-left: 4px;
}
.terms-content ol > li::marker {
 color: var(--text);
 font-weight: 400;
}
.terms-content ol > li h2 {
 display: inline;
 margin: 0;
}
.terms-content ol > li h2 + p {
 margin-top: 8px;
}
.terms-content ul {
 padding-left: 24px;
 margin: 0 0 26px;
}
.terms-content li::marker {
 color: var(--purple);
}
/* ================================
  RESPONSIVE: TABLET
================================ */
@media (max-width: 1100px) {
 .terms-hero-inner {
   width: min(100% - 80px, 1280px);
 }
 .terms-hero h1 {
   font-size: 46px;
 }
}
/* ================================
  RESPONSIVE: MOBILE
================================ */
@media (max-width: 900px) {
 .terms-hero {
   min-height: 330px;
 }
 .terms-hero-inner {
   width: min(100% - 48px, 720px);
   min-height: 330px;
   padding-top: 92px;
 }
 .terms-hero h1 {
   font-size: 38px;
   max-width: 680px;
 }
 .terms-content {
   padding: 72px 24px 90px;
 }
}
/* ================================
  RESPONSIVE: SMALL MOBILE
================================ */
@media (max-width: 560px) {
 .section-inner,
 .section-inner.narrow {
   width: min(100% - 40px, 420px);
 }
 .terms-hero {
   min-height: 300px;
 }
 .terms-hero-inner {
   width: min(100% - 40px, 420px);
   min-height: 300px;
   padding-top: 76px;
 }
 .eyebrow {
   font-size: 15px;
   margin-bottom: 16px;
 }
 .terms-hero h1 {
   font-size: 31px;
   line-height: 1.3;
 }
 .accent-underline {
   background-size: 100% 4px;
   background-position: 0 86%;
 }
 .terms-content {
   padding: 58px 20px 78px;
 }
 .terms-content p,
 .terms-content h2,
 .terms-content ol > li {
   font-size: 14px;
 }
 .terms-content ol {
   padding-left: 20px;
 }
}