/* GENERATED by tools/build-css.js — do not edit by hand.
 * Source: src/assets/css/layers/*.css, concatenated in the order declared in that script.
 * Comments are stripped on the way out; read the source files for the reasoning.
 */

@layer reset {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  body,
  h1,
  h2,
  h3,
  h4,
  p,
  figure,
  blockquote,
  dl,
  dd {
    margin: 0;
  }
  .l-list {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  html {
    -webkit-text-size-adjust: none;
  }
  img,
  picture,
  svg,
  video {
    display: block;
    max-width: 100%;
  }
  input,
  button,
  textarea,
  select {
    font: inherit;
    color: inherit;
  }
  [hidden] {
    display: none !important;
  }
  @media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
  }
}
@font-face {
  font-family: 'Source Serif Pro';
  src: url('/assets/fonts/source-serif-4-latin-variable.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Serif Pro';
  src: url('/assets/fonts/source-serif-4-latin-variable-italic.woff2') format('woff2');
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url('/assets/fonts/source-sans-3-latin-variable.woff2') format('woff2');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@layer base {
  html {
    font-family: var(--plat-font-family-content), var(--plat-font-family-content-fallbacks);
    font-size: var(--plat-p-font-size-16);
    line-height: var(--plat-p-line-height-24);
    color-scheme: light;
  }
  body {
    background: var(--plat-bg-neutral-subtlest);
    color: var(--plat-text-neutral-default);
    min-height: 100%;
  }
  h1,
  h2,
  h3,
  h4 {
    font-family: var(--plat-font-family-heading), var(--plat-font-family-heading-fallbacks);
    color: var(--plat-text-neutral-strong);
    font-weight: var(--plat-p-font-weight-600);
    text-wrap: balance;
  }
  h1 {
    font-size: var(--plat-p-font-size-48);
    line-height: var(--plat-p-line-height-56);
  }
  h2 {
    font-size: var(--plat-p-font-size-56);
    line-height: var(--plat-p-line-height-64);
  }
  h3 {
    font-size: var(--plat-p-font-size-24);
    line-height: var(--plat-p-line-height-32);
  }
  p {
    text-wrap: pretty;
  }
  a {
    color: var(--plat-text-link-default);
  }
  a:hover {
    color: var(--plat-text-link-default-hover);
  }
  :focus-visible {
    outline: var(--plat-p-border-width-2) solid var(--plat-border-focus-default);
    outline-offset: var(--plat-p-space-2);
  }
  :target {
    scroll-margin-block-start: var(--plat-p-space-24);
  }
}
@layer layout {
  .l-stack {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .l-stack > * + * {
    margin-block-start: var(--l-stack-space, var(--plat-p-space-24));
  }
  .l-cluster {
    display: flex;
    flex-wrap: wrap;
    gap: var(--l-cluster-space, var(--plat-p-space-12));
    align-items: var(--l-cluster-align, center);
  }
  .l-grid {
    display: grid;
    gap: var(--l-grid-space, var(--plat-p-space-24));
    grid-template-columns: repeat(auto-fit, minmax(min(var(--l-grid-min, 16rem), 100%), 1fr));
  }
  .l-center {
    box-sizing: content-box;
    max-inline-size: var(--l-center-measure, var(--plat-p-container-xl));
    margin-inline: auto;
    padding-inline: var(--l-center-gutter, var(--plat-p-space-16));
  }
  .l-sidebar {
    display: flex;
    flex-wrap: wrap;
    gap: var(--l-sidebar-space, var(--plat-p-space-32));
  }
  .l-sidebar > :first-child {
    flex-basis: var(--l-sidebar-width, 20rem);
    flex-grow: 1;
  }
  .l-sidebar > :last-child {
    flex-basis: 0;
    flex-grow: 999;
    min-inline-size: var(--l-sidebar-content-min, 50%);
  }
  .l-band {
    box-sizing: content-box;
    max-inline-size: var(--l-band-measure, var(--plat-p-container-xl));
    margin-inline: auto;
    padding-block: var(--l-band-space, clamp(var(--plat-p-space-32), 6vw, var(--plat-p-space-80)));
    padding-inline: var(--l-band-gutter, var(--plat-p-space-16));
  }
  .l-prose {
    max-inline-size: var(--plat-p-measure-base);
  }
  .l-visually-hidden:not(:focus):not(:active) {
    clip-path: inset(50%);
    block-size: var(--plat-p-space-1);
    inline-size: var(--plat-p-space-1);
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
  }
}
@layer components {
  .band {
    color: var(--plat-text-neutral-default);
  }
  .band[data-theme='subtle'] {
    background: var(--plat-bg-neutral-subtler);
  }
  .band[data-theme='dark'] {
    background: var(--plat-bg-accent-3-subtlest);
  }
  .band[data-theme='dark'] :is(h1, h2, h3, h4),
  .band[data-theme='accent-dark'] :is(h1, h2, h3, h4) {
    color: inherit;
  }
  .band[data-theme='accent'] {
    background: var(--plat-bg-accent-1-subtlest);
  }
  .band[data-theme='accent-dark'] {
    background: var(--plat-bg-accent-3-strongest);
    color: var(--plat-text-neutral-inverse);
    & a:not(.cta) {
      color: var(--plat-text-link-inverse);
    }
  }
  .cta {
    display: inline-block;
    padding: var(--plat-p-space-12) var(--plat-p-space-24);
    border: var(--plat-p-border-width-1) solid transparent;
    border-radius: var(--plat-radius-button);
    font-family: var(--plat-font-family-content);
    font-weight: var(--plat-p-font-weight-600);
    line-height: var(--plat-p-line-height-24);
    text-decoration: none;
  }
  .cta--primary {
    background: var(--plat-bg-accent-1-default);
    color: var(--plat-text-accent-1-inverse);
    box-shadow:
      0 10px 5px color-mix(in srgb, var(--plat-shadow-color-accent-1-color) 5%, transparent),
      0 20px 12.5px var(--plat-shadow-color-accent-1-alpha-default);
    &:hover {
      background: var(--plat-bg-accent-1-default-hover);
    }
    &:active {
      background: var(--plat-bg-accent-1-default-pressed);
    }
  }
  .cta--secondary {
    background: var(--plat-bg-neutral-ghost);
    border-color: var(--plat-border-neutral-strong);
    color: var(--plat-text-neutral-default);
    &:hover {
      background: var(--plat-bg-neutral-ghost-hover);
    }
  }
  .cta--tertiary {
    background: var(--plat-bg-accent-2-default);
    color: var(--plat-text-accent-2-strongest);
    &:hover {
      background: var(--plat-bg-accent-2-default-hover);
    }
    &:active {
      background: var(--plat-bg-accent-2-default-pressed);
    }
  }
  .cta--link {
    padding-inline: 0;
    background: none;
    color: var(--plat-text-link-default);
    text-decoration: underline;
  }
  .cta--play {
    display: inline-flex;
    align-items: center;
    gap: var(--plat-p-space-8);
    padding: 0;
    background: none;
    border: 0;
    box-shadow: none;
    color: var(--plat-text-neutral-strong);
    font-size: var(--plat-p-font-size-16);
    font-weight: var(--plat-p-font-weight-600);
    line-height: var(--plat-p-line-height-24);
    text-decoration: none;
    &:hover {
      text-decoration: underline;
    }
  }
  .cta__ring {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: var(--plat-p-space-32);
    block-size: var(--plat-p-space-32);
    border: var(--plat-p-border-width-2) solid currentColor;
    border-radius: var(--plat-radius-round);
    flex: none;
    &::after {
      content: '';
      display: block;
      inline-size: 0;
      block-size: 0;
      border-block: 5px solid transparent;
      border-inline-start: 8px solid currentColor;
      translate: 1px 0;
    }
  }
  .cta--has-icon {
    display: inline-flex;
    gap: var(--plat-p-space-10);
    align-items: center;
  }
  .cta__icon {
    flex: none;
    inline-size: var(--plat-p-space-16);
    block-size: var(--plat-p-space-16);
  }
  .site-header {
    position: relative;
    background: var(--plat-bg-surface-default);
    border-bottom: var(--plat-p-border-width-1) solid var(--plat-border-neutral-subtle);
  }
  .site-header__inner {
    --l-cluster-align: center;
    justify-content: space-between;
    padding-block: var(--plat-p-space-16);
  }
  .site-header__logo img {
    width: auto;
    height: var(--plat-p-space-72);
  }
  .nav-drawer__toggle,
  .mega-menu__trigger {
    cursor: pointer;
    list-style: none;
    &::-webkit-details-marker {
      display: none;
    }
  }
  .nav-drawer__toggle,
  .site-nav__list .mega-menu__trigger {
    padding: var(--plat-p-space-8) var(--plat-p-space-12);
    border-radius: var(--plat-radius-control);
  }
  .site-nav__list .mega-menu__trigger {
    color: var(--plat-text-neutral-strong);
    font-size: var(--plat-p-font-size-18);
    font-weight: var(--plat-font-weight-heading-medium);
    &:hover,
    .mega-menu[open] > & {
      background: var(--plat-bg-neutral-subtle);
    }
  }
  .mega-menu__trigger::after {
    content: '';
    display: inline-block;
    inline-size: var(--plat-p-space-6);
    block-size: var(--plat-p-space-6);
    margin-inline-start: var(--plat-p-space-8);
    border: solid currentColor;
    border-width: 0 var(--plat-p-border-width-2) var(--plat-p-border-width-2) 0;
    transform: translateY(-25%) rotate(45deg);
  }
  .mega-menu[open] > .mega-menu__trigger::after {
    transform: translateY(25%) rotate(-135deg);
  }
  .mega-menu__panel {
    background: var(--plat-bg-neutral-subtlest);
  }
  .mega-menu__column {
    display: grid;
    align-content: start;
    gap: var(--plat-p-space-16);
    padding: var(--plat-p-space-24);
    &[data-tone='subtle'] {
      background: var(--plat-bg-neutral-subtler);
    }
  }
  .mega-menu__heading {
    padding-inline: var(--plat-p-space-8);
    color: var(--plat-text-neutral-subtle);
    font-size: var(--plat-p-font-size-12);
    font-weight: var(--plat-font-weight-content-black);
    line-height: var(--plat-p-line-height-16);
    letter-spacing: var(--plat-font-tracking-widest);
    text-transform: uppercase;
  }
  .mega-menu__items {
    display: grid;
    gap: var(--plat-p-space-4);
    &:has(.menu-item--compact) {
      gap: 0;
    }
  }
  .mega-menu__footnote {
    padding-block: var(--plat-p-space-16);
    color: var(--plat-text-neutral-subtle);
    font-size: var(--plat-p-font-size-14);
  }
  .menu-item__link {
    display: grid;
    column-gap: var(--plat-p-space-12);
    padding: var(--plat-p-space-8);
    border-radius: var(--plat-radius-control);
    color: var(--plat-text-neutral-default);
    line-height: var(--plat-p-line-height-24);
    text-decoration: none;
    &:hover,
    &:focus-visible {
      background: var(--plat-bg-neutral-subtle);
    }
    &:hover .menu-item__label,
    &:focus-visible .menu-item__label {
      text-decoration: underline;
      text-decoration-thickness: 0.08em;
    }
  }
  .mega-menu[data-theme='dark'] {
    & .mega-menu__panel {
      background: var(--plat-bg-neutral-stronger);
      color: var(--plat-text-neutral-inverse);
    }
    & .mega-menu__column {
      border-color: var(--plat-bg-neutral-strong);
      &[data-tone='subtle'] {
        background: var(--plat-bg-neutral-strongest);
      }
    }
    & .mega-menu__heading,
    & .mega-menu__footnote,
    & .menu-item__body {
      color: var(--plat-text-neutral-inverse-subtle);
    }
    & .menu-item__link,
    & .menu-item--compact .menu-item__link {
      color: var(--plat-text-neutral-inverse);
      &:hover,
      &:focus-visible {
        background: var(--plat-bg-neutral-strong);
      }
    }
    & .menu-item__icon {
      background: var(--plat-bg-neutral-strongest);
      border-radius: var(--plat-p-radius-8);
    }
  }
  .menu-item--icon .menu-item__link {
    grid-template-columns: auto 1fr;
  }
  .menu-item__icon {
    grid-row: span 2;
    display: grid;
    place-items: center;
    inline-size: var(--plat-p-space-64);
    block-size: var(--plat-p-space-64);
    img {
      inline-size: var(--plat-p-space-48);
      block-size: auto;
    }
  }
  .menu-item__label {
    font-size: var(--plat-p-font-size-16);
    font-weight: var(--plat-font-weight-heading-medium);
  }
  .menu-item__body {
    font-size: var(--plat-p-font-size-14);
    line-height: var(--plat-p-line-height-20);
  }
  .menu-item--compact .menu-item__link {
    align-items: center;
    column-gap: var(--plat-p-space-8);
    padding: var(--plat-p-space-6);
    border-radius: var(--plat-p-radius-6);
  }
  .menu-item--compact .menu-item__icon {
    grid-row: auto;
    inline-size: var(--plat-p-space-32);
    block-size: var(--plat-p-space-32);
    background: none;
    img {
      inline-size: var(--plat-p-space-28);
    }
  }
  .menu-item--compact .menu-item__link {
    color: var(--plat-text-neutral-strong);
  }
  .menu-item--compact .menu-item__label {
    font-size: var(--plat-p-font-size-14);
    font-weight: var(--plat-font-weight-content-medium);
    line-height: var(--plat-p-line-height-20);
  }
  .site-nav__actions .cta--primary {
    border-radius: var(--plat-radius-round);
    box-shadow:
      0 2px 2px var(--plat-shadow-color-accent-1-alpha-subtle),
      0 4px 3px var(--plat-shadow-color-accent-1-alpha-default);
  }
  .site-nav__actions .cta--link {
    display: inline-flex;
    align-items: center;
    gap: var(--plat-p-space-8);
    text-decoration: none;
    color: var(--plat-text-neutral-strong);
    &::before {
      content: '';
      display: inline-block;
      inline-size: var(--plat-p-space-20);
      block-size: var(--plat-p-space-20);
      border-radius: var(--plat-radius-round);
      border: var(--plat-p-border-width-1-5, 1.5px) solid currentColor;
      background: radial-gradient(circle 3px at 50% 35%, currentColor 100%, transparent 0),
        radial-gradient(circle 6px at 50% 85%, currentColor 100%, transparent 0);
      flex: none;
    }
    &:hover {
      text-decoration: underline;
    }
  }
  @media (width >= 64rem) {
    .nav-drawer__toggle {
      display: none;
    }
    .nav-drawer {
      display: contents;
    }
    .site-nav {
      display: flex;
      flex: 1;
      align-items: center;
      justify-content: space-between;
      gap: var(--plat-p-space-24);
    }
    .mega-menu__panel {
      position: absolute;
      inset-inline: 0;
      inset-block-start: 100%;
      z-index: var(--plat-p-z-index-100, 100);
      box-shadow: 0 24px 48px var(--plat-shadow-color-default-alpha-strong);
    }
    .mega-menu__columns {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      padding-inline: 0;
    }
    .mega-menu__column {
      border-inline-end: var(--plat-p-border-width-1) solid var(--plat-border-neutral-subtle);
      &[data-width='wide'] {
        grid-column: span 2;
        .mega-menu__items {
          grid-template-columns: repeat(2, 1fr);
        }
      }
    }
  }
  .notification-bar {
    background: var(--plat-bg-accent-2-default);
    color: var(--plat-text-accent-2-strongest);
  }
  .notification-bar__inner {
    --l-cluster-align: center;
    justify-content: center;
    padding-block: var(--plat-p-space-8);
    font-size: var(--plat-p-font-size-14);
    font-weight: var(--plat-p-font-weight-600);
    letter-spacing: var(--plat-font-tracking-widest);
    text-transform: uppercase;
  }
  .notification-bar a {
    color: inherit;
  }
  .band-hero__inner,
  .band-hero .band__inner {
    display: grid;
    gap: var(--plat-p-space-40);
    align-items: center;
  }
  @media (width >= 64rem) {
    .band-hero .band__inner {
      grid-template-columns: 1fr 1fr;
    }
    .band-hero--image-left .band-hero__content {
      order: 2;
    }
  }
  .band-hero__actions {
    --l-cluster-space: var(--plat-p-space-36);
  }
  .band-hero__heading i {
    font-style: italic;
    color: var(--plat-text-accent-1-default);
  }
  .band-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: var(--plat-p-space-8);
    align-self: start;
    padding: var(--plat-p-space-4) var(--plat-p-space-12);
    background: var(--plat-bg-surface-raised);
    border: var(--plat-p-border-width-1) solid color-mix(in srgb, var(--plat-border-neutral-strongest) 6%, transparent);
    border-radius: var(--plat-radius-round);
    box-shadow: 0 var(--plat-p-shadow-offset-y-4) var(--plat-p-shadow-blur-10)
      color-mix(in srgb, var(--plat-border-neutral-strongest) 5%, transparent);
    color: var(--plat-text-neutral-strong);
    font-size: var(--plat-p-font-size-12);
    font-weight: var(--plat-p-font-weight-600);
    letter-spacing: var(--plat-font-tracking-widest);
    text-transform: uppercase;
    &::before {
      content: '';
      inline-size: var(--plat-p-space-8);
      block-size: var(--plat-p-space-8);
      border-radius: var(--plat-radius-round);
      background: var(--plat-bg-accent-2-default);
    }
  }
  .band-hero__media img,
  .band-media-text__media img {
    inline-size: 100%;
    block-size: auto;
    max-block-size: var(--l-band-media-max, 26rem);
    object-fit: contain;
    border-radius: var(--plat-radius-image);
  }
  .band-hero__player {
    inline-size: 100%;
    block-size: auto;
    max-block-size: var(--l-band-media-max, 26rem);
    aspect-ratio: 16 / 9;
    object-fit: cover;
    border: 0;
    border-radius: var(--plat-radius-image);
  }
  .band-hero--media-framed .band-hero__media img {
    border: var(--plat-p-border-width-2) solid var(--plat-bg-neutral-subtler);
    border-radius: var(--plat-p-radius-16);
    object-fit: cover;
    box-shadow:
      0 var(--plat-p-shadow-offset-y-4) var(--plat-p-shadow-blur-6) 0 var(--plat-shadow-color-default-alpha-subtle),
      0 var(--plat-p-shadow-offset-y-10) var(--plat-p-shadow-blur-16) 0 var(--plat-shadow-color-default-alpha-default);
  }
  .band-section-heading--center .band__inner {
    text-align: center;
    margin-inline: auto;
  }
  .band-section-heading__heading i {
    font-style: italic;
    color: var(--plat-text-accent-1-default);
  }
  .band-section-heading__body,
  .band-hero__body {
    max-inline-size: 60ch;
    color: var(--plat-text-neutral-subtle);
  }
  .band-hero__body {
    font-size: var(--plat-p-font-size-20);
    line-height: var(--plat-p-line-height-32);
  }
  .rich-text > * + * {
    margin-block-start: var(--plat-p-space-28);
  }
  .rich-text :is(ul, ol) {
    margin-block: 0;
    padding-inline-start: var(--plat-p-space-28);
  }
  .rich-text li + li {
    margin-block-start: var(--plat-p-space-8);
  }
  .rich-text a {
    color: var(--plat-text-link-default);
    text-decoration: underline;
  }
  .rich-text a:hover {
    color: var(--plat-text-link-default-hover);
  }
  .band-rich-text .band__inner {
    text-align: center;
  }
  .band-rich-text__body :is(ul, ol) {
    text-align: start;
  }
  .band-rich-text__body {
    max-inline-size: 60ch;
    margin-inline: auto;
  }
  .band-promo .band__inner {
    --l-band-space: 0;
    padding-block-start: var(--plat-p-space-64);
  }
  .band-promo[data-theme='accent-dark'] {
    background: transparent;
    color: var(--plat-text-neutral-default);
  }
  .band-promo__card {
    display: flex;
    flex-direction: column;
    gap: var(--plat-p-space-24);
    padding: var(--plat-p-space-24);
    border-radius: var(--plat-radius-surface);
    box-shadow: 0 var(--plat-p-shadow-offset-y-1) var(--plat-p-shadow-blur-1)
      var(--plat-shadow-color-accent-3-alpha-subtle);
  }
  .band-promo[data-theme='accent-dark'] .band-promo__card {
    background: linear-gradient(to bottom, var(--plat-bg-accent-3-strong), var(--plat-bg-accent-3-stronger));
    color: var(--plat-text-accent-1-inverse);
  }
  .band-promo__intro {
    display: flex;
    align-items: center;
    gap: var(--plat-p-space-16);
    flex: 1;
  }
  .band-promo__media {
    display: none;
  }
  .band-promo__content {
    --l-stack-space: var(--plat-p-space-12);
  }
  .band-promo__heading {
    margin: 0;
    font-size: var(--plat-p-font-size-20);
    line-height: var(--plat-p-line-height-28);
  }
  .band-promo__body {
    margin: 0;
    font-size: var(--plat-p-font-size-14);
    line-height: var(--plat-p-line-height-24);
  }
  .band-promo[data-theme='accent-dark'] .band-promo__body {
    color: var(--plat-text-accent-1-inverse-subtle);
  }
  .band-promo .cta {
    padding: var(--plat-p-space-8) var(--plat-p-space-20);
    border-radius: var(--plat-radius-selectable);
    font-size: var(--plat-p-font-size-14);
    font-weight: var(--plat-p-font-weight-500);
    line-height: var(--plat-p-line-height-20);
    text-align: center;
    white-space: nowrap;
    box-shadow:
      0 var(--plat-p-shadow-offset-y-1) var(--plat-p-shadow-blur-1) var(--plat-shadow-color-accent-2-alpha-subtle),
      0 var(--plat-p-shadow-offset-y-1) var(--plat-p-shadow-blur-2) var(--plat-shadow-color-accent-2-alpha-default);
  }
  @media (width >= 48rem) {
    .band-promo__card {
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      gap: var(--plat-p-space-32);
      padding-inline-end: var(--plat-p-space-32);
    }
    .band-promo__media {
      display: block;
      flex: none;
      inline-size: calc(var(--plat-p-space-96) + var(--plat-p-space-4));
      aspect-ratio: 100 / 81;
    }
    .band-promo__media img {
      inline-size: 100%;
      block-size: 100%;
      object-fit: cover;
      object-position: bottom;
    }
    .band-promo__content {
      --l-stack-space: var(--plat-p-space-4);
    }
    .band-promo__heading {
      font-size: var(--plat-p-font-size-24);
      line-height: var(--plat-p-line-height-32);
    }
    .band-promo__body {
      max-inline-size: 106ch;
    }
  }
  .band-firm-signup {
    background: linear-gradient(to bottom, var(--plat-bg-accent-3-strong), var(--plat-bg-accent-3-stronger));
  }
  .band-firm-signup__content {
    --l-stack-space: var(--plat-p-space-32);
    align-items: center;
    max-inline-size: 43rem;
    margin-inline: auto;
    text-align: center;
  }
  .band-firm-signup__media {
    max-inline-size: 17.5rem;
  }
  .band-firm-signup__media img {
    inline-size: 100%;
    block-size: auto;
  }
  .band-firm-signup__heading {
    margin: 0;
    font-size: var(--plat-p-font-size-32);
    line-height: var(--plat-p-line-height-40);
  }
  @media (width >= 48rem) {
    .band-firm-signup__heading {
      font-size: var(--plat-p-font-size-40);
      line-height: var(--plat-p-line-height-48);
    }
  }
  .band-pricing__heading,
  .band-pricing__body {
    text-align: center;
    margin-inline: auto;
  }
  .band-pricing .band-eyebrow {
    align-self: center;
  }
  .band[data-theme='accent-dark'] .band-eyebrow {
    background: var(--plat-bg-accent-3-strong);
    color: var(--plat-text-neutral-inverse);
  }
  .band-pricing[data-theme='accent-dark'] {
    background: linear-gradient(to bottom, var(--plat-bg-accent-3-strong), var(--plat-bg-accent-3-stronger));
  }
  .band-pricing .band__inner {
    --l-stack-space: var(--plat-p-space-16);
  }
  .band[data-theme='accent-dark'] .band-pricing__heading {
    color: var(--plat-text-neutral-inverse);
    font-size: var(--plat-p-font-size-32);
    line-height: var(--plat-p-line-height-40);
  }
  @media (width >= 64rem) {
    .band[data-theme='accent-dark'] .band-pricing__heading {
      font-size: var(--plat-p-font-size-48);
      line-height: var(--plat-p-line-height-56);
    }
  }
  .band[data-theme='accent-dark'] .band-pricing__heading i {
    color: var(--plat-text-accent-2-default);
    font-style: italic;
  }
  .band[data-theme='accent-dark'] .band-pricing__body {
    color: var(--plat-text-neutral-inverse);
    font-size: var(--plat-p-font-size-20);
    line-height: var(--plat-p-line-height-32);
    max-inline-size: 86ch;
  }
  .band-pricing__cards {
    margin-block-start: var(--plat-p-space-64);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(var(--plat-p-space-320), 100%), 1fr));
    gap: var(--plat-p-space-32);
    inline-size: 100%;
    max-inline-size: calc(var(--plat-p-container-lg) + var(--plat-p-space-16));
    margin-inline: auto;
    justify-content: center;
  }
  .pricing-card {
    display: flex;
    flex-direction: column;
    gap: var(--plat-p-space-24);
    padding: var(--plat-p-space-36) var(--plat-p-space-40);
    background: var(--plat-bg-surface-raised);
    color: var(--plat-text-neutral-default);
    border: var(--plat-p-border-width-2) solid var(--plat-border-accent-1-strong);
    border-radius: var(--plat-p-radius-24);
    box-shadow: 0 var(--plat-p-shadow-offset-y-4) var(--plat-p-shadow-blur-24)
      var(--plat-shadow-color-default-alpha-subtle);
  }
  .pricing-card--highlighted {
    background: var(--plat-bg-accent-3-subtlest);
    border-color: var(--plat-border-accent-3-subtle);
    box-shadow:
      0 var(--plat-p-shadow-offset-y-4) var(--plat-p-shadow-blur-6) var(--plat-shadow-color-accent-3-alpha-default),
      0 var(--plat-p-shadow-offset-y-2) var(--plat-p-shadow-blur-4) var(--plat-shadow-color-accent-3-alpha-subtle);
  }
  .pricing-card__badge {
    align-self: start;
    margin: 0;
    padding: var(--plat-p-space-10) var(--plat-p-space-24);
    background: var(--plat-bg-surface-raised);
    color: var(--plat-text-neutral-strong);
    border: var(--plat-p-border-width-1) solid var(--plat-border-neutral-subtle);
    border-radius: var(--plat-radius-round);
    font-family: var(--plat-font-family-content);
    font-size: var(--plat-p-font-size-16);
    font-weight: var(--plat-p-font-weight-700);
    line-height: var(--plat-p-line-height-20);
    letter-spacing: var(--plat-font-tracking-widest);
    text-transform: uppercase;
  }
  .pricing-card--highlighted .pricing-card__badge {
    background: var(--plat-bg-accent-2-default);
    color: var(--plat-text-accent-2-strongest);
    border-color: var(--plat-border-neutral-default);
  }
  .pricing-card__label {
    margin: 0;
    font-family: var(--plat-font-family-content);
    font-size: var(--plat-p-font-size-20);
    line-height: var(--plat-p-line-height-28);
    font-weight: var(--plat-p-font-weight-700);
    color: var(--plat-text-neutral-strong);
  }
  .pricing-card__price {
    display: flex;
    align-items: flex-end;
    gap: var(--plat-p-space-4);
    margin: 0;
    color: var(--plat-text-accent-3-stronger);
  }
  .pricing-card__currency {
    font-family: var(--plat-font-family-content);
    font-size: var(--plat-p-font-size-24);
    line-height: var(--plat-p-line-height-32);
    font-weight: var(--plat-p-font-weight-400);
    color: var(--plat-text-accent-3-strongest);
    align-self: flex-start;
  }
  .pricing-card__amount {
    font-family: var(--plat-font-family-heading), var(--plat-font-family-heading-fallbacks);
    font-size: var(--plat-p-font-size-72);
    line-height: var(--plat-p-line-height-80);
    font-weight: var(--plat-p-font-weight-700);
    color: var(--plat-text-accent-3-stronger);
  }
  .pricing-card__price:not(:has(.pricing-card__currency)) .pricing-card__amount {
    font-size: var(--plat-p-font-size-64);
    line-height: var(--plat-p-line-height-72);
  }
  .pricing-card__suffix {
    font-family: var(--plat-font-family-content);
    font-size: var(--plat-p-font-size-24);
    line-height: var(--plat-p-line-height-32);
    font-weight: var(--plat-p-font-weight-400);
    color: var(--plat-text-accent-3-strongest);
    padding-block-end: var(--plat-p-space-8);
  }
  .pricing-card__body {
    margin: 0;
    font-size: var(--plat-p-font-size-20);
    line-height: var(--plat-p-line-height-32);
    color: var(--plat-text-neutral-default);
  }
  .pricing-card__features {
    display: flex;
    flex-direction: column;
    gap: var(--plat-p-space-12);
    padding-block: var(--plat-p-space-24);
    padding-inline-start: 0;
    margin-block: var(--plat-p-space-8);
    border-block: var(--plat-p-border-width-1) dashed var(--plat-border-neutral-subtle);
    list-style: none;
  }
  .pricing-card__feature {
    display: flex;
    align-items: center;
    gap: var(--plat-p-space-12);
    font-size: var(--plat-p-font-size-18);
    line-height: var(--plat-p-line-height-28);
    color: var(--plat-text-neutral-default);
  }
  .pricing-card__feature-icon {
    flex-shrink: 0;
    inline-size: var(--plat-p-space-24);
    block-size: var(--plat-p-space-24);
    color: var(--plat-text-accent-3-default);
  }
  .pricing-card--highlighted .pricing-card__feature-icon {
    color: var(--plat-text-accent-1-strongest);
  }
  .pricing-card .cta {
    inline-size: 100%;
    justify-content: center;
    text-align: center;
    margin-block-start: auto;
  }
  .pricing-card--highlighted .cta {
    background: var(--plat-bg-accent-3-strong);
    color: var(--plat-text-neutral-inverse);
    &:hover {
      background: var(--plat-bg-accent-3-stronger);
    }
  }
  .pricing-card:not(.pricing-card--highlighted) .cta {
    background: var(--plat-bg-accent-3-subtle);
    border: var(--plat-p-border-width-2) solid var(--plat-border-accent-3-subtle);
    color: var(--plat-text-accent-3-strongest);
    box-shadow: none;
    &:hover {
      background: var(--plat-bg-accent-3-subtle-hover);
    }
  }
  .pricing-card__trust {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--plat-p-space-8);
    margin: 0;
    color: var(--plat-text-accent-3-stronger);
    font-size: var(--plat-p-font-size-14);
    line-height: var(--plat-p-line-height-20);
    font-weight: var(--plat-p-font-weight-900);
    letter-spacing: var(--plat-font-tracking-widest);
    text-align: center;
    text-transform: uppercase;
  }
  .pricing-card__trust-icon {
    flex-shrink: 0;
    inline-size: var(--plat-p-space-20);
    block-size: var(--plat-p-space-20);
    color: var(--plat-icon-accent-3-default);
  }
  .band-features .band__inner {
    display: grid;
    gap: var(--plat-p-space-40);
    align-items: center;
  }
  @media (width >= 64rem) {
    .band-features .band__inner {
      grid-template-columns: 1fr 1fr;
    }
  }
  .band-features__body {
    max-inline-size: 60ch;
    color: var(--plat-text-neutral-subtle);
  }
  .feature-card {
    display: flex;
    gap: var(--plat-p-space-16);
    align-items: start;
    padding: var(--plat-p-space-16);
    background: var(--plat-bg-surface-raised);
    border: var(--plat-p-border-width-1) solid var(--plat-border-surface-raised);
    border-radius: var(--plat-radius-surface);
    color: var(--plat-text-neutral-default);
  }
  .feature-card__icon {
    display: grid;
    place-items: center;
    flex: none;
    inline-size: var(--plat-p-space-48);
    block-size: var(--plat-p-space-48);
    background: var(--plat-bg-surface-sunken);
    border-radius: var(--plat-radius-control);
    & img {
      inline-size: var(--plat-p-space-24);
      block-size: var(--plat-p-space-24);
      object-fit: contain;
    }
  }
  .feature-card__text {
    display: flex;
    flex-direction: column;
    gap: var(--plat-p-space-4);
  }
  .feature-card__label {
    font-weight: var(--plat-p-font-weight-600);
    color: var(--plat-text-neutral-strong);
  }
  .feature-card__body {
    font-size: var(--plat-p-font-size-14);
    line-height: var(--plat-p-line-height-20);
    color: var(--plat-text-neutral-subtle);
  }
  .band-catalog__filters {
    --l-cluster-align: end;
    padding: var(--plat-p-space-16);
    background: var(--plat-bg-surface-sunken);
    border-radius: var(--plat-radius-surface);
  }
  .band-catalog__filter {
    display: flex;
    flex-direction: column;
    gap: var(--plat-p-space-4);
    font-size: var(--plat-p-font-size-14);
  }
  .band-catalog__filter--toggle {
    flex-direction: row;
    align-items: center;
    gap: var(--plat-p-space-8);
  }
  .band-catalog__filters select {
    padding: var(--plat-p-space-8);
    background: var(--plat-bg-input-default);
    border: var(--plat-p-border-width-1) solid var(--plat-border-input-default);
    border-radius: var(--plat-radius-control);
    color: var(--plat-text-input-default);
    font: inherit;
  }
  .band-catalog__count {
    color: var(--plat-text-neutral-subtle);
    font-size: var(--plat-p-font-size-14);
  }
  .band-catalog__results {
    --l-grid-min: 18rem;
  }
  .course-card {
    display: flex;
    flex-direction: column;
    gap: var(--plat-p-space-8);
    padding: var(--plat-p-space-20);
    background: var(--plat-bg-surface-raised);
    border: var(--plat-p-border-width-1) solid var(--plat-border-surface-raised);
    border-radius: var(--plat-radius-surface);
  }
  .course-card__title {
    font-size: var(--plat-p-font-size-20);
    line-height: var(--plat-p-line-height-28);
  }
  .course-card__badges,
  .course-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: var(--plat-p-space-8);
  }
  .badge,
  .pill {
    padding: var(--plat-p-space-4) var(--plat-p-space-8);
    border-radius: var(--plat-radius-inline);
    font-size: var(--plat-p-font-size-12);
    font-weight: var(--plat-p-font-weight-600);
  }
  .badge {
    background: var(--plat-bg-accent-1-subtle);
    color: var(--plat-text-accent-1-strong);
  }
  .badge--muted {
    background: var(--plat-bg-neutral-subtle);
    color: var(--plat-text-neutral-subtle);
  }
  .pill {
    background: var(--plat-bg-neutral-subtlest);
    color: var(--plat-text-neutral-subtle);
  }
  .pill--hsw {
    background: var(--plat-bg-success-subtle);
    color: var(--plat-text-success-strong);
  }
  .band-catalog__head {
    --l-stack-space: var(--plat-p-space-8);
  }
  .band-catalog--list .band__inner {
    --l-band-space: 0;
    --l-stack-space: var(--plat-p-space-16);
    padding-block-start: var(--plat-p-space-48);
    padding-block-end: var(--plat-p-space-64);
  }
  .band-catalog--list .band-catalog__head {
    margin-block-end: var(--plat-p-space-8);
  }
  .band-catalog--list .band-catalog__heading {
    margin: 0;
    font-size: var(--plat-p-font-size-32);
    line-height: var(--plat-p-line-height-40);
  }
  .band-catalog--list .band-catalog__heading i {
    font-style: italic;
    color: var(--plat-text-accent-1-default);
  }
  .band-catalog--list .band-catalog__body {
    margin: 0;
    font-size: var(--plat-p-font-size-16);
    line-height: var(--plat-p-line-height-28);
  }
  .band-catalog--list .band-catalog__filters {
    --l-cluster-align: center;
    justify-content: space-between;
    gap: var(--plat-p-space-16) var(--plat-p-space-24);
    padding: var(--plat-p-space-12) 0;
    background: none;
    border-radius: 0;
    border-block: var(--plat-p-border-width-1) solid var(--plat-border-neutral-subtle);
  }
  .band-catalog__tabs,
  .band-catalog__segments {
    display: flex;
    align-items: center;
    gap: var(--plat-p-space-8);
    min-inline-size: 0;
    margin: 0;
    padding: 0;
    border: 0;
  }
  .band-catalog__tabs {
    overflow-x: auto;
    scrollbar-width: none;
  }
  .band-catalog__segments {
    gap: var(--plat-p-space-24);
  }
  .band-catalog__tab,
  .band-catalog__segment {
    position: relative;
    flex: none;
  }
  .band-catalog__tab input,
  .band-catalog__segment input {
    position: absolute;
    inset: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
  }
  .band-catalog__tab span,
  .band-catalog__segment span,
  .band-catalog__segments-label {
    display: block;
    padding: var(--plat-p-space-8) var(--plat-p-space-16);
    border-radius: var(--plat-p-radius-full);
    color: var(--plat-text-neutral-strong);
    font-size: var(--plat-p-font-size-12);
    font-weight: var(--plat-p-font-weight-900);
    letter-spacing: var(--plat-p-letter-spacing-10);
    line-height: var(--plat-p-line-height-16);
    text-transform: uppercase;
    white-space: nowrap;
  }
  .band-catalog__tab span {
    border: var(--plat-p-border-width-1) dashed var(--plat-border-neutral-default);
  }
  .band-catalog__tab input:checked + span,
  .band-catalog__segment input:checked + span {
    background: var(--plat-bg-accent-2-default);
    border-color: transparent;
    color: var(--plat-text-accent-2-strongest);
  }
  .band-catalog__tab input:focus-visible + span,
  .band-catalog__segment input:focus-visible + span {
    outline: var(--plat-p-border-width-2) solid var(--plat-border-focus-default);
    outline-offset: var(--plat-p-space-2);
  }
  .band-catalog__segments-label {
    padding-inline: 0;
  }
  .band-catalog__segment-group {
    display: flex;
    gap: var(--plat-p-space-2);
    padding: var(--plat-p-space-4);
    background: var(--plat-bg-surface-default);
    border: var(--plat-p-border-width-1) solid var(--plat-border-neutral-subtle);
    border-radius: var(--plat-p-radius-full);
  }
  .band-catalog__results--list {
    display: flex;
    flex-direction: column;
    gap: var(--plat-p-space-12);
  }
  .course-row {
    display: grid;
    gap: var(--plat-p-space-20);
    padding: var(--plat-p-space-16);
    background: var(--plat-bg-surface-default);
    border-radius: var(--plat-p-radius-12);
    box-shadow: 0 var(--plat-p-shadow-offset-y-1) var(--plat-p-shadow-blur-2)
      var(--plat-shadow-color-default-alpha-subtle);
  }
  .course-row[hidden] {
    display: none;
  }
  .course-row__main {
    display: flex;
    align-items: center;
    gap: var(--plat-p-space-12);
  }
  .course-row__thumb {
    flex: none;
    inline-size: var(--plat-p-space-48);
    block-size: var(--plat-p-space-48);
    border: var(--plat-p-border-width-2) solid var(--plat-border-neutral-subtlest);
    border-radius: var(--plat-p-radius-8);
    box-shadow: 0 0 0 var(--plat-p-border-width-1) var(--plat-shadow-color-accent-1-alpha-default);
    overflow: hidden;
  }
  .course-row__thumb img {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
  }
  .course-row__title {
    margin: 0;
    font-family: var(--plat-font-family-content);
    font-size: var(--plat-p-font-size-16);
    font-weight: var(--plat-p-font-weight-500);
    line-height: var(--plat-p-line-height-24);
    color: var(--plat-text-neutral-strong);
  }
  .course-row__meta,
  .course-row__tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--plat-p-space-8);
  }
  .course-row__rule {
    display: none;
  }
  .course-row .pill,
  .course-row .tag {
    padding: var(--plat-p-space-4) var(--plat-p-space-12);
    border-radius: var(--plat-p-radius-20);
    font-size: var(--plat-p-font-size-12);
    font-weight: var(--plat-p-font-weight-500);
    line-height: var(--plat-p-line-height-16);
  }
  .course-row .pill--credit {
    background: var(--plat-bg-accent-1-subtlest);
    color: var(--plat-text-accent-1-default);
  }
  .course-row .tag {
    background: var(--plat-bg-surface-default);
    border: var(--plat-p-border-width-1) solid var(--plat-border-neutral-subtle);
    color: var(--plat-text-neutral-subtle);
  }
  .course-row__cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--plat-p-space-8);
    padding: var(--plat-p-space-8) var(--plat-p-space-16);
    border-radius: var(--plat-radius-selectable);
    font-size: var(--plat-p-font-size-12);
    font-weight: var(--plat-p-font-weight-500);
    line-height: var(--plat-p-line-height-16);
    white-space: nowrap;
    box-shadow:
      0 var(--plat-p-shadow-offset-y-1) var(--plat-p-shadow-blur-1) var(--plat-shadow-color-default-alpha-subtle),
      0 var(--plat-p-shadow-offset-y-1) var(--plat-p-shadow-blur-2) var(--plat-shadow-color-default-alpha-default);
  }
  @media (width >= 64rem) {
    .course-row {
      grid-template-columns: minmax(0, 20rem) minmax(0, 1fr) auto;
      align-items: center;
      gap: var(--plat-p-space-48);
      padding: var(--plat-p-space-20) var(--plat-p-space-32);
    }
    .course-row__meta {
      flex-wrap: nowrap;
      gap: var(--plat-p-space-40);
    }
    .course-row__credit {
      inline-size: var(--plat-p-space-128);
    }
    .course-row__rule {
      display: block;
      align-self: stretch;
      inline-size: var(--plat-p-border-width-1);
      background: var(--plat-border-neutral-subtle);
    }
    .course-row__tags {
      gap: var(--plat-p-space-12);
    }
  }
  .site-footer {
    --l-footer-heading: var(--plat-text-neutral-strong);
    --l-footer-link: var(--plat-text-neutral-subtle);
    background: var(--plat-bg-accent-3-subtlest);
    border-block-start: var(--plat-p-border-width-1) solid var(--plat-border-neutral-subtle);
    color: var(--l-footer-heading);
    &[data-theme='amber'] {
      --l-footer-link: var(--plat-text-neutral-strong);
      background: var(--plat-bg-accent-2-subtle);
      border-block-start: 0;
    }
    &[data-theme='dark'] {
      --l-footer-heading: var(--plat-text-neutral-inverse);
      --l-footer-link: var(--plat-text-neutral-inverse-subtle);
      background: var(--plat-bg-neutral-strongest);
      border-block-start: 0;
    }
    &[data-theme='amber-dark'] {
      --l-footer-heading: var(--plat-text-neutral-inverse);
      --l-footer-link: var(--plat-text-neutral-inverse);
      background: var(--plat-bg-accent-2-strongest);
      border-block-start: 0;
    }
  }
  .site-footer__inner {
    display: grid;
    gap: var(--plat-p-space-32) var(--plat-p-space-48);
    padding-block: var(--plat-p-space-64);
  }
  .site-footer__brand {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--plat-p-space-24);
  }
  .site-footer__logo img {
    width: auto;
    height: var(--plat-p-space-60);
  }
  .site-footer__social {
    display: flex;
    gap: var(--plat-p-space-24);
    padding: var(--plat-p-space-8);
  }
  .site-footer__social-link {
    display: block;
    color: var(--l-footer-heading);
    &:hover {
      opacity: 0.7;
    }
  }
  .social-icon {
    display: block;
    block-size: var(--plat-p-space-24);
    inline-size: auto;
  }
  .site-footer__columns {
    display: flex;
    flex-wrap: wrap;
    gap: var(--plat-p-space-32) var(--plat-p-space-48);
  }
  .menu-column {
    display: grid;
    align-content: start;
    gap: var(--plat-p-space-20);
    padding-inline: var(--plat-p-space-16);
  }
  .menu-column__heading {
    color: var(--l-footer-heading);
    font-size: var(--plat-p-font-size-14);
    font-weight: var(--plat-font-weight-content-bold);
    line-height: var(--plat-p-line-height-20);
    letter-spacing: var(--plat-font-tracking-widest);
    text-transform: uppercase;
  }
  .menu-column__items {
    display: grid;
    gap: var(--plat-p-space-6);
  }
  .menu-column__items a {
    color: var(--l-footer-link);
    line-height: var(--plat-p-line-height-28);
    text-decoration: none;
    &:hover {
      text-decoration: underline;
    }
  }
  .site-footer__legal {
    grid-column: 1 / -1;
    color: var(--l-footer-link);
    font-size: var(--plat-p-font-size-14);
  }
  @media (width >= 64rem) {
    .site-footer__inner {
      grid-template-columns: 1fr auto;
    }
  }
  .band-testimonials--video .band__inner {
    display: grid;
    gap: var(--plat-p-space-32);
    align-items: center;
  }
  @media (width >= 64rem) {
    .band-testimonials--video .band__inner {
      grid-template-columns: minmax(0, 540px) 1fr;
      gap: var(--plat-p-space-96);
    }
    .band-testimonials--media-right .band-testimonials__media {
      order: 2;
    }
  }
  .band-testimonials__media {
    position: relative;
    inline-size: 100%;
    max-inline-size: 540px;
    aspect-ratio: 16 / 9;
    border-radius: var(--plat-p-radius-24);
    overflow: hidden;
    background: var(--plat-bg-surface-sunken);
    box-shadow:
      0 var(--plat-p-shadow-offset-y-4) var(--plat-p-shadow-blur-6) 0 var(--plat-shadow-color-default-alpha-subtle),
      0 var(--plat-p-shadow-offset-y-10) var(--plat-p-shadow-blur-16) 0 var(--plat-shadow-color-default-alpha-default);
  }
  .band-testimonials__player {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
    border: 0;
    border-radius: var(--plat-p-radius-24);
  }
  .band-testimonials__content {
    display: flex;
    flex-direction: column;
    gap: var(--plat-p-space-24);
    align-items: start;
  }
  .band-testimonials--video .band-testimonials__heading {
    margin: 0;
    font-size: var(--plat-p-font-size-40);
    line-height: var(--plat-p-line-height-48);
  }
  .band-testimonials__body {
    max-inline-size: 60ch;
    color: var(--plat-text-neutral-subtle);
  }
  .band-testimonials--video .band-testimonials__body {
    margin: 0;
    font-size: var(--plat-p-font-size-18);
    line-height: var(--plat-p-line-height-28);
  }
  .band-testimonials__actions {
    display: flex;
    align-items: center;
    gap: var(--plat-p-space-16);
    margin-block-start: var(--plat-p-space-8);
  }
  .band-testimonials__list {
    --l-grid-min: 22rem;
    --l-grid-space: var(--plat-p-space-32);
  }
  .testimonial {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: var(--plat-p-space-8) var(--plat-p-space-16);
    align-content: start;
    block-size: 100%;
    margin: 0;
    padding: var(--plat-p-space-16);
    background: var(--plat-bg-surface-raised);
    border-radius: var(--plat-radius-surface);
    color: var(--plat-text-neutral-default);
  }
  .testimonial__mark {
    grid-row: 1 / span 2;
  }
  .testimonial__text,
  .testimonial__source {
    grid-column: 2;
  }
  .testimonial__mark {
    display: grid;
    place-items: center;
    flex: none;
    inline-size: var(--plat-p-space-48);
    block-size: var(--plat-p-space-48);
    background: var(--plat-bg-accent-2-subtlest);
    border-radius: var(--plat-radius-control);
    color: var(--plat-text-accent-2-strong);
    font-family: var(--plat-font-family-heading), var(--plat-font-family-heading-fallbacks);
    font-size: var(--plat-p-font-size-24);
    &::before {
      content: '\201C';
      line-height: 0.6;
      font-size: var(--plat-p-font-size-40);
    }
  }
  .testimonial__text {
    display: flex;
    flex-direction: column;
    gap: var(--plat-p-space-4);
  }
  .testimonial__headline {
    font-weight: var(--plat-p-font-weight-600);
    color: var(--plat-text-neutral-strong);
  }
  .testimonial__quote {
    margin: 0;
    font-size: var(--plat-p-font-size-14);
    line-height: var(--plat-p-line-height-20);
    color: var(--plat-text-neutral-subtle);
  }
  .testimonial__source {
    display: flex;
    flex-wrap: wrap;
    gap: var(--plat-p-space-8);
    align-items: baseline;
    align-self: end;
  }
  .testimonial__name {
    font-size: var(--plat-p-font-size-14);
    font-weight: var(--plat-p-font-weight-600);
    color: var(--plat-text-neutral-strong);
  }
  .testimonial__role {
    font-size: var(--plat-p-font-size-14);
    color: var(--plat-text-neutral-subtle);
  }
  .skip-link {
    position: absolute;
    inset-inline-start: var(--plat-p-space-8);
    inset-block-start: var(--plat-p-space-8);
    z-index: 100;
    padding: var(--plat-p-space-8) var(--plat-p-space-16);
    background: var(--plat-bg-surface-raised);
    border-radius: var(--plat-radius-control);
    transform: translateY(-200%);
    &:focus {
      transform: none;
    }
  }
  .band-media-text .band__inner {
    display: grid;
    gap: var(--plat-p-space-40);
    align-items: center;
  }
  @media (width >= 64rem) {
    .band-media-text .band__inner {
      grid-template-columns: 1fr 1fr;
    }
    .band-media-text--image-left .band-media-text__content {
      order: 2;
    }
  }
  .band-media-text__heading i {
    font-style: italic;
    color: var(--plat-text-accent-1-default);
  }
  .band-media-text__body {
    max-inline-size: 60ch;
    color: var(--plat-text-neutral-subtle);
  }
  .band[data-theme='amber'] {
    background: linear-gradient(to right, var(--plat-bg-accent-2-subtlest), var(--plat-bg-accent-2-default));
    color: var(--plat-text-neutral-strong);
  }
  .band-hero:has(+ .band-stats) .band__inner {
    padding-block-end: calc(var(--plat-p-space-80) + var(--plat-p-space-48));
  }
  .band-stats {
    position: relative;
    z-index: 2;
    margin-block: calc(-1 * var(--plat-p-space-80) - var(--plat-p-space-24));
  }
  .band-stats .band__inner {
    padding-block: 0;
  }
  .band-stats + .band .band__inner {
    padding-block-start: calc(var(--plat-p-space-80) + var(--plat-p-space-48));
  }
  .band-stats__list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(12rem, 100%), 1fr));
    column-gap: var(--plat-p-space-32);
    padding: var(--plat-p-space-32) var(--plat-p-space-64);
    border: var(--plat-p-border-width-2) solid var(--plat-border-accent-3-subtle);
    border-radius: var(--plat-p-radius-24);
    background: var(--plat-bg-surface-raised);
    box-shadow:
      0 var(--plat-p-shadow-offset-y-4) var(--plat-p-shadow-blur-6) 0 var(--plat-shadow-color-accent-1-alpha-subtle),
      0 var(--plat-p-shadow-offset-y-10) var(--plat-p-shadow-blur-16) 0 var(--plat-shadow-color-accent-1-alpha-default);
  }
  .band-stats__item {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
    align-items: start;
    gap: var(--plat-p-space-6);
    padding-block: var(--plat-p-space-24);
  }
  .band-stats__item + .band-stats__item::before {
    content: '';
    position: absolute;
    inset-inline-start: calc(-1 * var(--plat-p-space-32) / 2);
    inset-block-start: 50%;
    translate: 0 -50%;
    inline-size: var(--plat-p-border-width-1);
    block-size: var(--plat-p-space-48);
    background: var(--plat-border-neutral-subtle);
  }
  @media (width < 48rem) {
    .band-stats__list {
      padding-inline: var(--plat-p-space-32);
    }
    .band-stats__item + .band-stats__item::before {
      content: none;
    }
  }
  .band-stats__value {
    margin: 0;
    font-family: var(--plat-font-family-heading), var(--plat-font-family-heading-fallbacks);
    font-size: var(--plat-p-font-size-56);
    line-height: var(--plat-p-line-height-60);
    letter-spacing: var(--plat-p-letter-spacing-neg2);
    color: var(--plat-text-accent-1-strong);
  }
  .band-stats__label {
    font-size: var(--plat-p-font-size-14);
    font-weight: var(--plat-p-font-weight-700);
    line-height: var(--plat-p-line-height-20);
    letter-spacing: var(--plat-p-letter-spacing-10);
    text-transform: uppercase;
    color: var(--plat-text-accent-1-default);
  }
  .band-faq .band__inner {
    --l-stack-space: var(--plat-p-space-32);
  }
  @media (width >= 64rem) {
    .band-faq .band__inner {
      --l-band-space: var(--plat-p-space-96);
      --l-stack-space: var(--plat-p-space-96);
    }
  }
  .band-faq__heading {
    margin: 0;
    text-align: center;
    font-size: var(--plat-p-font-size-32);
    line-height: var(--plat-p-line-height-40);
  }
  .band-faq__heading i {
    font-style: italic;
    color: var(--plat-text-accent-1-default);
  }
  @media (width >= 64rem) {
    .band-faq__heading {
      font-size: var(--plat-p-font-size-40);
      line-height: var(--plat-p-line-height-48);
    }
  }
  @media (width >= 64rem) {
    .band-faq__list {
      padding-inline: var(--plat-p-space-48);
    }
  }
  .band-faq__list > li {
    border-block-end: var(--plat-p-border-width-1) solid var(--plat-border-neutral-default);
  }
  .faq__question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--plat-p-space-16);
    padding-block: var(--plat-p-space-20);
    padding-inline: var(--plat-p-space-12);
    cursor: pointer;
    font-family: var(--plat-font-family-heading), var(--plat-font-family-heading-fallbacks);
    font-size: var(--plat-p-font-size-20);
    line-height: var(--plat-p-line-height-28);
    font-weight: var(--plat-p-font-weight-700);
    color: var(--plat-text-neutral-strong);
    list-style: none;
    &::-webkit-details-marker {
      display: none;
    }
    &::marker {
      display: none;
      content: '';
    }
  }
  @media (width >= 48rem) {
    .faq__question {
      font-size: var(--plat-p-font-size-24);
      line-height: var(--plat-p-line-height-32);
    }
  }
  .faq__question::after {
    content: '';
    flex: none;
    inline-size: var(--plat-p-space-20);
    block-size: var(--plat-p-space-20);
    color: var(--plat-icon-accent-1-default);
    background: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
    background-position: center;
    background-repeat: no-repeat;
    background-size:
      100% var(--plat-p-border-width-2),
      var(--plat-p-border-width-2) 100%;
    transition: background-size var(--plat-p-duration-fast) var(--plat-p-easing-standard);
  }
  details[open] > .faq__question::after {
    background-size:
      100% var(--plat-p-border-width-2),
      0 0;
  }
  .faq__answer {
    max-inline-size: none;
    padding-inline: var(--plat-p-space-12);
    padding-block-end: var(--plat-p-space-20);
    font-size: var(--plat-p-font-size-18);
    line-height: var(--plat-p-line-height-28);
    color: var(--plat-text-neutral-subtle);
    & p + p {
      margin-block-start: var(--plat-p-space-12);
    }
  }
  .band-comparison__scroll {
    overflow-x: auto;
    padding-block: var(--plat-p-space-24);
    padding-inline: var(--plat-p-space-4);
  }
  .band-comparison__table {
    inline-size: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: var(--plat-bg-surface-raised);
    border-radius: var(--plat-radius-surface);
    box-shadow:
      0 var(--plat-p-shadow-offset-y-10) var(--plat-p-shadow-blur-16) 0
        color-mix(in srgb, var(--plat-border-neutral-strong) 11%, transparent),
      0 var(--plat-p-shadow-offset-y-4) var(--plat-p-shadow-blur-6) 0
        color-mix(in srgb, var(--plat-border-neutral-strong) 7%, transparent);
  }
  .band-comparison__table :is(th, td) {
    padding: var(--plat-p-space-16) var(--plat-p-space-24);
    text-align: start;
  }
  .band-comparison__table thead th {
    background: var(--plat-bg-neutral-subtler);
    font-size: var(--plat-p-font-size-12);
    font-weight: var(--plat-p-font-weight-600);
    letter-spacing: var(--plat-font-tracking-widest);
    text-transform: uppercase;
    color: var(--plat-text-neutral-subtle);
  }
  .band-comparison__table thead th:first-child {
    border-start-start-radius: var(--plat-radius-surface);
  }
  .band-comparison__table thead th:last-child {
    border-start-end-radius: var(--plat-radius-surface);
  }
  .band-comparison__table tbody :is(th, td) {
    border-block-end: var(--plat-p-border-width-1) solid var(--plat-border-neutral-subtle);
  }
  .band-comparison__table tbody tr:last-child :is(th, td) {
    border-block-end: 0;
  }
  .band-comparison__table tbody th {
    font-weight: var(--plat-p-font-weight-400);
  }
  .band-comparison__table tbody th a {
    color: var(--plat-text-accent-1-default);
    text-decoration: underline;
  }
  .band-comparison__table tbody td {
    font-family: var(--plat-font-family-heading), var(--plat-font-family-heading-fallbacks);
    font-size: var(--plat-p-font-size-24);
    color: var(--plat-text-neutral-subtlest);
    text-align: center;
  }
  .band-comparison__table thead th.band-comparison__col--highlight {
    background: var(--plat-bg-accent-2-default);
    color: var(--plat-text-accent-2-strongest);
    text-align: center;
    padding-block: var(--plat-p-space-24);
    border-start-start-radius: var(--plat-radius-surface);
    border-start-end-radius: var(--plat-radius-surface);
    border-inline: var(--plat-p-border-width-2) solid var(--plat-border-accent-2-default);
    border-block-start: var(--plat-p-border-width-2) solid var(--plat-border-accent-2-default);
  }
  .band-comparison__table tbody td.band-comparison__col--highlight {
    background: var(--plat-bg-surface-raised);
    border-inline: var(--plat-p-border-width-2) solid var(--plat-border-accent-2-default);
    border-block-end-color: var(--plat-border-neutral-subtle);
    color: var(--plat-text-neutral-strong);
    font-weight: var(--plat-p-font-weight-600);
  }
  .band-comparison__table tbody tr:last-child td.band-comparison__col--highlight {
    padding-block-end: var(--plat-p-space-24);
    border-block-end: var(--plat-p-border-width-2) solid var(--plat-border-accent-2-default);
    border-end-start-radius: var(--plat-radius-surface);
    border-end-end-radius: var(--plat-radius-surface);
    box-shadow: 0 var(--plat-p-shadow-offset-y-24) var(--plat-p-shadow-blur-48) 0
      color-mix(in srgb, var(--plat-border-accent-2-default) 26%, transparent);
  }
  .band-comparison__caption {
    caption-side: bottom;
    padding-block-start: var(--plat-p-space-12);
    font-size: var(--plat-p-font-size-14);
    color: var(--plat-text-neutral-subtle);
    text-align: start;
  }
  .band-lead-gen-form .band__inner {
    display: grid;
    gap: var(--plat-p-space-40);
    align-items: center;
  }
  @media (width >= 64rem) {
    .band-lead-gen-form .band__inner {
      grid-template-columns: 1fr 1fr;
    }
  }
  .band-lead-gen-form__heading i {
    font-style: italic;
    color: var(--plat-text-accent-2-default);
  }
  .band-lead-gen-form__body {
    color: var(--plat-text-neutral-inverse);
  }
  .band-lead-gen-form__fields {
    --l-stack-space: var(--plat-p-space-20);
  }
  .band-lead-gen-form__field {
    display: flex;
    flex-direction: column;
    gap: var(--plat-p-space-6);
  }
  .band-lead-gen-form__label {
    font-weight: var(--plat-p-font-weight-500);
  }
  .band-lead-gen-form__input {
    padding: var(--plat-p-space-16);
    border: var(--plat-p-border-width-1) solid var(--plat-border-input-default);
    border-radius: var(--plat-radius-control);
    background: var(--plat-bg-input-default);
    color: var(--plat-text-neutral-strong);
    font-family: var(--plat-font-family-content);
    font-size: var(--plat-p-font-size-18);
  }
  .band-lead-gen-form__submit {
    margin-block-start: var(--plat-p-space-32);
    width: 100%;
    border: none;
    cursor: pointer;
  }
  .course-drawer {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-block-size: 100vh;
    background: var(--plat-bg-neutral-strongest);
  }
  .course-drawer__scrim {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    padding: var(--plat-p-space-16) var(--plat-p-space-24);
  }
  .course-drawer__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: var(--plat-p-space-40);
    block-size: var(--plat-p-space-40);
    border-radius: var(--plat-p-radius-full);
    background: var(--plat-bg-surface-raised);
    color: var(--plat-text-neutral-strongest);
    text-decoration: none;
    box-shadow: 0 var(--plat-p-shadow-offset-y-4) var(--plat-p-shadow-blur-12)
      var(--plat-shadow-color-default-alpha-default);
  }
  .course-drawer__close:hover {
    background: var(--plat-bg-surface-raised-hover);
  }
  .course-drawer__close svg {
    inline-size: var(--plat-p-space-16);
    block-size: var(--plat-p-space-16);
  }
  .course-drawer__panel {
    min-inline-size: 0;
    background: var(--plat-bg-neutral-subtlest);
    color: var(--plat-text-neutral-default);
    padding-block-end: var(--plat-p-space-96);
  }
  .course-drawer__hero {
    background: linear-gradient(to bottom, var(--plat-bg-accent-3-strong), var(--plat-bg-accent-3-stronger));
    color: var(--plat-text-neutral-inverse);
    padding-block: var(--plat-p-space-48) var(--plat-p-space-96);
    padding-inline: var(--plat-p-space-24);
  }
  .course-drawer__hero-inner {
    max-inline-size: var(--plat-p-container-xl);
    margin-inline: auto;
  }
  .course-drawer__hero-main {
    display: flex;
    flex-direction: column;
    gap: var(--plat-p-space-20);
    max-inline-size: 40.625rem;
  }
  .course-drawer__badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--plat-p-space-12);
    margin: 0;
  }
  .course-drawer__badge {
    display: inline-flex;
    align-items: center;
    gap: var(--plat-p-space-6);
    padding-block: var(--plat-p-space-6) var(--plat-p-space-4);
    padding-inline: var(--plat-p-space-12);
    border-radius: var(--plat-p-radius-full);
    font-size: var(--plat-p-font-size-12);
    font-weight: var(--plat-p-font-weight-700);
    line-height: var(--plat-p-line-height-16);
  }
  .course-drawer__badge--credit {
    background: var(--plat-bg-surface-raised);
    color: var(--plat-text-accent-3-stronger);
  }
  .course-drawer__badge--rating {
    border: var(--plat-p-border-width-1) solid var(--plat-border-translucent-subtle);
    color: var(--plat-text-neutral-inverse);
  }
  .course-drawer__badge--rating svg {
    inline-size: var(--plat-p-space-12);
    block-size: var(--plat-p-space-12);
    color: var(--plat-text-accent-2-subtle);
  }
  .course-drawer__title {
    margin: 0;
    font-family: var(--plat-font-family-heading), var(--plat-font-family-heading-fallbacks);
    font-size: var(--plat-p-font-size-32);
    line-height: var(--plat-p-line-height-40);
    color: var(--plat-text-neutral-inverse);
  }
  .course-drawer__lead {
    margin: 0;
    font-size: var(--plat-p-font-size-18);
    line-height: var(--plat-p-line-height-28);
    color: var(--plat-text-neutral-inverse-subtle);
  }
  .course-drawer__specs {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    margin: var(--plat-p-space-12) 0 0;
  }
  .course-drawer__spec {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--plat-p-space-16);
    padding: var(--plat-p-space-16);
    border-block-end: var(--plat-p-border-width-1) solid var(--plat-border-translucent-subtlest);
    font-size: var(--plat-p-font-size-14);
    line-height: var(--plat-p-line-height-20);
  }
  .course-drawer__spec:first-child {
    border-block-start: var(--plat-p-border-width-1) solid var(--plat-border-translucent-subtlest);
  }
  .course-drawer__spec dt {
    display: inline-flex;
    align-items: center;
    gap: var(--plat-p-space-8);
    color: var(--plat-text-neutral-inverse-subtle);
    font-weight: var(--plat-p-font-weight-400);
  }
  .course-drawer__spec-icon {
    flex: none;
    inline-size: var(--plat-p-space-16);
    block-size: var(--plat-p-space-16);
    color: var(--plat-text-accent-2-subtle);
  }
  .course-drawer__spec dd {
    margin: 0;
    font-weight: var(--plat-p-font-weight-700);
    color: var(--plat-text-neutral-inverse);
  }
  .course-drawer__body {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    min-inline-size: 0;
    gap: var(--plat-p-space-32);
    max-inline-size: var(--plat-p-container-xl);
    margin-inline: auto;
    padding-inline: var(--plat-p-space-24);
  }
  .course-drawer__content {
    display: flex;
    flex-direction: column;
    min-inline-size: 0;
    gap: var(--plat-p-space-32);
    max-inline-size: 40.625rem;
    margin-block-start: calc(-1 * var(--plat-p-space-64));
  }
  .course-drawer__card {
    background: var(--plat-bg-surface-raised);
    border: var(--plat-p-border-width-1) solid var(--plat-border-neutral-subtle);
    border-radius: var(--plat-p-radius-12);
    padding: var(--plat-p-space-24);
    box-shadow: 0 var(--plat-p-shadow-offset-y-1) var(--plat-p-shadow-blur-2)
      var(--plat-shadow-color-default-alpha-subtle);
  }
  .course-drawer__card--flush {
    padding: 0;
    overflow: hidden;
  }
  .course-drawer__card-head {
    padding: var(--plat-p-space-24);
    border-block-end: var(--plat-p-border-width-1) solid var(--plat-border-neutral-subtle);
  }
  .course-drawer__card-title {
    margin: 0;
    font-family: var(--plat-font-family-heading), var(--plat-font-family-heading-fallbacks);
    font-size: var(--plat-p-font-size-20);
    line-height: var(--plat-p-line-height-28);
    color: var(--plat-text-neutral-stronger);
  }
  .course-drawer__preview-intro {
    margin: var(--plat-p-space-8) 0 0;
    font-size: var(--plat-p-font-size-14);
    line-height: var(--plat-p-line-height-20);
    color: var(--plat-text-neutral-subtle);
  }
  .course-drawer__objectives {
    display: flex;
    flex-direction: column;
    gap: var(--plat-p-space-16);
    margin-block-start: var(--plat-p-space-20);
  }
  .course-drawer__objective {
    display: flex;
    align-items: flex-start;
    gap: var(--plat-p-space-16);
    padding: var(--plat-p-space-8);
  }
  .course-drawer__objective-icon {
    flex: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: var(--plat-p-space-40);
    block-size: var(--plat-p-space-40);
    border-radius: var(--plat-p-radius-8);
    background: var(--plat-bg-neutral-subtler);
    color: var(--plat-text-neutral-strong);
  }
  .course-drawer__objective-icon svg {
    inline-size: var(--plat-p-icon-size-18);
    block-size: var(--plat-p-icon-size-18);
  }
  .course-drawer__objective-body {
    display: flex;
    flex-direction: column;
    gap: var(--plat-p-space-4);
  }
  .course-drawer__objective-title {
    margin: 0;
    font-family: var(--plat-font-family-content);
    font-size: var(--plat-p-font-size-16);
    font-weight: var(--plat-p-font-weight-700);
    line-height: var(--plat-p-line-height-24);
    color: var(--plat-text-neutral-stronger);
  }
  .course-drawer__objective-text {
    margin: 0;
    font-size: var(--plat-p-font-size-14);
    line-height: var(--plat-p-line-height-20);
    color: var(--plat-text-neutral-subtle);
  }
  .course-drawer__description {
    display: flex;
    flex-direction: column;
    gap: var(--plat-p-space-16);
    padding: var(--plat-p-space-24);
    font-size: var(--plat-p-font-size-16);
    line-height: var(--plat-p-line-height-24);
    color: var(--plat-text-neutral-default);
  }
  .course-drawer__description p {
    margin: 0;
  }
  .course-drawer__module + .course-drawer__module,
  .course-drawer__policy + .course-drawer__policy {
    border-block-start: var(--plat-p-border-width-1) solid var(--plat-border-neutral-subtle);
  }
  .course-drawer__module-summary,
  .course-drawer__policy-summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--plat-p-space-16);
    padding: var(--plat-p-space-16) var(--plat-p-space-24);
    cursor: pointer;
    font-size: var(--plat-p-font-size-16);
    font-weight: var(--plat-p-font-weight-700);
    line-height: var(--plat-p-line-height-24);
    color: var(--plat-text-neutral-stronger);
    list-style: none;
    &::-webkit-details-marker {
      display: none;
    }
    &::marker {
      display: none;
      content: '';
    }
  }
  .course-drawer__policy-summary::after {
    content: '';
    flex: none;
    inline-size: var(--plat-p-icon-size-14);
    block-size: var(--plat-p-icon-size-14);
    color: var(--plat-icon-neutral-subtle);
    background: linear-gradient(currentColor, currentColor), linear-gradient(currentColor, currentColor);
    background-position: center;
    background-repeat: no-repeat;
    background-size:
      100% var(--plat-p-border-width-2),
      var(--plat-p-border-width-2) 100%;
  }
  details[open] > .course-drawer__policy-summary::after {
    background-size:
      100% var(--plat-p-border-width-2),
      0 0;
  }
  .course-drawer__policy-body {
    padding: 0 var(--plat-p-space-24) var(--plat-p-space-16);
    font-size: var(--plat-p-font-size-14);
    line-height: var(--plat-p-line-height-20);
    color: var(--plat-text-neutral-subtle);
  }
  .course-drawer__policy-body p {
    margin: 0;
  }
  .course-drawer__legal {
    margin: 0;
    font-size: var(--plat-p-font-size-12);
    line-height: var(--plat-p-line-height-20);
    color: var(--plat-text-neutral-subtle);
  }
  .course-drawer__purchase {
    align-self: start;
    inline-size: 100%;
    max-inline-size: 22.75rem;
    background: var(--plat-bg-surface-raised);
    border: var(--plat-p-border-width-1) solid var(--plat-border-neutral-subtle);
    border-radius: var(--plat-p-radius-16);
    padding: var(--plat-p-space-12);
    box-shadow:
      0 var(--plat-p-shadow-offset-y-4) var(--plat-p-shadow-blur-6) var(--plat-shadow-color-default-alpha-subtle),
      0 var(--plat-p-shadow-offset-y-10) var(--plat-p-shadow-blur-24) var(--plat-shadow-color-default-alpha-default);
  }
  .course-drawer__media {
    position: relative;
    border-radius: var(--plat-p-radius-12);
    overflow: hidden;
    aspect-ratio: 16 / 10;
  }
  .course-drawer__media img {
    display: block;
    inline-size: 100%;
    block-size: 100%;
    object-fit: cover;
  }
  .course-drawer__play {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-start: 50%;
    translate: -50% -50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    inline-size: var(--plat-p-space-48);
    block-size: var(--plat-p-space-48);
    border-radius: var(--plat-p-radius-full);
    background: var(--plat-bg-surface-raised);
    color: var(--plat-text-neutral-strongest);
    box-shadow: 0 var(--plat-p-shadow-offset-y-4) var(--plat-p-shadow-blur-12)
      var(--plat-shadow-color-default-alpha-strong);
  }
  .course-drawer__play svg {
    inline-size: var(--plat-p-icon-size-18);
    block-size: var(--plat-p-icon-size-18);
  }
  .course-drawer__options {
    margin: 0;
    padding: 0;
    border: 0;
  }
  .course-drawer__option {
    display: flex;
    flex-direction: column;
    gap: var(--plat-p-space-12);
    padding: var(--plat-p-space-16) var(--plat-p-space-8);
  }
  .course-drawer__option--secondary {
    border-block-start: var(--plat-p-border-width-1) solid var(--plat-border-neutral-subtle);
  }
  .course-drawer__radio {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: var(--plat-p-space-8);
    cursor: pointer;
    font-size: var(--plat-p-font-size-14);
    font-weight: var(--plat-p-font-weight-700);
    line-height: var(--plat-p-line-height-20);
    color: var(--plat-text-neutral-stronger);
  }
  .course-drawer__radio input {
    position: absolute;
    opacity: 0;
    margin: 0;
  }
  .course-drawer__radio-mark {
    inline-size: var(--plat-p-space-16);
    block-size: var(--plat-p-space-16);
    border-radius: var(--plat-p-radius-full);
    border: var(--plat-p-border-width-2) solid var(--plat-border-neutral-strong);
    background: var(--plat-bg-surface-raised);
  }
  .course-drawer__radio input:checked + .course-drawer__radio-mark {
    border-color: var(--plat-bg-accent-2-default);
    box-shadow: inset 0 0 0 var(--plat-p-border-width-3) var(--plat-bg-surface-raised);
    background: var(--plat-bg-accent-2-default);
  }
  .course-drawer__radio input:focus-visible + .course-drawer__radio-mark {
    outline: var(--plat-p-border-width-2) solid var(--plat-border-focus-default);
    outline-offset: var(--plat-p-space-2);
  }
  .course-drawer__plan-label {
    margin: 0;
    font-size: var(--plat-p-font-size-14);
    font-weight: var(--plat-p-font-weight-700);
    line-height: var(--plat-p-line-height-20);
    color: var(--plat-text-neutral-stronger);
  }
  .course-drawer__price {
    display: flex;
    align-items: baseline;
    gap: var(--plat-p-space-4);
    margin: 0;
    color: var(--plat-text-neutral-strongest);
  }
  .course-drawer__currency {
    align-self: flex-start;
    font-size: var(--plat-p-font-size-14);
    font-weight: var(--plat-p-font-weight-600);
    line-height: var(--plat-p-line-height-20);
    color: var(--plat-text-neutral-subtle);
  }
  .course-drawer__amount {
    font-size: var(--plat-p-font-size-28);
    font-weight: var(--plat-p-font-weight-800);
    line-height: var(--plat-p-line-height-32);
  }
  .course-drawer__suffix {
    font-size: var(--plat-p-font-size-12);
    color: var(--plat-text-neutral-subtle);
  }
  .course-drawer__original {
    margin-inline-start: var(--plat-p-space-6);
    font-size: var(--plat-p-font-size-14);
    font-weight: var(--plat-p-font-weight-600);
    color: var(--plat-text-danger-default);
  }
  .course-drawer__guarantees {
    display: flex;
    flex-direction: column;
    gap: var(--plat-p-space-8);
    padding: var(--plat-p-space-12);
    border-radius: var(--plat-p-radius-8);
    background: var(--plat-bg-neutral-subtlest);
    font-size: var(--plat-p-font-size-12);
    line-height: var(--plat-p-line-height-16);
    color: var(--plat-text-neutral-default);
  }
  .course-drawer__guarantees li {
    display: flex;
    align-items: center;
    gap: var(--plat-p-space-8);
  }
  .course-drawer__guarantees svg {
    flex: none;
    inline-size: var(--plat-p-space-16);
    block-size: var(--plat-p-space-16);
    color: var(--plat-icon-neutral-subtle);
  }
  .course-drawer__cta {
    inline-size: 100%;
    justify-content: center;
    padding: var(--plat-p-space-12) var(--plat-p-space-20);
    border-radius: var(--plat-radius-selectable);
    font-size: var(--plat-p-font-size-14);
    font-weight: var(--plat-p-font-weight-700);
    text-align: center;
  }
  html:has(.course-drawer-modal[open]) {
    overflow: hidden;
    scrollbar-gutter: stable;
  }
  .course-drawer-modal {
    position: fixed;
    inset: 0;
    inline-size: 100%;
    max-inline-size: none;
    block-size: 100%;
    max-block-size: none;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: var(--plat-bg-scrim-strong);
    overflow-x: clip;
    overflow-y: auto;
    overscroll-behavior: contain;
    z-index: var(--plat-p-z-index-modal);
    opacity: 0;
    transition: opacity 280ms cubic-bezier(0.22, 1, 0.36, 1);
  }
  .course-drawer-modal::backdrop {
    background: transparent;
  }
  .course-drawer-modal.is-open {
    opacity: 1;
  }
  .course-drawer-modal .course-drawer {
    background: transparent;
    transform: translate3d(100%, 0, 0);
    will-change: transform;
    transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
  }
  .course-drawer-modal.is-open .course-drawer {
    transform: translate3d(0, 0, 0);
  }
  .course-drawer-modal .course-drawer__panel {
    box-shadow: 0 var(--plat-p-shadow-offset-y-10) var(--plat-p-shadow-blur-24)
      var(--plat-shadow-color-default-alpha-strong);
  }
  @media (width >= 48rem) {
    .course-drawer__title {
      font-size: var(--plat-p-font-size-40);
      line-height: var(--plat-p-line-height-48);
    }
    .course-drawer__specs {
      grid-template-columns: 1fr 1fr;
    }
    .course-drawer__spec:nth-child(2) {
      border-block-start: var(--plat-p-border-width-1) solid var(--plat-border-translucent-subtlest);
    }
    .course-drawer__spec:nth-child(odd) {
      border-inline-end: var(--plat-p-border-width-1) solid var(--plat-border-translucent-subtlest);
    }
  }
  @media (width >= 64rem) {
    .course-drawer {
      grid-template-columns: 7.5rem minmax(0, 1fr);
    }
    .course-drawer__scrim {
      justify-content: center;
      padding-block-start: var(--plat-p-space-64);
    }
    .course-drawer__hero {
      padding-block: var(--plat-p-space-72) var(--plat-p-space-112);
      padding-inline: var(--plat-p-space-96);
    }
    .course-drawer__body {
      grid-template-columns: minmax(0, 40.625rem) 22.75rem;
      justify-content: space-between;
      align-items: start;
      padding-inline: var(--plat-p-space-96);
    }
    .course-drawer__purchase {
      position: sticky;
      inset-block-start: var(--plat-p-space-32);
      margin-block-start: calc(-1 * var(--plat-p-space-384) - var(--plat-p-space-80));
    }
  }
}
@layer utilities {
  .u-flow-tight {
    --l-stack-space: var(--plat-p-space-8);
  }
  .u-flow-loose {
    --l-stack-space: var(--plat-p-space-40);
  }
  .u-text-center {
    text-align: center;
  }
}