:root {
      --text-color: #232529;
      --btn-primary: #FF6A00;
      --btn-primary-hover: #FF8C00;
      --btn-primary-active: #E86100;
      --link-color: rgba(48, 64, 154, 0.8);
      --link-color-hover: rgba(48, 64, 154, 1);
      --text-pill: rgba(25, 25, 25, 0.7);
      --border-navbar: rgba(255, 255, 255, 0.2);
      --border-footer: rgba(197, 203, 235, 0.2);
      --theme-bg: rgba(197, 203, 235, 1);
      --background-gradient:
        linear-gradient(180deg, #C5CBEB 0%, rgba(197, 203, 235, 0) 5.89%),
        radial-gradient(92.11% 69.98% at 100% 100%, rgba(250, 124, 68, 0.20) 0%, rgba(255, 174, 83, 0) 100%),
        radial-gradient(36.95% 42.4% at 50% 50%, rgba(250, 249, 247, 0.70) 0%, rgba(250, 249, 247, 0) 100%),
        linear-gradient(180deg, #C5CBEB 12.83%, #FAF9F7 83.39%);
      --black: #000000;
      --white: #ffffff;
      --off-white: #FBFBFB;
    }

    body {
      font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
    }

    body.home {
      background: var(--background-gradient);
    }

    nav {
      background: var(--theme-bg);
      border-bottom: 1px solid var(--border-navbar);
    }

    nav .logo {
      max-width: 140px;
    }

    .home nav {
      background: transparent;
    }

    nav .navbar-brand,
    nav .nav-link,
    footer a,
    footer p {
      color: var(--link-color) !important;
    }

    nav .nav-link:hover,
    footer a:hover {
      color: var(--link-color-hover) !important;
    }

    .content {
      background: var(--off-white);
      flex: 1;
      max-width: 900px;
      margin: 0 auto;
    }

    .home .content {
      background: transparent;
    }


    /* HERO */

    .home .item-content h1 {
      color: var(--black);
      font-size: 48px;
      font-style: normal;
      font-weight: 300;
      line-height: 120%;
      margin-bottom: 24px;
      text-align: center;
    }

    .home .item-content h4 {
      color: var(--text-color);
      font-size: 18px;
      font-weight: 300;
      line-height: 150%;
      text-align: center;
    }

    .home .item-content p {
      color: var(--text-color);
      font-size: 16px;
      font-weight: 400;
      line-height: 150%;
      margin-bottom: 16px;
    }

    @media (min-width: 992px) {
      .home .item-content p br {
        display:none;
      }
    }


    /* SEARCH BAR */

    .searchbar {
      background: var(--background-gradient);
      padding: 14px 0;
    }

    .searchbar form {
      align-items: center;
      background: #ffffff;
      border-radius: 16px;
      display: flex;
      gap: 6px;
      padding: 4px;
      max-width: 820px;
      margin: 0 auto;
    }

    .searchbar form input {
      background: transparent;
      border: none;
      outline: none;
      box-shadow: none;
      height: 36px;
      padding: 0 14px;
      font-size: 0.95rem;
    }

    .searchbar form input::placeholder {
      color: rgba(0, 0, 0, 0.5);
    }

    .searchbar form button {
      border: none;
      border-radius: 16px;
      height: 36px;
      padding: 0 16px;
      font-weight: 600;
      font-size: 0.9rem;
      background: var(--btn-primary);
      color: var(--white) !important;
      white-space: nowrap;
    }

    .searchbar form button:hover,
    .searchbar form button:focus {
      background: var(--btn-primary-hover);
    }

    .searchbar form button:active {
      background: var(--btn-primary-active)!important;
    }


    /* SUBLIST

    .item-sublist a {
      display: block;
      text-decoration: none;
    }

    .item-sublist .cta-card {
      background: rgba(255, 255, 255, 0.2);
      border: 1px solid rgba(15, 15, 15, 0.2);
      border-radius: 999px;
      color: var(--text-pill);
      padding: 8px 14px;
      text-align: center;
      transition: all 80ms ease-in-out 50ms;
    }

    .item-sublist .cta-card:hover {
      background: rgba(255, 255, 255, 0.4);
      transform: translateY(-1px);
      box-shadow: 0 1px 3px 0 rgba(34, 40, 42, 0.1);
    }
    */

    /* CHATBOT CONTAINER */
    .ez.dawn {
      position: relative;
      background: rgba(255, 255, 255, .50);
      border-radius: 24px;
      padding: 24px 24px 20px;
      margin:40px auto 32px;
    }

    @media (max-width: 992px) {
      .ez.dawn {
        border-radius: 24px;
        padding: 8px 8px 8px;
        margin:40px auto 32px;
      }
    }


    /* FOOTER */

    footer {
      background: var(--white);
      font-size: 0.85rem;
      text-align: center;
      border-top: 1px solid var(--border-footer);
    }

    .home footer {
      background: transparent;
    }

    footer .footer-links {
      justify-content: center;
    }

    footer .footer-links a {
      text-decoration: none;
      margin: 0 10px;
      font-size: 0.85rem;
    }

    footer .footer-links a:hover {
      text-decoration: underline;
    }

    footer .footer-copy {
      font-size: 0.8rem;
      margin: 0;
      opacity: 0.9;
    }


    @media (max-width: 992px) {
      .navbar-toggler {
        border: none;
        box-shadow: none;
      }

      .navbar-toggler:focus {
        box-shadow: none;
      }

      .navbar-toggler-icon {
        background-image: none;
        width: 24px;
        height: 2px;
        background-color: var(--link-color);
        position: relative;
      }

      .navbar-toggler-icon::before,
      .navbar-toggler-icon::after {
        content: "";
        position: absolute;
        left: 0;
        width: 24px;
        height: 2px;
        background-color: var(--link-color);
      }

      .navbar-toggler-icon::before {
        top: -7px;
      }

      .navbar-toggler-icon::after {
        top: 7px;
      }

      .navbar-collapse {
        background: var(--white);
        margin-top: 1rem;
        padding: 1.5rem 1rem;
        border-radius: 8px;
      }

      nav {
        padding-top: 0;
        padding-bottom: 0;
        align-items: center;
      }

      nav .nav-item {
        margin-bottom: 1rem;
        text-align: center;
        width: 100%;
      }

      nav .nav-link {
        font-size: 1.05rem;
        display: block;
        width: 100%;
      }

      .home .item-content h4 {
        font-size: 16px;
      }

      .home .item-content p {
        text-align: center;
      }

      .item-sublist a {
        text-decoration: none;
        margin-bottom: 8px;
      }

    }

    @media (max-width: 576px) {
      .searchbar {
        padding: 6px 12px;
      }

      .searchbar form button {
        height: 34px;
        font-size: 0.85rem;
        padding: 0 12px;
      }

    }