@layer theme {

  /* @TODO  - check support */
  /* :root {
    color-scheme: light dark;

    --surface: light-dark(yellow, red);
  } */

  /* @font-face {
    font-family: 'Bricolage Grotesque';
    src: 
      local(''),
      url('/testme/assets/fonts/bricolage-grotesque/bricolage-grotesque-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Bricolage Grotesque';
    src: 
      local(''),
      url('/testme/assets/fonts/bricolage-grotesque/bricolage-grotesque-medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Bricolage Grotesque';
    src: 
      local(''),
      url('/testme/assets/fonts/bricolage-grotesque/bricolage-grotesque-semibold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Bricolage Grotesque';
    src: 
      local(''),
      url('/testme/assets/fonts/bricolage-grotesque/bricolage-grotesque-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
  }


  @font-face {
    font-family: 'Lato';
    src: 
      local(''),
      url('/testme/assets/fonts/lato/lato-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Lato';
    src: 
      local(''),
      url('/testme/assets/fonts/lato/lato-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: 'Lato';
    src: 
      local(''),
      url('/testme/assets/fonts/lato/lato-bold.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: 'Lato';
    src: 
      local(''),
      url('/testme/assets/fonts/lato/lato-bolditalic.woff2') format('woff2');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
  } */


  :where(:root) {

    /* TEST.ME */
    --c6-color-brand-1: #4e4c9b;
    --c6-color-brand-2: #8abbcb; 
    --c6-color-brand-3: #9ac7c3; 
    --c6-color-brand-4: #dd9193; 

    --c6-bg-mask-blob: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 46 50'%3e%3cpath d='M35.659,14.643c-.938,0-1.846.127-2.71.362-5.427,1.44-10.994-1.726-12.562-7.099C19.288,3.369,15.208,0,10.341,0,4.63,0,0,4.637,0,10.358,0,13.285,1.215,15.927,3.164,17.811c3.882,4.034,3.858,10.439-.073,14.442h.006c-.651.642-1.231,1.377-1.71,2.208-2.856,4.954-1.161,11.289,3.785,14.149s11.27,1.163,14.126-3.791c.494-.857.849-1.755,1.077-2.67,1.543-5.39,7.096-8.576,12.527-7.166l-.002-.003c.879.244,1.803.379,2.76.379,5.711,0,10.341-4.637,10.341-10.358s-4.63-10.358-10.341-10.358Z'/%3e%3c/svg%3e");
    --c6-bg-pattern-metaball: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cg fill='%23000000'%3E%3Cpath d='M8%2C0H0v8c4.411%2C0%2C8-3.589%2C8-8Z'/%3E%3Cpath d='M40%2C8V0h-8c0%2C4.411%2C3.589%2C8%2C8%2C8Z'/%3E%3Cpath d='M0%2C32v8h8c0-4.411-3.589-8-8-8Z'/%3E%3Cpath d='M8%2C20c0-6.617%2C5.383-12%2C12-12%2C4.411%2C0%2C8-3.589%2C8-8H12c0%2C6.617-5.383%2C12-12%2C12v16c4.411%2C0%2C8-3.589%2C8-8Z'/%3E%3Cpath d='M28%2C20c0-4.411-3.589-8-8-8s-8%2C3.589-8%2C8%2C3.589%2C8%2C8%2C8c6.617%2C0%2C12%2C5.383%2C12%2C12h8v-8c-6.617%2C0-12-5.383-12-12Z'/%3E%3Cpath d='M32%2C20c0%2C4.411%2C3.589%2C8%2C8%2C8V12c-4.411%2C0-8%2C3.589-8%2C8Z'/%3E%3Cpath d='M20%2C32c-4.411%2C0-8%2C3.589-8%2C8h16c0-4.411-3.589-8-8-8Z'/%3E%3C/g%3E%3C/svg%3E");
    --c6-bg-blob-outline: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37 40'%3e%3cpath d='M36.735,22.108c.042-.164.078-.33.111-.495.005-.023.008-.047.013-.071.028-.151.052-.303.072-.455.002-.014.004-.029.005-.043.068-.547.082-1.099.042-1.652-.002-.022-.003-.045-.005-.067-.016-.196-.037-.392-.066-.588,0-.005,0-.01-.002-.014l-.003-.018h0s0,0,0,0v-.003s0,0,0,0c0,0,0-.002,0-.003-.004-.025-.008-.049-.012-.074-.002-.014-.005-.028-.008-.042-.014-.084-.03-.17-.05-.269l-.007-.037h0s0,0,0,0h0s0-.002,0-.003c-.004-.018-.008-.037-.012-.055-.019-.086-.039-.173-.061-.258h0s0,0,0,0l-.024-.099h0s0-.001,0-.002c-.025-.096-.053-.192-.082-.287h0s-.033-.111-.033-.111h0s0,0,0,0c-.025-.078-.051-.157-.079-.234-.007-.02-.014-.04-.022-.061,0,0,0-.001,0-.002l-.031-.088c-.044-.119-.091-.237-.14-.354h0s-.002-.005-.002-.005c0-.002-.001-.003-.002-.005h0s0,0,0,0c-.001-.003-.002-.006-.004-.01h0s-.003-.006-.004-.009l-.002-.005h0c-.638-1.501-1.69-2.779-3.044-3.696h0s0,0,0,0h0s-.044-.03-.044-.03c-.05-.033-.101-.066-.152-.099-.038-.024-.076-.048-.115-.071h0s-.111-.068-.111-.068l-.23-.132h0c-.05-.028-.099-.055-.149-.081,0,0,0,0,0,0h0c-.067-.036-.135-.07-.203-.104-.005-.002-.01-.005-.015-.008,0,0,0,0,0,0,0,0,0,0,0,0h0c-.026-.013-.052-.025-.079-.038-.026-.013-.052-.025-.079-.037h0c-.076-.036-.153-.07-.23-.104h0s-.143-.06-.143-.06c-.003-.001-.007-.003-.01-.004-.017-.007-.035-.014-.053-.022-.056-.023-.113-.045-.17-.066-.008-.003-.016-.007-.025-.01l-.117-.042s-.003,0-.005-.002c-.03-.011-.06-.021-.09-.031-.063-.022-.127-.043-.191-.063-.002,0-.005-.002-.007-.002h0s-.081-.025-.081-.025h0s-.002,0-.002,0c-.002,0-.003,0-.005-.001-.046-.014-.093-.028-.139-.041-.064-.018-.127-.036-.191-.052,0,0,0,0,0,0h0s-.046-.011-.046-.011c0,0,0,0,0,0h0c-.064-.017-.129-.032-.195-.047-.003,0-.006-.001-.009-.002-.058-.013-.116-.026-.175-.038h0s-.007-.001-.011-.002c0,0,0,0,0,0,0,0,0,0,0,0-.915-.187-1.849-.219-2.775-.101-.014.002-.028.002-.042.004l-.039.006h0s-.023.004-.023.004c-.12.017-.244.038-.376.062-.012.002-.024.004-.036.006-.013.002-.026.005-.038.007-.004,0-.008.001-.011.002h0c-.01.002-.018.003-.028.005l-.051.01s-.002,0-.003,0c-.05.01-.1.021-.15.032-.117.026-.234.055-.35.086,0,0,0,0,0,0,0,0,0,0-.001,0-.001,0-.002,0-.003,0h-.004c-4.142,1.093-8.324-1.262-9.53-5.378h0c-.021-.085-.043-.169-.067-.252-.03-.105-.062-.21-.096-.314h0s-.043-.134-.043-.134c0,0,0,0,0,0h0s0,0,0,0c-.053-.154-.111-.305-.173-.455-.005-.013-.01-.025-.016-.038,0,0,0-.002-.001-.003l-.021-.05c-.018-.044-.036-.088-.055-.132-.027-.061-.055-.121-.083-.18-.041-.087-.085-.173-.129-.259h0s-.012-.024-.012-.024c-.001-.002-.002-.004-.003-.006h0c-.03-.06-.061-.12-.093-.178,0,0,0,0,0,0l-.032-.063c-.019-.038-.039-.077-.06-.114-.888-1.534-2.211-2.734-3.825-3.469h0c-.005-.002-.01-.005-.015-.007l-.043-.019s0,0,0,0h0s0,0,0,0c-.131-.059-.267-.115-.404-.168-.061-.024-.122-.046-.183-.068h0s-.101-.035-.101-.035c0,0,0,0,0,0-.216-.075-.414-.136-.604-.186h0s0,0,0,0l-.053-.013h0c-.034-.009-.069-.018-.104-.026-.177-.043-.354-.081-.529-.112h0s-.008-.002-.011-.002l-.033-.006h0s0,0,0,0h-.002s0,0,0,0c-.113-.02-.228-.037-.346-.052-.114-.015-.23-.027-.345-.038h0s-.008,0-.012,0h0s-.011-.001-.011-.001c-.002,0-.004,0-.007,0-.367-.031-.728-.037-1.093-.022-.035.001-.07.001-.105.003-.051.003-.103.008-.154.012-.076.006-.152.01-.228.018h0s-.002,0-.002,0c-.004,0-.008,0-.012,0h0s-.005,0-.007,0c-.076.008-.153.017-.228.027-.055.007-.109.015-.164.023,0,0,0,0-.001,0,0,0,0,0,0,0l-.047.007h0c-.062.01-.124.02-.188.032-.003,0-.007.001-.01.002-.049.009-.098.018-.147.028h0s0,0,0,0h0c-.005.001-.01.002-.015.003h0s-.058.011-.058.011l-.018.004c-.051.011-.102.022-.154.034-.003,0-.005.001-.008.002-.042.01-.083.02-.125.03,0,0,0,0,0,0-.005.001-.009.002-.013.003l-.131.033c-.032.008-.064.017-.097.026-.043.012-.086.025-.13.038,0,0,0,0,0,0h0c-.044.013-.088.026-.132.04-.022.007-.045.014-.067.021h0s0,0,0,0c0,0,0,0,0,0h0c-.056.018-.112.037-.168.057h0c-.069.024-.138.048-.206.074-.014.005-.029.011-.043.016,0,0,0,0,0,0,0,0,0,0,0,0h0,0s0,0,0,0l-.118.046s0,0,0,0c-.069.028-.138.056-.206.085-.027.011-.053.023-.08.035,0,0-.001,0-.002,0,0,0,0,0-.001,0,0,0,0,0,0,0,0,0,0,0,0,0l-.081.036h0s0,0,0,0c-.012.005-.024.012-.036.017-.09.041-.179.083-.268.128-.003.002-.006.003-.01.005,0,0-.002,0-.003.001l-.06.031c-.109.056-.216.114-.322.175h0s-.002.001-.004.002h0s-.052.03-.052.03l-.003.002s0,0,0,0c0,0-.002.001-.003.002h0c-.005.003-.011.007-.016.01-.049.028-.098.058-.15.09-.005.003-.011.006-.016.009-.036.022-.073.045-.109.068,0,0-.002,0-.002.002t0,0h0c-.005.003-.009.006-.015.009h0s-.003.002-.003.002c-.003.002-.005.003-.007.005l-.044.028-.014.009h0c-.045.03-.091.06-.138.092-.004.003-.008.006-.013.008-.031.021-.062.043-.092.065-.007.005-.014.009-.021.015l-.102.073c-.021.015-.041.03-.062.046-.042.032-.083.064-.125.096h0s0,0,0,0l-.018.014s-.001.001-.002.002l-.009.007s-.009.007-.014.011c-.029.022-.058.045-.086.067-.011.009-.022.018-.033.027h0s-.126.106-.126.106h0s-.002.002-.003.003l-.005.004s-.001.001-.002.002c-.026.022-.051.043-.077.065-.038.033-.076.066-.114.099h0s0,0,0,0l-.075.07c-.078.072-.155.145-.231.219h0s0,0,0,0l-.025.025h0s-.012.013-.012.013c-.085.085-.168.171-.248.26h0l-.018.02h0l-.005.005c-.033.037-.066.074-.099.111-.049.056-.097.112-.144.169h0s0,0,0,0l-.026.032h0s-.014.018-.014.018h0s0,.001-.001.002c-.02.025-.041.05-.061.075-.049.061-.097.123-.144.185h0s0,0,0,0c0,0,0,0,0,0h0c-.024.032-.048.065-.071.098l-.007.009-.044.062-.01.014c-.033.045-.066.091-.097.137h0s0,0,0,0c0,0,0,0,0,0-.049.071-.096.143-.142.216-.021.034-.043.068-.064.102-.002.004-.004.007-.007.01-.014.023-.027.048-.041.071C.535,5.239.123,6.527.026,7.845H.026v.002h0c0,.01-.002.019-.003.029l-.003.033h0,0c-.003.047-.006.094-.008.14,0,.006,0,.011,0,.017,0,.007,0,.014,0,.021-.002.044-.004.089-.005.134H.006s0,.026,0,.026l-.003.102H.003s-.003.127-.003.127l.004.146h0l.004.156H.007s0,.007,0,.01c.003.085.007.17.013.254h0s0,0,0,0l.011.147h0s0,.003,0,.005l.003.039c.006.073.014.146.022.218,0,.006.001.012.002.018l.015.117s0,.001,0,.002c.006.045.012.089.019.133.009.06.018.119.028.178h0l.013.074c.001.006.002.013.004.019.009.047.017.095.027.142,0,.005.002.01.003.015.003.016.007.033.01.049.009.044.018.088.028.131h0s0,0,0,.001h0s.004.017.004.017c0,.002,0,.003.001.005h0s0,0,0,0H.212c.189.834.504,1.626.928,2.357,0,0,0,.002.001.003.004.007.008.013.012.019.095.163.194.322.3.479.007.011.016.021.023.032.103.15.209.299.322.443.025.032.052.061.077.092.222.276.46.541.717.79h0c2.97,3.075,2.946,7.867-.054,10.91l-.033.035s0,0,0,0c-.051.051-.099.103-.148.156l-.113.121c-.079.084-.157.167-.231.254-.014.017-.027.034-.041.051-.018.023-.037.045-.055.068-.001.002-.003.004-.004.005l-.05.064h0s0,0,0,0h0s0,0,0,0c-.068.085-.136.171-.202.258-.03.04-.06.081-.089.122,0,0,0,0,0,.001,0,0-.001.001-.002.002,0,0,0,0,0,0h0,0c-.028.04-.055.081-.082.122l-.039.06-.019.029s0,0,0,0c-.034.051-.068.102-.101.153,0,0,0,.002-.001.002,0,0,0,0,0,0-.05.077-.098.154-.145.233,0,.001-.001.002-.002.004h0s0,0,0,0c-.003.005-.005.009-.008.014h0s-.029.046-.029.046c-.071.122-.138.245-.201.369-.006.012-.012.023-.018.035,0,0,0,0,0,.002,0,0,0,0,0,0h0s-.048.099-.048.099c-.042.086-.083.174-.124.265-.002.004-.004.008-.006.012-.034.076-.068.153-.1.231,0,0,0,0,0,0,0,0,0,0,0,0h0c-.004.009-.008.017-.011.027l-.018.043c-.04.099-.077.198-.112.296,0,.003-.002.005-.003.008H.497c-.037.102-.071.204-.102.302h0s0,.003-.001.005H.393s-.009.028-.009.028c-.006.02-.01.041-.016.06-.124.408-.22.827-.28,1.247,0,0,0,0,0,.001H.088s0,0,0,0c0,.003-.001.005-.001.008h0s-.001.01-.001.01c0,.001,0,.002,0,.003-.013.089-.024.179-.034.269-.014.129-.025.255-.033.38h0s0,.002,0,.002H.018s0,.01,0,.01l-.002.031h0v.022c-.006.095-.01.189-.013.281-.003.12-.003.234-.001.345,0,0,0,0,0,0H.002s0,.002,0,.002h0v.035h0v.003c.002.082.005.165.01.247.006.103.014.207.024.31,0,.004,0,.007,0,.011l.013.136.004.043H.055c.013.119.03.238.048.357.009.055.018.111.028.166.013.072.027.144.041.216h0c.027.136.057.271.091.406.007.027.014.055.021.082,0,0,0,0,0,0h0c.002.007.003.013.005.02h0s0,0,0,0c.011.041.023.081.035.121l.017.056h0s0,.001,0,.002c.019.064.038.129.059.193.028.089.058.178.09.267h0s.045.129.045.129h0s.002.004.002.005c.043.115.09.233.144.358.03.071.062.141.095.213h0s0,0,0,0l.041.089h0c.064.134.132.269.205.404.035.064.07.128.106.19h0s0,0,0,0c0,0,0,0,0,0l.034.059h0c.048.083.099.165.15.246.012.018.023.038.034.056h0s0,.001,0,.001h0s.039.061.039.061h0c.064.098.13.194.198.289h0s.05.069.05.069h0c.038.052.079.106.122.162.006.007.011.015.017.022.019.025.039.049.058.074h0c.006.008.011.014.017.022l.053.067c.033.04.066.08.099.119.026.031.053.062.08.093.002.002.004.004.005.006l.101.115h0c.016.018.032.035.047.052.036.039.073.078.11.117.002.002.004.004.006.006.046.048.092.096.139.143.03.03.061.06.092.089.015.015.031.029.046.044h0c.06.057.119.113.179.167l.112.099c.027.024.055.047.083.071.045.039.091.076.137.114,0,0,.001,0,.002.002h0s0,0,0,0l.085.067c.009.007.018.014.027.021.05.039.1.078.15.115.028.021.056.042.085.063h0s.001.001.002.002l.063.045h0c.006.004.012.008.018.013.053.038.109.076.166.115.011.008.022.015.033.023.025.017.05.033.075.05h0s.008.006.013.009l.046.03s.001,0,.002.001c0,0,0,0,0,0,.067.042.134.084.202.125.033.02.067.039.1.059l.01.006h0s.06.035.06.035h0s0,0,0,0c.052.03.105.059.162.089,0,0,.002,0,.002.001.042.023.083.045.125.067h0c.008.004.015.008.024.012l.084.043h0s0,0,0,0h0s0,0,0,0c.003.001.005.002.008.004.064.032.133.065.213.102.007.003.013.006.02.009h0c.01.004.017.008.027.012.046.022.092.043.138.063h0s0,0,0,0c0,0,0,0,0,0,0,0,0,0,0,0h0c.043.019.086.036.129.054.006.003.012.005.019.008l.009.004.016.007h0s0,0,0,0l.025.011c.019.008.038.015.057.023.038.016.077.032.115.046.013.005.025.01.037.014,0,0,.001,0,.002,0l.095.034s0,0,0,0h0s.009.003.013.004c.088.032.179.064.278.096.007.002.014.005.021.007,0,0,0,0,.001,0t0,0h0s.005.001.007.002h0s0,0,0,0c.002,0,.004.001.006.002.056.018.114.031.17.048.704.208,1.428.327,2.158.348.018,0,.037.003.055.003.03,0,.059,0,.089,0,.024,0,.049,0,.073,0h.035s.036,0,.036,0c.024,0,.049,0,.073,0h0c.03,0,.059,0,.088,0h0c.007,0,.014-.001.021-.001.801-.02,1.596-.153,2.363-.398h0s.019-.006.019-.006h0c.033-.01.066-.021.099-.032.01-.004.021-.007.031-.011.053-.018.11-.039.171-.061.002,0,.005-.002.007-.002h0c.009-.003.017-.006.027-.01l.067-.024h0c.026-.01.051-.02.077-.03.002,0,.004-.001.005-.002.047-.018.096-.038.155-.063l.005-.002c.056-.023.112-.046.167-.07h0s0,0,0,0h0c.054-.024.108-.049.161-.074h.002s0-.001,0-.001h.001s.004-.003.006-.004c.052-.024.104-.048.156-.074.026-.013.052-.025.078-.039,0,0,0,0,0,0s0,0,0,0h0l.105-.054h0s.001,0,.001,0h0c.053-.028.106-.056.159-.085.044-.024.088-.049.132-.074h0s.002-.001.002-.001h0s.034-.018.034-.018h0l.032-.019h0s0,0,0,0h0c.078-.045.155-.092.232-.14.025-.016.051-.032.076-.048h0s.057-.037.057-.037c0,0,0,0,0,0,.037-.024.073-.05.11-.075.061-.041.123-.082.182-.124l.063-.045h0s0,0,0,0l.003-.002h0s0,0,0,0h0c.089-.065.176-.131.263-.2h0s.084-.067.084-.067c0,0,0,0,0,0h0c.069-.056.137-.113.204-.171.003-.003.007-.006.01-.009.003-.003.006-.005.01-.008h0,0s0,0,.001-.001l.108-.095c.028-.025.056-.051.084-.076.033-.031.065-.061.097-.092,0,0,0,0,0,0,0,0,0,0,0,0h0s0,0,.001-.001l.136-.132c.047-.047.093-.095.139-.143.007-.008.014-.016.022-.023.047-.05.095-.1.141-.151h0s0,0,0,0l.092-.104h0l.01-.012s.004-.005.007-.008c.016-.019.032-.037.049-.056.043-.05.086-.101.127-.152h0s0,0,.001-.001l.037-.047.034-.043h0s0,0,0,0c.032-.04.062-.082.093-.122.034-.044.068-.088.101-.132h0s0,0,0,0h0s.052-.072.052-.072c.002-.002.003-.004.004-.006.034-.048.068-.097.102-.145.03-.043.059-.087.087-.131,0,0,0,0,0,0,0,0,0-.001.001-.002,0,0,0,0,0,0h0s0,0,0,0l.042-.065h0s0,0,0,0h0s0,0,0,0c.028-.044.056-.089.084-.133.003-.004.005-.008.007-.012.009-.014.018-.03.027-.044.022-.036.043-.071.064-.107h0s.005-.008.007-.013h0s.032-.056.032-.056c.182-.318.346-.653.487-.997h0s.042-.105.042-.105c.059-.149.114-.301.171-.47,0-.002.002-.005.003-.007,0,0,0,0,0-.001h0s0,0,0,0c0,0,0-.001,0-.002h0s.003-.01.003-.01c.001-.004.002-.007.004-.011.022-.069.044-.138.064-.208.029-.098.055-.196.08-.295,0-.002.001-.004.002-.006.003-.011.006-.023.009-.034h.001c1.181-4.108,5.354-6.487,9.493-5.417l.035.009c.139.038.279.068.418.098l.012.003s.005.001.007.002l.012.003h0s.086.019.086.019c.057.013.114.026.171.036h0s0,0,0,0c.095.018.19.03.285.043l.158.022c.09.013.18.025.272.034h.003s0,0,0,0c0,0,0,0,.002,0,.08.008.16.012.24.016l.094.005h0s0,0,0,0c.127.007.254.014.382.016h0s0,0,0,0c.009,0,.018,0,.026,0h0c.022.002.043.003.065.003.15,0,.299-.004.447-.012.012,0,.024-.001.036-.002l.031-.002h0s0,0,0,0h.017s0-.001,0-.001c.101-.006.202-.014.304-.025.111-.011.219-.024.324-.038h0s.024-.003.024-.003h0s.005,0,.007,0c.024-.003.047-.009.071-.012.649-.096,1.287-.267,1.897-.511h0s.004-.002.004-.002c.001,0,.002,0,.004-.001h0s.003-.001.003-.001c.002,0,.003-.001.005-.002h0s0,0,0,0c.066-.027.134-.055.202-.084.014-.006.028-.013.043-.02.118-.052.237-.106.358-.166h0s0,0,.001,0l.056-.029c.107-.054.212-.11.316-.167.08-.044.156-.088.229-.132l.059-.036h0c.075-.046.149-.093.222-.141.074-.049.147-.099.219-.15.002-.001.003-.002.005-.003l.034-.024c.044-.031.088-.061.13-.092.135-.099.267-.204.397-.312,0,0,0,0,0,0h0s0,0,0,0h0c.065-.054.128-.109.191-.165h0s0,0,0,0c0,0,0,0,.001,0,.098-.087.193-.176.287-.268.008-.008.017-.016.026-.024.015-.015.031-.03.046-.046.052-.052.102-.104.153-.157.003-.003.005-.005.008-.008h0c.092-.097.182-.196.27-.298h0s.022-.025.022-.025c.016-.018.031-.036.047-.054.019-.021.037-.043.055-.065.006-.008.013-.015.019-.022.077-.094.153-.193.23-.297.009-.012.019-.023.027-.035.025-.034.05-.068.075-.103h0c.005-.007.009-.013.013-.019l.081-.114s.003-.005.005-.007c.082-.118.163-.244.243-.374.027-.043.053-.087.079-.132,0,0,0-.001.001-.002.002-.003.003-.005.004-.007l.08-.139h0c.003-.005.006-.011.009-.016.017-.03.034-.06.05-.09.012-.023.025-.046.037-.069.004-.007.008-.014.012-.021h0c.032-.06.062-.119.092-.18h0s0,0,0,0c.003-.005.005-.011.008-.016.029-.058.057-.116.084-.174,0,0,0,0,0,0h0s0,0,0,0c.031-.067.062-.134.092-.202l.068-.162h0s0,0,0,0h0s0,0,0,0c.02-.049.04-.099.06-.148.012-.031.024-.062.036-.094,0,0,0-.001,0-.002l.044-.122h0s.001-.004.002-.005c.017-.046.033-.092.049-.139.017-.049.033-.099.049-.148h0s0-.002,0-.003l.021-.069h0c.011-.036.022-.073.033-.11.007-.023.014-.046.021-.07.002-.006.003-.012.005-.017.014-.051.028-.102.041-.154t0,0h0s0-.002,0-.003h0s.002-.009.002-.009c0-.003.001-.005.002-.008h0ZM3.291,1.779h0s0,0,0,0ZM.675,7.927l.003-.033c.013-.167.032-.333.055-.498.15-1.066.519-2.1,1.085-3.022.06-.097.122-.192.185-.286.002-.003.004-.006.006-.009h0s0,0,0,0c.028-.041.057-.081.086-.121l.031-.043.071-.099.023-.032c.062-.082.126-.163.191-.243l.037-.047c.041-.049.082-.097.124-.145.022-.025.047-.053.071-.08.01-.011.019-.021.029-.032,0,0,0,0,0,0t0,0h0c.008-.008.013-.015.021-.024.074-.082.151-.161.229-.239h0s.034-.035.034-.035c.069-.069.141-.136.213-.203h0s.07-.065.07-.065h0s.001-.001.002-.002c.057-.051.116-.101.183-.158l.116-.098c.04-.032.08-.063.12-.094l.029-.022h0s0,0,0,0h0s.006-.005.01-.007c.05-.039.101-.078.152-.116.003-.002.007-.005.01-.007h0s.11-.078.11-.078h0s0,0,0,0c.075-.053.15-.105.228-.155l.077-.049h0c.09-.057.181-.113.274-.167l.054-.031h0s0,0,0,0h0s.002,0,.002-.001c.005-.003.009-.005.014-.008.093-.053.187-.104.281-.152l.056-.028h0c.094-.048.188-.092.283-.136.007-.003.014-.007.022-.01l.062-.028h0s.004-.002.006-.002c.088-.038.175-.075.262-.11l.111-.044c.077-.029.154-.056.231-.083.051-.018.102-.036.155-.052,0,0,0,0,.001,0,.061-.02.122-.038.183-.056.068-.02.137-.04.207-.059h0s0,0,.001,0h0s0,0,.001,0l.133-.033c.085-.021.17-.041.257-.059.002,0,.004,0,.006-.001,0,0,0,0,.001,0,0,0,0,0,0,0,0,0,0,0,0,0l.084-.017c.105-.021.211-.04.319-.057l.04-.006h0s.002,0,.002,0h0s.002,0,.002,0c0,0,0,0,0,0,.12-.018.241-.034.37-.047.477-.048.958-.052,1.445-.012.019.002.036.002.055.004h0s0,0,0,0c.215.019.639.083.639.083l.041.008c.007.001.014.003.021.004.186.034.375.074.561.122,0,0,0,0,0,0,0,0,.002,0,.002,0h0s.049.012.049.012c.06.016.122.034.183.053.118.035.24.073.374.119l.094.033c.184.066.366.14.54.218,0,0,.002,0,.003.001h0s0,0,0,0l.053.024c.707.324,1.36.758,1.94,1.274.045.04.093.077.137.118.058.054.111.112.167.168.093.092.187.182.276.278.034.037.064.077.097.114.105.119.211.239.309.365.035.045.066.094.101.14.091.122.182.243.266.37.045.068.084.141.127.21.067.109.137.216.198.329,0,0,0,0,0,0h0s0,0,0,0c.029.053.057.107.084.161l.016.032h0s0,0,0,0h0s0,0,0,.001c.068.133.134.267.195.404.017.038.032.076.048.115l.008.021.014.033h0s0,0,0,0c.062.151.122.302.175.458l.04.124h0s0,0,0,0h0s.001.004.002.005c.055.17.106.342.15.519l.011.039c1.075,3.67,4.355,6.05,7.991,6.1-.015.009-.03.02-.046.029-.126.077-.25.156-.372.24-.011.008-.023.015-.034.023-.133.092-.262.188-.389.287-.036.028-.07.057-.105.085-.092.074-.183.15-.272.229-.039.034-.077.068-.115.103-.092.084-.181.169-.269.257-.027.027-.055.053-.082.081-.113.115-.223.234-.329.356-.022.025-.042.051-.064.077-.084.099-.166.2-.246.303-.032.041-.063.083-.094.124-.07.095-.139.191-.206.289-.028.04-.056.081-.083.122-.09.137-.178.276-.261.419-.375.648-.663,1.345-.856,2.07-.043.159-.093.316-.146.472-.016.046-.033.092-.05.138-.041.113-.084.225-.131.336-.02.047-.039.094-.059.141-.059.134-.121.267-.187.397-.008.016-.016.033-.024.05-.002.003-.004.006-.005.009-1.435-2.048-3.755-3.384-6.252-3.598l-.53-.029c-.061-.001-.122-.002-.183-.002-.068,0-.136.005-.204.006-.085.002-.169.003-.253.008-.096.005-.191.014-.287.022-.085.007-.171.013-.256.023-.105.012-.21.03-.314.046-.074.011-.147.02-.221.034-.178.033-.356.07-.532.114-.704.201-1.431.303-2.16.303-2.039,0-3.972-.779-5.442-2.193l-.006-.006c-.526-.508-.978-1.085-1.343-1.714-.395-.683-.684-1.416-.863-2.201-.005-.02-.009-.041-.013-.061-.008-.037-.016-.074-.023-.111-.01-.053-.021-.109-.032-.171l-.01-.053c-.016-.094-.03-.188-.042-.283,0-.002,0-.004,0-.006h0s0,0,0,0l-.013-.106h0c-.01-.087-.019-.174-.026-.26l-.01-.136h0s0,0,0,0c-.005-.081-.01-.162-.012-.244l-.004-.145c-.001-.084-.002-.167,0-.252l.003-.118c.003-.096.007-.192.013-.288,0,0,0,0,0,0l.002-.026ZM13.096,23.592c-1.158-2.232-1.159-4.945,0-7.182,2.515.121,4.868,1.478,6.225,3.594-1.359,2.113-3.711,3.468-6.224,3.588ZM14.833,36.138s0,.001-.001.002c-.058.08-.118.157-.178.234l-.067.084c-.053.065-.108.13-.172.203l-.092.104h0c-.049.054-.099.107-.15.16h0s0,0,0,0c-.043.045-.085.089-.129.133h0s-.126.122-.126.122c0,0,0,0,0,0-.003.003-.006.006-.01.009-.05.048-.101.096-.153.143-.001.001-.002.002-.004.003,0,0,0,0,0,0,0,0,0,0,0,0h0s-.102.089-.102.089h0c-.067.058-.135.116-.204.172l-.029.023-.05.04c-.08.063-.161.124-.243.185l-.058.042h0s-.001,0-.001,0h0c-.089.063-.18.125-.271.185h0s-.001,0-.002.001l-.052.033c-.092.059-.186.116-.28.171h0s-.027.016-.027.016l-.04.023c-.087.05-.175.097-.261.142-.002,0-.003.002-.005.002,0,0-.001,0-.002,0,0,0,0,0,0,0l-.099.051s0,0,0,0c-.069.035-.139.068-.208.1-.005.002-.01.005-.015.007h0s-.334.145-.334.145c-.063.025-.126.051-.19.076-.002,0-.004.001-.006.002h0s0,0,0,0h0s0,0,0,0l-.042.015-.043.015h0s-.002,0-.002,0c-.096.035-.193.069-.301.104-.178.057-.358.107-.539.151-.544.131-1.101.205-1.663.218-.043.001-.086,0-.13,0h-.049s0,0,0,0h-.002s0,0,0,0h-.004s-.047,0-.047,0c-.042,0-.085,0-.127,0,0,0-.002,0-.003,0h0c-.746-.018-1.487-.141-2.213-.372,0,0,0,0-.001,0,0,0,0,0,0,0-.096-.031-.192-.065-.288-.1h0s-.087-.031-.087-.031c0,0,0,0,0,0-.003-.001-.007-.002-.01-.004-.026-.01-.051-.02-.079-.031-.006-.003-.012-.005-.019-.007-.034-.014-.069-.028-.111-.045l-.161-.067c-.006-.002-.012-.005-.018-.008l-.114-.052c-.007-.003-.012-.006-.02-.009-.075-.034-.149-.07-.224-.107l-.098-.051h0c-.089-.047-.178-.094-.265-.144l-.023-.013-.044-.025c-.089-.052-.177-.105-.26-.158-.008-.005-.015-.009-.023-.014h0s-.054-.035-.054-.035c-.091-.06-.181-.121-.27-.184l-.06-.043c-.081-.059-.16-.119-.237-.18,0,0-.002-.001-.002-.002-.001,0-.002-.002-.003-.003h0s0,0,0,0l-.079-.063h0c-.068-.055-.134-.111-.199-.167-.002-.002-.004-.004-.007-.006h0s-.102-.09-.102-.09c-.056-.051-.112-.103-.175-.163-.032-.03-.063-.061-.095-.092-.008-.007-.015-.015-.023-.022-.023-.023-.045-.046-.068-.069-.02-.021-.04-.041-.06-.062-.049-.051-.098-.103-.146-.156-.002-.002-.003-.004-.005-.006h0s-.093-.106-.093-.106c-.058-.066-.115-.133-.17-.201l-.066-.083h0c-.062-.078-.122-.157-.182-.238l-.045-.063c-.062-.087-.123-.176-.183-.266l-.037-.057c-.059-.092-.116-.185-.175-.287l-.028-.047h0s0,0,0,0h0s-.002-.004-.003-.005c-.1-.174-.195-.356-.285-.545l-.038-.083c-.084-.181-.158-.36-.223-.532l-.04-.116v-.002s0,0,0,0h0c-.05-.141-.096-.283-.137-.426l-.018-.061c-.01-.034-.02-.067-.03-.101-.042-.156-.077-.313-.109-.471-.013-.066-.027-.132-.038-.198,0,0,0,0,0-.001,0,0,0,0,0-.001-.028-.158-.051-.316-.069-.475,0-.001,0-.003,0-.004h0l-.016-.167h0c-.016-.174-.028-.348-.032-.519,0,0,0,0,0,0v-.039c-.004-.186,0-.381.011-.58v-.018s.003-.039.003-.039h0,0c.013-.205.034-.408.064-.622.059-.408.151-.815.282-1.234h0s0,0,0-.002c.005-.016.01-.03.015-.046.055-.17.117-.346.199-.546l.015-.035s0,0,0,0c0,0,0,0,0,0,.065-.158.136-.314.212-.468,0,0,0,0,0,0h0l.044-.092c.074-.146.155-.289.238-.43.079-.134.164-.263.25-.391l.044-.067c.022-.034.044-.068.068-.102.086-.121.178-.237.268-.351,0-.001.002-.002.003-.004h0s.057-.072.057-.072c.026-.034.052-.068.081-.102.067-.08.138-.155.209-.23l.011-.012.039-.042h0s.067-.073.067-.073c.021-.023.042-.044.063-.067.021-.022.041-.045.064-.067h0s0,0,0,0c0,0,.001-.002.002-.002l.034-.036c2.715-2.754,3.182-6.829,1.388-10.038.024.013.049.024.073.037.105.057.212.111.319.164.039.019.077.039.117.057.145.068.291.132.439.191.026.01.052.019.077.029.125.048.25.094.377.136.047.016.095.031.142.046.113.036.228.069.343.1.044.012.087.024.131.035.156.039.313.075.471.106.016.003.032.005.048.008.143.027.287.049.431.069.049.007.099.012.148.018.118.014.236.025.355.034.049.004.097.008.146.01.163.009.326.015.491.015.789,0,1.576-.11,2.328-.325.149-.037.3-.068.451-.097.052-.01.104-.018.157-.027.101-.017.202-.031.304-.044.06-.008.119-.015.179-.022.123-.013.246-.022.37-.029.026-.001.052-.004.077-.005-1.062,2.27-1.059,4.945.009,7.208l.241.473c.387.699.861,1.332,1.411,1.884.123.122.242.248.357.378.344.39.648.812.908,1.261.225.389.413.794.566,1.207.548,1.478.638,3.086.239,4.643-.021.083-.044.166-.068.249-.022.078-.047.157-.074.242-.012.036-.026.071-.039.106-.039.112-.078.224-.122.336h0s-.039.097-.039.097c-.049.119-.104.236-.158.353-.05.107-.103.212-.158.316-.045.085-.087.171-.135.254l-.035.06c-.055.093-.111.185-.168.275h0s0,0,0,0h0s-.039.06-.039.06c-.057.088-.117.174-.177.259,0,.001-.002.003-.003.004h0s0,0,0,0l-.048.067h0ZM34.435,25.117s-.006.007-.009.01c-.077.089-.157.176-.237.261-.062.066-.125.131-.19.194-.005.005-.011.01-.016.015-.09.088-.181.173-.274.255-.058.052-.117.103-.177.153-.119.099-.241.196-.366.288h0c-.04.03-.081.058-.122.087l-.031.022c-.135.094-.271.187-.414.273l-.052.032h0c-.159.095-.327.187-.497.273-.002,0-.003.002-.005.002h0s-.052.027-.052.027c-.189.093-.377.177-.565.252-.586.234-1.2.398-1.848.489-.004,0-.008,0-.012.001-.108.015-.216.027-.323.037-.082.008-.164.015-.251.02h0s-.046.004-.046.004h0c-.174.01-.349.011-.523.009-.002,0-.003,0-.005,0-.118-.001-.236-.008-.373-.016l-.074-.004c-.073-.004-.146-.008-.218-.014-.082-.008-.163-.019-.244-.031l-.08-.011h0s-.026-.003-.026-.003l-.056-.008c-.006,0-.011-.002-.017-.002-.08-.011-.16-.021-.239-.036h0c-.048-.009-.096-.02-.144-.031l-.027-.006-.066-.014h0s-.032-.007-.032-.007c-.128-.027-.257-.055-.384-.09l-.034-.008c-3.749-.97-7.518.664-9.409,3.826,0-.025-.003-.05-.004-.075-.003-.123-.009-.246-.018-.369-.003-.039-.004-.078-.008-.117-.013-.159-.031-.317-.053-.474-.005-.037-.012-.074-.018-.111-.019-.123-.041-.245-.065-.366-.01-.051-.021-.102-.033-.153-.025-.115-.054-.23-.084-.344-.012-.044-.022-.088-.035-.131-.044-.154-.091-.307-.144-.459-.008-.023-.017-.045-.025-.068-.046-.13-.096-.26-.149-.389-.019-.046-.039-.091-.059-.137-.048-.11-.098-.219-.15-.328-.021-.043-.041-.085-.062-.127-.074-.147-.151-.292-.234-.435h0c-.376-.649-.837-1.246-1.369-1.775-.171-.171-.331-.355-.486-.543-.038-.046-.076-.093-.113-.14-.15-.191-.294-.387-.426-.593-.002-.003-.003-.005-.005-.008,2.494-.219,4.809-1.558,6.24-3.607l.01.017.28-.461c.411-.678.725-1.408.932-2.173.178-.671.444-1.315.791-1.913.13-.225.271-.443.421-.651.011-.015.023-.028.034-.043.14-.193.287-.38.443-.558.031-.036.067-.067.099-.102.139-.153.28-.304.431-.445.058-.055.122-.102.182-.155.13-.115.259-.231.396-.337.075-.057.156-.107.233-.161.129-.092.256-.187.391-.271.094-.059.195-.108.292-.163.124-.07.245-.144.373-.208.111-.055.229-.1.343-.15.12-.052.237-.11.36-.156.13-.049.265-.086.398-.129.115-.037.228-.08.345-.112h0s0,0,0,0c.005-.001.01-.002.015-.004.149-.039.299-.075.45-.106l.073-.014c.141-.028.282-.052.426-.072l.059-.008h0c.471-.062.942-.078,1.409-.055.403.019.804.066,1.203.147h0s0,0,0,0c0,0,0,0,0,0,.117.024.233.051.349.081l.041.011c.104.027.207.057.308.087l.077.024h0s0,0,0,0h0c.057.018.114.037.17.056.038.013.076.026.118.041l.091.033h0c.079.03.158.061.236.093h0s0,0,0,0h0s.132.055.132.055h0c.071.031.142.063.213.096.048.022.096.045.145.069.068.033.135.068.203.103.046.025.092.05.138.075h0s0,0,0,0h0s0,0,0,0c.071.04.142.08.212.121h0s0,0,0,0l.103.063c.083.051.165.103.245.157h0s0,0,0,0h0s.04.027.04.027c0,0,0,0,0,0h0c.061.041.118.087.177.13,1.167.841,2.079,1.974,2.643,3.305.047.11.091.222.132.334l.028.08h0s0,.002,0,.002c.033.091.064.183.094.275l.03.103c.027.088.053.177.076.267l.022.091c.015.061.029.122.043.184.009.042.019.084.029.133l.007.035h0c.022.111.043.223.061.339l.002.013h0c.059.39.089.787.089,1.181,0,.658-.082,1.313-.249,1.963-.028.108-.059.214-.091.32,0,.001,0,.002-.001.004h0s0,0,0,.001l-.02.065c-.029.091-.06.181-.093.273l-.04.11h0s0,0,0,0v.002s0,0,0,0c-.014.037-.028.073-.043.112l-.004.009c-.014.034-.028.07-.044.109l-.061.144h0c-.027.063-.056.125-.085.187-.028.059-.056.118-.085.177-.028.055-.056.11-.085.165h0s0,.002-.001.002c-.031.059-.063.118-.097.177l-.002.003h0s0,0,0,0h0c-.015.028-.031.055-.047.082-.009.016-.018.032-.028.048l-.002.003h0s-.002.004-.003.005c-.094.159-.192.312-.294.462-.002.003-.004.006-.006.009,0,0,0,0,0,0h0s0,0,0,0l-.088.123h0s-.003.004-.005.006c-.093.13-.189.255-.288.377-.005.006-.01.013-.015.02h0c-.036.043-.072.084-.108.126l-.024.028s-.002.003-.003.004Z' fill='%23000'/%3e%3c/svg%3e");

    /* CUSTOM */
    --c6-animation-bounce-end: bounce-end var(--c6-duration-5) alternate ease infinite;
    --c6-animation-bounce-start: bounce-start var(--c6-duration-5) alternate ease infinite;
    /* --c6-font-family-header: "Bricolage Grotesque", var(--c6-font-family-serif); */
    --c6-font-family-header: "PT Serif", var(--c6-font-family-serif);
    --c6-font-family-base: "Lato", var(--c6-font-family-sans);

    --c6-color-gray-0: var(--c6-color-stone-0);
    --c6-color-gray-1: var(--c6-color-stone-1);
    --c6-color-gray-2: var(--c6-color-stone-2);

    --c6-color-hero-grad-1: var(--c6-color-brand-1);
    --c6-color-hero-grad-2: var(--c6-color-brand-4);

    /* VARIABLES */
    --c6-size-base: var(--c6-size-wide);
    --c6-border-radius-base: var(--c6-border-radius-md);
    --c6-border-radius-button: var(--c6-border-radius-lg);
    --c6-header-min-height: 7.5rem;
    --c6-border-radius-feature: var(--c6-size-fluid-7);

    --c6-radius-blob-1: 30% 70% 70% 30% / 53% 30% 70% 47%;
    --c6-radius-blob-2: 53% 47% 34% 66% / 63% 46% 54% 37%;
    --c6-radius-blob-3: 37% 63% 56% 44% / 49% 56% 44% 51%;
    --c6-radius-blob-4: 63% 37% 37% 63% / 43% 37% 63% 57%;
    --c6-radius-blob-5: 49% 51% 48% 52% / 57% 44% 56% 43%;
    --c6-radius-blob-6: 66% 34% 64% 36% / 44% 56% 44% 56%;
    --c6-radius-blob-7: 41% 59% 41% 59% / 63% 35% 65% 37%;


    /* LIGHT MODE */
    --c6-filter-color-1--light: invert(95%) sepia(55%) saturate(7482%) hue-rotate(182deg) brightness(104%) contrast(99%); /* purple */
    --c6-filter-color-2--light: invert(90%) sepia(22%) saturate(180%) hue-rotate(64deg) brightness(101%) contrast(87%); /* emerald */
    --c6-filter-color-3--light: invert(92%) sepia(23%) saturate(263%) hue-rotate(352deg) brightness(98%) contrast(90%); /* yellow */
    --c6-filter-color-4--light: invert(87%) sepia(4%) saturate(2061%) hue-rotate(189deg) brightness(102%) contrast(101%); /* indigo */
    --c6-filter-color-5--light: invert(81%) sepia(23%) saturate(183%) hue-rotate(272deg) brightness(107%) contrast(96%); /* pink */
    --c6-filter-color-6--light: invert(94%) sepia(7%) saturate(686%) hue-rotate(111deg) brightness(98%) contrast(91%); /* cyan */

    --c6-color-hero-em--light: var(--c6-color-violet-4);
    --c6-color-hero-em-hover--light: var(--c6-color-violet-6);

    --c6-color-img-accent-1--light: var(--c6-color-violet-4);
    --c6-color-img-accent-2--light: var(--c6-color-rose-4);

    --c6-color-surface-base--light: white;
    --c6-color-surface-canvas--light: var(--c6-color-gray-1);
    --c6-color-surface-content--light: white;
    --c6-color-surface-card--light: white;
    --c6-color-surface-site-content--light: var(--c6-color-surface-canvas);
    --c6-color-stroke-site-content--light: var(--c6-color-surface-canvas);

    --c6-color-primary--light: var(--c6-color-brand-1);
    --c6-color-ui-primary--light: var(--c6-color-violet-1);
    --c6-color-highlight-primary--light: var(--c6-color-violet-2);
    --c6-color-text-primary--light: var(--c6-color-violet-8);
    --c6-color-border-primary--light: var(--c6-color-violet-2);

    /* --c6-color-ui-accent--light: var(--c6-color-cyan-1);
    --c6-color-highlight-accent--light: var(--c6-color-cyan-2);
    --c6-color-text-accent--light: var(--c6-color-cyan-7);  
    --c6-color-border-accent--light: var(--c6-color-cyan-2);  */

    /* --c6-color-bg-1--light: var(--c6-color-brand-1);
    --c6-color-bg-2--light: var(--c6-color-brand-2);
    --c6-color-bg-3--light: var(--c6-color-brand-3);
    --c6-color-bg-4--light: var(--c6-color-brand-4); */

    --c6-color-bg-1--light: var(--c6-color-purple-2);
    --c6-color-bg-2--light: var(--c6-color-emerald-2);
    --c6-color-bg-3--light: var(--c6-color-yellow-2);
    --c6-color-bg-4--light: var(--c6-color-indigo-2);
    --c6-color-bg-5--light: var(--c6-color-pink-2);
    --c6-color-bg-6--light: var(--c6-color-cyan-2);

    --c6-color-bg-1-hover--light: var(--c6-color-purple-1);
    --c6-color-bg-2-hover--light: var(--c6-color-emerald-1);
    --c6-color-bg-3-hover--light: var(--c6-color-yellow-1);
    --c6-color-bg-4-hover--light: var(--c6-color-indigo-1);
    --c6-color-bg-5-hover--light: var(--c6-color-pink-1);
    --c6-color-bg-6-hover--light: var(--c6-color-cyan-1);

    --c6-color-bg-1-accent--light: var(--c6-color-purple-3);
    --c6-color-bg-2-accent--light: var(--c6-color-emerald-3);
    --c6-color-bg-3-accent--light: var(--c6-color-yellow-3);
    --c6-color-bg-4-accent--light: var(--c6-color-indigo-3);
    --c6-color-bg-5-accent--light: var(--c6-color-pink-3);
    --c6-color-bg-6-accent--light: var(--c6-color-cyan-3);

    --c6-color-brand--light: var(--c6-color-brand-1);
    --c6-color-accent--light: var(--c6-color-brand-2);
    --c6-color-action--light: var(--c6-color-brand-1);

    --c6-color-masthead--light: var(--c6-color-stone-1);
    --c6-color-footer--light: var(--c6-color-violet-9);
    --c6-color-footer-logo--light: white;

    --c6-color-display--light: var(--c6-color-violet-8); 
    --c6-color-display-shade--light: var(--c6-color-violet-9); 
    --c6-color-text-display--light: var(--c6-color-violet-9);
    --c6-color-text-footer--light: white;

    --c6-color-ui-card-product-1--light: var(--c6-color-bg-1);
    --c6-color-hover-card-product-1--light: var(--c6-color-bg-1-hover--light);

    --c6-color-ui-card-product-2--light: var(--c6-color-bg-2);
    --c6-color-hover-card-product-2--light: var(--c6-color-bg-2-hover--light);

    --c6-color-ui-card-product-3--light: var(--c6-color-bg-3);
    --c6-color-hover-card-product-3--light: var(--c6-color-bg-3-hover--light);

    --c6-color-ui-card-product-4--light: var(--c6-color-bg-4);
    --c6-color-hover-card-product-4--light: var(--c6-color-bg-4-hover--light);



    /* DARK MODE */
    --c6-filter-color-1--dark: invert(95%) sepia(55%) saturate(7482%) hue-rotate(182deg) brightness(104%) contrast(99%); /* purple */
    --c6-filter-color-2--dark: invert(90%) sepia(22%) saturate(180%) hue-rotate(64deg) brightness(101%) contrast(87%); /* emerald */
    --c6-filter-color-3--dark: invert(92%) sepia(23%) saturate(263%) hue-rotate(352deg) brightness(98%) contrast(90%); /* yellow */
    --c6-filter-color-4--dark: invert(87%) sepia(4%) saturate(2061%) hue-rotate(189deg) brightness(102%) contrast(101%); /* indigo */
    --c6-filter-color-5--dark: invert(81%) sepia(23%) saturate(183%) hue-rotate(272deg) brightness(107%) contrast(96%); /* pink */
    --c6-filter-color-6--dark: invert(94%) sepia(7%) saturate(686%) hue-rotate(111deg) brightness(98%) contrast(91%); /* cyan */

    --c6-color-hero-em--dark: var(--c6-color-violet-6);
    --c6-color-hero-em-hover--dark: var(--c6-color-violet-7);

    --c6-color-img-accent-1--dark: var(--c6-color-violet-6);
    --c6-color-img-accent-2--dark: var(--c6-color-rose-6);

    --c6-color-surface-base--dark: var(--c6-color-gray-9);
    --c6-color-surface-canvas--dark: var(--c6-color-gray-10);
    --c6-color-surface-content--dark: var(--c6-color-gray-9);
    --c6-color-surface-card--dark: var(--c6-color-gray-9);
    --c6-color-surface-site-content--dark: var(--c6-color-gray-10);
    --c6-color-stroke-site-content--dark: var(--c6-color-gray-10);

    --c6-color-primary--dark: var(--c6-color-violet-4);
    --c6-color-ui-primary--dark: var(--c6-color-violet-9);
    --c6-color-highlight-primary--dark: var(--c6-color-violet-8);
    --c6-color-text-primary--dark: var(--c6-color-violet-2);
    --c6-color-border-primary--dark: var(--c6-color-violet-8);

    /* --c6-color-ui-accent--dark: var(--c6-color-cyan-10);
    --c6-color-highlight-accent--dark: var(--c6-color-cyan-8);
    --c6-color-text-accent--dark: var(--c6-color-cyan-3);  
    --c6-color-border-accent--dark: var(--c6-color-cyan-8);  */

    --c6-color-bg-1--dark: var(--c6-color-purple-9);
    --c6-color-bg-2--dark: var(--c6-color-emerald-9);
    --c6-color-bg-3--dark: var(--c6-color-yellow-9);
    --c6-color-bg-4--dark: var(--c6-color-indigo-9);
    --c6-color-bg-5--dark: var(--c6-color-pink-9);
    --c6-color-bg-6--dark: var(--c6-color-cyan-9);

    --c6-color-bg-1-hover--dark: var(--c6-color-purple-8);
    --c6-color-bg-2-hover--dark: var(--c6-color-emerald-8);
    --c6-color-bg-3-hover--dark: var(--c6-color-yellow-8);
    --c6-color-bg-4-hover--dark: var(--c6-color-indigo-8);
    --c6-color-bg-5-hover--dark: var(--c6-color-pink-8);
    --c6-color-bg-6-hover--dark: var(--c6-color-cyan-8);

    --c6-color-bg-1-accent--dark: var(--c6-color-purple-7);
    --c6-color-bg-2-accent--dark: var(--c6-color-emerald-7);
    --c6-color-bg-3-accent--dark: var(--c6-color-yellow-7);
    --c6-color-bg-4-accent--dark: var(--c6-color-indigo-7);
    --c6-color-bg-5-accent--dark: var(--c6-color-pink-7);
    --c6-color-bg-6-accent--dark: var(--c6-color-cyan-7);

    --c6-color-brand--dark: var(--c6-color-violet-3);
    --c6-color-accent--dark: var(--c6-color-brand-2);
    --c6-color-action--dark: var(--c6-color-violet-2);

    --c6-color-masthead--dark: color-mix(in srgb,var(--c6-color-indigo-9) 80%,#000);
    --c6-color-footer--dark: var(--c6-color-surface-canvas);
    --c6-color-footer-logo--dark: white;

    --c6-color-display--dark: var(--c6-color-violet-2); 
    --c6-color-display-shade--dark: var(--c6-color-violet-3); 
    --c6-color-text-display--dark: var(--c6-color-violet-2);
    --c6-color-text-footer--dark: white;

    --c6-color-ui-card-product-1--dark: var(--c6-color-bg-1);
    --c6-color-hover-card-product-1--dark: var(--c6-color-bg-1-hover--dark);

    --c6-color-ui-card-product-2--dark: var(--c6-color-bg-2);
    --c6-color-hover-card-product-2--dark: var(--c6-color-bg-2-hover--dark);

    --c6-color-ui-card-product-3--dark: var(--c6-color-bg-3);
    --c6-color-hover-card-product-3--dark: var(--c6-color-bg-3-hover--dark);
    
    --c6-color-ui-card-product-4--dark: var(--c6-color-bg-4);
    --c6-color-hover-card-product-4--dark: var(--c6-color-bg-4-hover--dark);

    --c6-color-stroke-ui--dark: var(--c6-color-gray-7);
  }
  
  /* Default / Light theme specific variables */
  :where(:root),
  [color-scheme="light"] {
    color-scheme: light;

    --c6-filter-color-1: var(--c6-filter-color-1--light);
    --c6-filter-color-2: var(--c6-filter-color-2--light);
    --c6-filter-color-3: var(--c6-filter-color-3--light);
    --c6-filter-color-4: var(--c6-filter-color-4--light);
    --c6-filter-color-5: var(--c6-filter-color-5--light);
    --c6-filter-color-6: var(--c6-filter-color-6--light);

    --c6-color-hero-em: var(--c6-color-hero-em--light);
    --c6-color-hero-em-hover: var(--c6-color-hero-em-hover--light);

    --c6-color-img-accent-1: var(--c6-color-img-accent-1--light);
    --c6-color-img-accent-2: var(--c6-color-img-accent-2--light);

    /* --c6-color-surface-base: var(--c6-color-surface-base--light);
    --c6-color-surface-canvas: var(--c6-color-surface-canvas--light);
    --c6-color-surface-content: var(--c6-color-surface-content--light);
    --c6-color-surface-card: var(--c6-color-surface-card--light); */
    --c6-color-surface-site-content: var(--c6-color-surface-site-content--light);
    --c6-color-stroke-site-content: var(--c6-color-stroke-site-content--light);

    --c6-color-primary: var(--c6-color-primary--light);
    --c6-color-ui-primary: var(--c6-color-ui-primary--light);
    --c6-color-highlight-primary: var(--c6-color-highlight-primary--light);
    --c6-color-text-primary: var(--c6-color-text-primary--light);  
    --c6-color-border-primary: var(--c6-color-border-primary--light); 

    --c6-color-bg-1: var(--c6-color-bg-1--light);
    --c6-color-bg-2: var(--c6-color-bg-2--light);
    --c6-color-bg-3: var(--c6-color-bg-3--light);
    --c6-color-bg-4: var(--c6-color-bg-4--light);
    --c6-color-bg-5: var(--c6-color-bg-5--light);
    --c6-color-bg-6: var(--c6-color-bg-6--light);

    --c6-color-bg-1-hover: var(--c6-color-bg-1-hover--light);
    --c6-color-bg-2-hover: var(--c6-color-bg-2-hover--light);
    --c6-color-bg-3-hover: var(--c6-color-bg-3-hover--light);
    --c6-color-bg-4-hover: var(--c6-color-bg-4-hover--light);
    --c6-color-bg-5-hover: var(--c6-color-bg-5-hover--light);
    --c6-color-bg-6-hover: var(--c6-color-bg-6-hover--light);

    --c6-color-bg-1-accent: var(--c6-color-bg-1-accent--light);
    --c6-color-bg-2-accent: var(--c6-color-bg-2-accent--light);
    --c6-color-bg-3-accent: var(--c6-color-bg-3-accent--light);
    --c6-color-bg-4-accent: var(--c6-color-bg-4-accent--light);
    --c6-color-bg-5-accent: var(--c6-color-bg-5-accent--light);
    --c6-color-bg-6-accent: var(--c6-color-bg-6-accent--light);

    --c6-color-brand: var(--c6-color-brand--light);
    --c6-color-accent: var(--c6-color-accent--light);
    --c6-color-action: var(--c6-color-action--light);

    --c6-color-masthead: var(--c6-color-masthead--light);
    --c6-color-footer: var(--c6-color-footer--light);
    --c6-color-footer-logo: var(--c6-color-footer-logo--light);

    --c6-color-display: var(--c6-color-display--light); 
    --c6-color-display-shade: var(--c6-color-display-shade--light); 
    --c6-color-text-display: var(--c6-color-text-display--light); 
    --c6-color-text-footer: var(--c6-color-text-footer--light);   
  }
  
  /* Dark theme specific variables based on system preference */
  @media (prefers-color-scheme: dark) {
    :where(:root) {
      color-scheme: dark;

      --c6-filter-color-1: var(--c6-filter-color-1--dark);
      --c6-filter-color-2: var(--c6-filter-color-2--dark);
      --c6-filter-color-3: var(--c6-filter-color-3--dark);
      --c6-filter-color-4: var(--c6-filter-color-4--dark);
      --c6-filter-color-5: var(--c6-filter-color-5--dark);
      --c6-filter-color-6: var(--c6-filter-color-6--dark);

      --c6-color-hero-em: var(--c6-color-hero-em--dark);
      --c6-color-hero-em-hover: var(--c6-color-hero-em-hover--dark);

      --c6-color-img-accent-1: var(--c6-color-img-accent-1--dark);
      --c6-color-img-accent-2: var(--c6-color-img-accent-2--dark);

      --c6-color-primary: var(--c6-color-primary--dark);
      --c6-color-ui-primary: var(--c6-color-ui-primary--dark);
      --c6-color-highlight-primary: var(--c6-color-highlight-primary--dark);
      --c6-color-text-primary: var(--c6-color-text-primary--dark);  
      --c6-color-border-primary: var(--c6-color-border-primary--dark); 

      --c6-color-bg-1: var(--c6-color-bg-1--dark);
      --c6-color-bg-2: var(--c6-color-bg-2--dark);
      --c6-color-bg-3: var(--c6-color-bg-3--dark);
      --c6-color-bg-4: var(--c6-color-bg-4--dark);
      --c6-color-bg-5: var(--c6-color-bg-5--dark);
      --c6-color-bg-6: var(--c6-color-bg-6--dark);

      --c6-color-bg-1-hover: var(--c6-color-bg-1-hover--dark);
      --c6-color-bg-2-hover: var(--c6-color-bg-2-hover--dark);
      --c6-color-bg-3-hover: var(--c6-color-bg-3-hover--dark);
      --c6-color-bg-4-hover: var(--c6-color-bg-4-hover--dark);
      --c6-color-bg-5-hover: var(--c6-color-bg-5-hover--dark);
      --c6-color-bg-6-hover: var(--c6-color-bg-6-hover--dark);

      --c6-color-bg-1-accent: var(--c6-color-bg-1-accent--dark);
      --c6-color-bg-2-accent: var(--c6-color-bg-2-accent--dark);
      --c6-color-bg-3-accent: var(--c6-color-bg-3-accent--dark);
      --c6-color-bg-4-accent: var(--c6-color-bg-4-accent--dark);
      --c6-color-bg-5-accent: var(--c6-color-bg-5-accent--dark);
      --c6-color-bg-6-accent: var(--c6-color-bg-6-accent--dark);

      --c6-color-comp-1: var(--c6-color-comp-1--dark);

      --c6-color-brand: var(--c6-color-brand--dark);
      --c6-color-accent: var(--c6-color-accent--dark);
      --c6-color-action: var(--c6-color-action--dark);

      --c6-color-masthead: var(--c6-color-masthead--dark);
      --c6-color-footer: var(--c6-color-footer--dark);
      --c6-color-footer-logo: var(--c6-color-footer-logo--dark);

      --c6-color-display: var(--c6-color-display--dark); 
      --c6-color-display-shade: var(--c6-color-display-shade--dark); 
      --c6-color-text-display: var(--c6-color-text-display--dark); 
      --c6-color-text-footer: var(--c6-color-text-footer--dark); 
    }
  }
  
  /* Dark theme specific variables based on manual override */
  [color-scheme="dark"] {
    color-scheme: dark;

    --c6-filter-color-1: var(--c6-filter-color-1--dark);
    --c6-filter-color-2: var(--c6-filter-color-2--dark);
    --c6-filter-color-3: var(--c6-filter-color-3--dark);
    --c6-filter-color-4: var(--c6-filter-color-4--dark);
    --c6-filter-color-5: var(--c6-filter-color-5--dark);
    --c6-filter-color-6: var(--c6-filter-color-6--dark);

    --c6-color-hero-em: var(--c6-color-hero-em--dark);
    --c6-color-hero-em-hover: var(--c6-color-hero-em-hover--dark);

    --c6-color-img-accent-1: var(--c6-color-img-accent-1--dark);
    --c6-color-img-accent-2: var(--c6-color-img-accent-2--dark);

    --c6-color-primary: var(--c6-color-primary--dark);
    --c6-color-ui-primary: var(--c6-color-ui-primary--dark);
    --c6-color-highlight-primary: var(--c6-color-highlight-primary--dark);
    --c6-color-text-primary: var(--c6-color-text-primary--dark);  
    --c6-color-border-primary: var(--c6-color-border-primary--dark); 

    --c6-color-bg-1: var(--c6-color-bg-1--dark);
    --c6-color-bg-2: var(--c6-color-bg-2--dark);
    --c6-color-bg-3: var(--c6-color-bg-3--dark);
    --c6-color-bg-4: var(--c6-color-bg-4--dark);
    --c6-color-bg-5: var(--c6-color-bg-5--dark);
    --c6-color-bg-6: var(--c6-color-bg-6--dark);

    --c6-color-bg-1-hover: var(--c6-color-bg-1-hover--dark);
    --c6-color-bg-2-hover: var(--c6-color-bg-2-hover--dark);
    --c6-color-bg-3-hover: var(--c6-color-bg-3-hover--dark);
    --c6-color-bg-4-hover: var(--c6-color-bg-4-hover--dark);
    --c6-color-bg-5-hover: var(--c6-color-bg-5-hover--dark);
    --c6-color-bg-6-hover: var(--c6-color-bg-6-hover--dark);

    --c6-color-bg-1-accent: var(--c6-color-bg-1-accent--dark);
    --c6-color-bg-2-accent: var(--c6-color-bg-2-accent--dark);
    --c6-color-bg-3-accent: var(--c6-color-bg-3-accent--dark);
    --c6-color-bg-4-accent: var(--c6-color-bg-4-accent--dark);
    --c6-color-bg-5-accent: var(--c6-color-bg-5-accent--dark);
    --c6-color-bg-6-accent: var(--c6-color-bg-6-accent--dark);

    --c6-color-comp-1: var(--c6-color-comp-1--dark);

    --c6-color-brand: var(--c6-color-brand--dark);
    --c6-color-accent: var(--c6-color-accent--dark);
    --c6-color-action: var(--c6-color-action--dark);

    --c6-color-masthead: var(--c6-color-masthead--dark);
    --c6-color-footer: var(--c6-color-footer--dark);
    --c6-color-footer-logo: var(--c6-color-footer-logo--dark);

    --c6-color-display: var(--c6-color-display--dark); 
    --c6-color-display-shade: var(--c6-color-display-shade--dark); 
    --c6-color-text-display: var(--c6-color-text-display--dark); 
    --c6-color-text-footer: var(--c6-color-text-footer--dark); 

    /* --c6-color-ui-card-product-1: var(--c6-color-ui-card-product-1--dark);
    --c6-color-hover-card-product-1: var(--c6-color-hover-card-product-1--dark);
    --c6-color-ui-card-product-2: var(--c6-color-ui-card-product-2--dark);
    --c6-color-hover-card-product-2: var(--c6-color-hover-card-product-2--dark);
    --c6-color-ui-card-product-3: var(--c6-color-ui-card-product-3--dark);
    --c6-color-hover-card-product-3: var(--c6-color-hover-card-product-3--dark);
    --c6-color-ui-card-product-4: var(--c6-color-ui-card-product-4--dark);
    --c6-color-hover-card-product-4: var(--c6-color-hover-card-product-4--dark); */
  }
  




  .service--testme {
    --c6-service-logo-height: 2rem;

    --c6-color-service--light: var(--c6-color-text-1);
    --c6-color-service-logo-main--light: #4f4ea0;
    --c6-color-service-logo-2--light: #60b1ce;
    --c6-color-service-logo-3--light: #e9cbcb;
    --c6-color-service-logo-4--light: #8d56a8;
    --c6-color-service-logo-5--light: #8ac6c2;
    --c6-color-service-logo-6--light: #e88b91;

    --c6-color-service--dark: var(--c6-color-text-1);
    --c6-color-service-logo-main--dark: #4f4ea0;
    --c6-color-service-logo-2--dark: #60b1ce;
    --c6-color-service-logo-3--dark: #e9cbcb;
    --c6-color-service-logo-4--dark: #8d56a8;
    --c6-color-service-logo-5--dark: #8ac6c2;
    --c6-color-service-logo-6--dark: #e88b91;
  }

  :is(.service--testme) {
    color-scheme: light;
    --c6-color-service: var(--c6-color-service--light);
    --c6-color-service-logo-main: var(--c6-color-service-logo-main--light);
    --c6-color-service-logo-2: var(--c6-color-service-logo-2--light);
    --c6-color-service-logo-3: var(--c6-color-service-logo-3--light);
    --c6-color-service-logo-4: var(--c6-color-service-logo-4--light);
    --c6-color-service-logo-5: var(--c6-color-service-logo-5--light);
    --c6-color-service-logo-6: var(--c6-color-service-logo-6--light);
  }

  [color-scheme=light] :is(.service--testme) {
    color-scheme: light;
    --c6-color-service: var(--c6-color-service--light);
    --c6-color-service-logo-main: var(--c6-color-service-logo-main--light);
    --c6-color-service-logo-2: var(--c6-color-service-logo-2--light);
    --c6-color-service-logo-3: var(--c6-color-service-logo-3--light);
    --c6-color-service-logo-4: var(--c6-color-service-logo-4--light);
    --c6-color-service-logo-5: var(--c6-color-service-logo-5--light);
    --c6-color-service-logo-6: var(--c6-color-service-logo-6--light);
  }

  @media(prefers-color-scheme: dark) {
    :is(.service--testme) {
      color-scheme: dark;
      --c6-color-service: var(--c6-color-service--dark);
      --c6-color-service-logo-main: var(--c6-color-service-logo-main--dark);
      --c6-color-service-logo-2: var(--c6-color-service-logo-2--dark);
      --c6-color-service-logo-3: var(--c6-color-service-logo-3--dark);
      --c6-color-service-logo-4: var(--c6-color-service-logo-4--dark);
      --c6-color-service-logo-5: var(--c6-color-service-logo-5--dark);
      --c6-color-service-logo-6: var(--c6-color-service-logo-6--dark);
    }
  }
  [color-scheme=dark] :is(.service--.testme) {
    color-scheme: dark;
    --c6-color-service: var(--c6-color-service--dark);
    --c6-color-service-logo-main: var(--c6-color-service-logo-main--dark);
    --c6-color-service-logo-2: var(--c6-color-service-logo-2--dark);
    --c6-color-service-logo-3: var(--c6-color-service-logo-3--dark);
    --c6-color-service-logo-4: var(--c6-color-service-logo-4--dark);
    --c6-color-service-logo-5: var(--c6-color-service-logo-5--dark);
    --c6-color-service-logo-6: var(--c6-color-service-logo-6--dark);
  }

  /* Site-wide */
  .testme {
    --c6-header-min-height: 5rem;

    :target, [id] {
      scroll-margin-block-start: var(--c6-header-min-height);
    }
    .dropdown__panel {
      outline: 0;

      .wrapper:focus-visible {
        outline: 0;
      }
    }

    .prose .notification {
      margin-block: var(--c6-size-fluid-5);
    }

    .service-logo-text {
      fill: var(--c6-color-service);
    }

    .service-logo-main {
      fill: var(--c6-color-service-logo-main);
    }

    .service-logo-2 {
      fill: var(--c6-color-service-logo-2);
    }

    .service-logo-3 {
      fill: var(--c6-color-service-logo-3);
    }

    .service-logo-4 {
      fill: var(--c6-color-service-logo-4);
    }

    .service-logo-5 {
      fill: var(--c6-color-service-logo-5);
    }

    .service-logo-6 {
      fill: var(--c6-color-service-logo-6);
    }

    .dropdown[data-type="mega"] {
      
      .dropdown__panel {
        @media (min-width: 992px) { 
          inset-block-start: 0;
          padding-block-start: calc(var(--c6-header-min-height) * 1.5);
          padding-block-end: var(--c6-header-min-height);
          z-index: -1;

          @media (prefers-reduced-motion: no-preference) {
            animation: var(--c6-animation-fade-in), var(--c6-animation-slide-in-down);

            & * {
              opacity: 0;
              animation: 
                var(--c6-animation-fade-in) forwards;
              animation-timing-function: var(--c6-ease-out-4);
              animation-delay: .25s
            }
          }
        }

        .stack-nav {
          a[href*="comprehensive"]:hover {
            background-color: var(--c6-color-bg-1-hover);
            color: var(--c6-color-text-purple);
          }
          a[href*="standard"]:hover {
            background-color: var(--c6-color-bg-2-hover);
            color: var(--c6-color-text-emerald);
          }
          a[href*="hiv"]:hover {
            background-color: var(--c6-color-bg-3-hover);
            color: var(--c6-color-text-yellow);
          }
          :is(a[href*="gonorrhoea"], a[href*="basic"]):hover {
            background-color: var(--c6-color-bg-4-hover);
            color: var(--c6-color-text-indigo);
          }
        }

        .stack-nav__heading {                
          font-size: var(--c6-font-size-fluid-2);
          color: var(--c6-color-text-primary);    
          margin-block-end: var(--c6-size-fluid-narrow);
        }

        .mega {
          grid-column: content;
        }

      }
    }

    
  }

  :where(.button, button, input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]):not(.icon-button, [data-type="icon-button"]),
  :where(input[type="file"])::file-selector-button {
    --c6-button-border-radius: var(--c6-border-radius-button);
    --c6-button-padding-inline: 2ch;
    --c6-shadow-depth: 0 0 var(--c6-color-border);

    @media (prefers-reduced-motion: no-preference) {
      &:hover {
        svg {
          animation: var(--c6-animation-bounce-end);
        }

        :is(:dir(rtl), [dir="rtl"]) {
          animation: none;
        }
      }
    }
  }

  :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4):not(.notification__heading, .t-invert, .hero-bg *) {
    color: var(--c6-color-text-display);
    font-display: optional;
    font-family: var(--c6-font-family-header);
    font-optical-sizing: auto;
    font-weight: var(--c6-font-weight-medium);
    font-style: normal;
    font-variation-settings:
    "wdth" 100;
  }

  .site-head {
    &::after {
      background-color: var(--c6-color-surface-content);
      /* opacity: 0; */
    }
      
    :is(.site-head__link, .dropdown__control) {
      border-radius: var(--c6-border-radius-base);
    }

    .site-head__inner {
      padding-block: var(--c6-size-fluid-narrow);
    }
  }

  @supports (animation-timeline: view()) {
      
    @media (prefers-reduced-motion: no-preference) {      
      .testme {
        .site-head {
          &::after {
            animation: nav-bg auto linear both;
            animation-timeline: scroll();
            animation-range: 0% var(--c6-header-min-height);
          }
        }
      }
    }

    @keyframes fade-in {
      from { opacity: 0 }
      to   { opacity: 1 }
    }

    @keyframes nav-bg {
      from { background: var(--c6-color-surface-masthead); }
      to { background: var(--c6-color-surface-content); }
    }

  }

  .site-content {
    border-color: transparent;
    border-radius: 0;
    overflow-y: visible;
  }

  .site-footer {
    /* background-color: var(--c6-color-footer); */
    /* color: var(--c6-color-text-footer); */
    text-align: unset;
    padding: var(--c6-size-fluid-base);
    padding-block-start: var(--c6-size-fluid-7);

    .brand-logo {
      --c6-brand-logo-height: var(--c6-size-3);
    }
    .logo-text-shorthand {
      opacity: 0;
    }

    .site-footer__link {
      border-radius: var(--c6-border-radius-base);
    }

    hr {
      margin-block-start: var(--c6-size-fluid-base);
    }
  }

  .question-title {
    font-size: var(--c6-font-size-fluid-2);
  }
  .question-title + input {
    margin-block-start: .5rem;
  }





  /* Split layout */
  .bg-split-sidebar {
    /* background-color: var(--c6-color-brand-1); */
    background-color: var(--c6-color-surface-content);
    position: relative;
  }





  /* Article layout */
  .article .hero {
    padding-block: 0;
  }
  
  .article__toc {
    inset-block-start: 9rem;
  }

  /* .toc__wrapper {
    max-inline-size: var(--c6-size-xxs);
    block-size: 100%;
    overflow: auto;
    scrollbar-color: transparent transparent;
  } */





  /* HOME PAGE */
  .home {
    .hero {
      padding-block-end: clamp(7.00rem,calc(6.2rem + 1.95vw),9.00rem);
    }

    .hero__content {
      .lede {
        max-inline-size: 30ch;
        font-size: var(--c6-font-size-fluid-3);
      }
    }
  }

  .hero {
    background: var(--c6-color-masthead);
    padding-block: var(--c6-size-fluid-8);
    position: relative;

    &::after {
      content: "";
      position: absolute;
      inset: 0;
      background-image: var(--c6-bg-pattern-metaball);
      background-repeat: repeat;
      background-position: left center;
      background-size: 20px, 20px;
      z-index: 0;
      background-clip: padding-box;
      mask-image: linear-gradient(0deg, rgb(0, 0, 0), rgba(0, 0, 0, 0));
      opacity: 0.015;
    }
  }

  .hero__columns {
    position: relative;
    z-index: 1;
  }

  .hero__title, .headline__title {
    font-weight: var(--c6-font-weight-medium);
    font-display: optional;
  }

  .hero__title { 
    font-size: var(--c6-font-size-fluid-8);
    line-height: 1;
    max-inline-size: var(--c6-size-header-2);
    background: linear-gradient(120deg, var(--c6-color-display), var(--c6-color-display-shade));
    background-clip: text;
    color: transparent;
    word-wrap: normal;
    max-inline-size: unset;
  }
  .hero__title {
    em {
      display: inline-block;
      position: relative;
      z-index: 1;

      &::before, &::after {
        background-color: var(--c6-color-hero-em);
        content: "";
        display: block;
        height: .25em;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
      }
      &::after {
        background-color: var(--c6-color-hero-em-hover);
        transform: scaleX(0);
        transform-origin: 0 50%;
        transition: transform .3s cubic-bezier(.86,0,.07,1);
      }
    }

    &:hover {
      em::after {
        transform: scaleX(1);
      }
    }
  }

  .hero-bg {
    position: relative;
    border-radius: var(--c6-border-radius-lg);
    border-end-end-radius: var(--c6-border-radius-feature);
    /* aspect-ratio: var(--c6-ratio-landscape); */
    padding: 0;
    background-color: var(--c6-color-masthead);
    /* background-image: url('https://images.prismic.io/preventx-test-me/aNvuQJ5xUNkB1SAH_hero-1.jpg?auto=format,compress');
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat; */
    box-shadow: var(--c6-border-size-heavy) var(--c6-border-size-heavy) 0 -1px var(--c6-color-hero-em);
    
    /* &::before {
      content: '';
      position: absolute;
      inset: 0;
      background: rgba(140,199,195,.5);
      border-radius: var(--c6-border-radius-lg);
      border-end-end-radius: var(--c6-border-radius-feature);   
    } */

    figure {
      border-radius: inherit;
      overflow: hidden;
    }

    :is(.hero-item-1, .hero-item-2, .hero-item-3, .hero-item-4) {
      position: absolute;
      z-index: 1;
    }

    .hero-item-1 {
      inset-inline-start: 12px;
      inset-block-start: 16px;  
      transform: scale(.8);    
    }

    .hero-item-2 {
      inset-inline-start: calc(var(--c6-size-fluid-base) * -1);
      inset-block-end: 16px;
      inline-size: 100px;
      block-size: 100px;
/* 
      @media (min-width: 992px) { 
        inset-inline-start: calc(var(--c6-size-fluid-wide) * -3)
      } */
    }

    .hero-item-3 {
      inset-inline-end: -30px;
      inset-block-start: 40%;  
      background-image: var(--c6-bg-blob-outline);
      background-repeat: no-repeat;
      width: var(--c6-size-relative-13);
      aspect-ratio: 1;
      filter: var(--c6-filter-color-4);
      transform: scale(1.2);  
      /* outline: var(--c6-border-size-base) var(--c6-border-style-base) var(--c6-color-surface-content); */
    }

    .hero-item-4 {
      inset-inline-end: calc(var(--c6-size-fluid-base) * -1);
      inset-block-start: 16px;
      inline-size: 100px;
      block-size: 100px;
    }
    
    /* @supports (animation-timeline: view()) {
      @media (prefers-reduced-motion: no-preference) {
        .hero-item-3 {
          animation: spin linear;
          animation-timeline: view();
          animation-range: 25vh 75vh;
        }
      }
      @keyframes spin {
        to {
          transform: rotateY(1turn);
        }
      }
    } */
  }

  @media(prefers-reduced-motion: no-preference) {
    :is(.hero-bg, .hero-item-1, .hero-item-2, .hero-item-3) {
      opacity: 0;
      animation: 
        var(--c6-animation-fade-in) forwards,
        var(--c6-animation-slide-in-down) forwards;
      animation-timing-function: var(--c6-ease-out-4);
      animation-delay: .5s
    }

    .hero-item-1 {
      animation: var(--c6-animation-fade-in) forwards;
      animation-delay: .7s
    }

    .hero-item-2 {
      animation: var(--c6-animation-fade-in) forwards;
      animation-delay: .8s
    }

    .hero-item-3 {
      animation: var(--c6-animation-fade-in) forwards;
      animation-delay: 1s
    }

    /* @supports (animation-timeline: view()) {
      @media (prefers-reduced-motion: no-preference) {
        .hero-item-3 {
          animation: var(--c6-animation-spin) forwards;
          animation-timeline: view();
          animation-range: 0 75vh;
        }
      }
    } */

    
  }

  details[data-type="primary"] {
    & summary {
      &:focus-visible, &:hover {
        background-color: var(--c6-color-ui-primary);
      }
    }
    &[open] summary {
      background-color: var(--c6-color-ui-primary);
    }
  }





  /* REGIONS */

  /* Product cards */
  .region--products {
    background-color: var(--c6-color-surface-content);

    .headline__title {
      font-size: var(--c6-font-size-fluid-6);
      color: var(--c6-color-text-primary);
    }

    .headline__sub {
      max-inline-size: unset;
      font-size: var(--c6-font-size-fluid-2);
      margin-block-start: .25rem;
    }

    .feature-card { 
      &:is(:nth-child(1n), :nth-child(2n), :nth-child(3n), :nth-child(4n)) .card__hero img {
        transition: all var(--c6-duration-base) ease-out;
      }

      &:nth-child(1n) .card__hero img {
        transform: rotate(-5.5deg)
      }
      &:nth-child(2n) .card__hero img {
        transform: rotate(3deg)
      }
      &:nth-child(3n) .card__hero img {
        transform: rotate(-2deg)
      }
      &:nth-child(4n) .card__hero img {
        transform: rotate(5deg)
      }

      @media (prefers-reduced-motion: no-preference) {
        &:hover {
          &:is(:nth-child(1n), :nth-child(2n), :nth-child(3n), :nth-child(4n)) .card__hero img {
            transform: rotate(0deg) scale(1.1) translateY(-20px);
          }
        }
      }
      
    }

    .card {
      border: 0;
      border-radius: var(--c6-border-radius-lg);
      box-shadow: none;
      transition: all var(--c6-duration-base) ease-out;
    }

    .card__hero {
      padding: var(--c6-size-wide);
      position: relative;
      z-index: 1;

      &::before {
        z-index: -1;
        content: '';
        position: absolute;
        inset-inline-start: 0;
        inset-block-start: 0;
        block-size: 90%;
        inline-size: 100%;
        clip-path: ellipse(85% 100% at top);
        transform: translateY(-40%);
        transition: all var(--c6-duration-base) ease-out;
        opacity: .5;
      }

      img {
        border-radius: var(--c6-border-radius-base);
        max-inline-size: 75%;
        filter: drop-shadow(4px -4px 8px rgba(0, 0, 0, 0.25));
      }

      &:has(img) {
        padding-block-end: 0;
      }
    }

    .card__meta, .card__content {
      padding-block-end: 0;
    }

    .card__footer {
      inline-size: 100%;
      padding: var(--c6-size-wide);
      border: none;
      font-weight: var(--c6-font-weight-bold);
    }

    .card .button {
      color: var(--c6-color-text-1);
    }
  }

  :is(.button[data-type=link]:where(:not(:active,.active,[disabled],:disabled,.disabled):hover)).card__action {
    background-color: rgba(255,255,255,.25);
  }

  :is(.card--product-1, .card--product-2, .card--product-3, .card--product-4, .card--product-5) {
    border-width: var(--c6-border-size-base);
    border-style: var(--c6-border-style-base);

    @media (prefers-reduced-motion: no-preference) {
      &:hover {
        transform: translate(-2px, -2px);

        .card__hero::before {
          transform: translateY(-20%);
        }
      }
    }

    [class*="badge-solid"] {
      outline: var(--c6-border-size-base) var(--c6-border-style-base) var(--c6-color-surface-content);
    }
  }

  .card--product-1 {
    background-color: var(--c6-color-bg-1);
    border-color: var(--c6-color-bg-1);
    box-shadow: 0 0 var(--c6-color-bg-1-accent);

    @media (prefers-reduced-motion: no-preference) {
      &:hover {
        background-color: var(--c6-color-bg-1-hover);
        box-shadow: var(--c6-border-size-heavy) var(--c6-border-size-heavy) 0 -1px var(--c6-color-bg-1-accent);
      }
    }

    .card__heading {
      color: var(--c6-color-text-purple);
    }

    .button, .button[data-type=link] {
      background: var(--c6-color-bg-1-accent);
    }
    .card__hero::before {
      background: var(--c6-color-bg-1-accent);
    }
  }

  .card--product-2 {
    background-color: var(--c6-color-bg-2);
    border-color: var(--c6-color-bg-2);
    box-shadow: 0 0 var(--c6-color-bg-2-accent);

    @media (prefers-reduced-motion: no-preference) {
      &:hover {
        background-color: var(--c6-color-bg-2-hover);
        box-shadow: var(--c6-border-size-heavy) var(--c6-border-size-heavy) 0 -1px var(--c6-color-bg-2-accent);

        .card__meta {
          svg {
            animation: var(--c6-animation-blink);
          }
        }
      }
    }

    .card__heading {
      color: var(--c6-color-text-emerald);
    }

    .button, .button[data-type=link] {
      background-color: var(--c6-color-bg-2-accent);
    }
    .card__hero::before {
      background: var(--c6-color-bg-2-accent);
    }

    /* .card__meta {
      inset-block-start: 0;
      inset-block-end: unset;

      .badge {
        border-radius: var(--c6-border-radius-round);
        padding-inline: 1em;
      }
    } */
  }

  .card--product-3 {
    background-color: var(--c6-color-bg-3);
    border-color: var(--c6-color-bg-3);
    box-shadow: 0 0 var(--c6-color-bg-3-accent);

    @media (prefers-reduced-motion: no-preference) {
      &:hover {
        background-color: var(--c6-color-bg-3-hover);
        box-shadow: var(--c6-border-size-heavy) var(--c6-border-size-heavy) 0 -1px var(--c6-color-bg-3-accent);
      }
    }

    .card__heading {
      color: var(--c6-color-text-yellow);
    }

    .button, .button[data-type=link] {
      background-color: var(--c6-color-bg-3-accent);
    }
    .card__hero::before {
      background: var(--c6-color-bg-3-accent);
    }
  }

  .card--product-4 {
    background-color: var(--c6-color-bg-4);
    border-color: var(--c6-color-bg-4);
    box-shadow: 0 0 var(--c6-color-bg-4-accent);

    @media (prefers-reduced-motion: no-preference) {
      &:hover {
        background-color: var(--c6-color-bg-4-hover);
        box-shadow: var(--c6-border-size-heavy) var(--c6-border-size-heavy) 0 -1px var(--c6-color-bg-4-accent);
      }
    }

    .card__heading {
      color: var(--c6-color-text-indigo);
    }

    .button, .button[data-type=link] {
      background-color: var(--c6-color-bg-4-accent);
    }
    .card__hero::before {
      background: var(--c6-color-bg-4-accent);
    }
  }

  .card--product-5 {
    background-color: var(--c6-color-bg-5);
    border-color: var(--c6-color-bg-5);
    box-shadow: 0 0 var(--c6-color-bg-5-accent);

    @media (prefers-reduced-motion: no-preference) {
      &:hover {
        background-color: var(--c6-color-bg-5-hover);
        box-shadow: var(--c6-border-size-heavy) var(--c6-border-size-heavy) 0 -1px var(--c6-color-bg-5-accent);
      }
    }

    .card__heading {
      color: var(--c6-color-text-pink);
    }

    .button, .button[data-type=link] {
      background-color: var(--c6-color-bg-5-accent);
    }
    .card__hero::before {
      background: var(--c6-color-bg-5-accent);
    }
  }


  /* Priority service */
  .region--priority {
    background-color: var(--c6-color-surface-content);

    .feature-card {
      display: block;
      
      .card {
        background-color: var(--c6-color-display-shade);
        padding: 0;
        border-radius: var(--c6-border-radius-lg);
        z-index: 1;
        position: relative;

        &::before {
          background-clip: padding-box;
          background-image: var(--c6-bg-pattern-metaball);
          background-position: 100% 0;
          background-repeat: repeat;
          background-size: 40px, 40px;
          content: "";
          filter: invert(1);
          inset: 0;
          opacity: .05;
          position: absolute;
          z-index: -1;
        }

        /* p {
          display: inline-block;
          background-color: red;
          padding: .4rem 1rem;
          box-decoration-break: clone;
        } */
      }

      .card__hero {
        justify-content: end;
      }

      .card__hero img {
        mask-image: var(--c6-bg-mask-blob);
        mask-repeat: no-repeat;
        mask-size: 180%;
        position: absolute;
        inset-inline-end: 0;
        inset-block-end: 0;
        height: 100%;

        &::after {
          content: '';
          position: absolute;
          inset: 0;
          background: rgba(78,76,155,.25);
          mix-blend-mode: overlay;
        }
      }
      @media (max-width: 991px) { 
        .card__hero {
          display: none;
        }
      }

      .card__content {
        --c6-switcher-vertical-alignment: center;

        :is(h3, h4, p) {
          color: var(--c6-color-text-invert);
        }
      }
      @media (min-width: 992px) {  
        .card__content .cluster {
          --c6-cluster-horizontal-alignment: center;
        }
      }

      .card__title {
        font-weight: var(--c6-font-weight-bold);
        font-size: var(--c6-font-size-fluid-5);
      }

    }
  }

  .clock {
    inline-size: var(--c6-icon-size-lg);
    aspect-ratio: var(--c6-ratio-square);
    display: flex;
    color: var(--c6-color-border-primary);
    border: var(--c6-border-size-thick) var(--c6-border-style-base);
    border-radius: var(--c6-border-radius-round);
    background: 
      radial-gradient(circle var(--c6-border-size-md), currentColor 95%,#0000),
      linear-gradient(currentColor 50%,#0000 0) 50%/var(--c6-border-size-thick) 60% no-repeat;
    animation: tick-tock 4s infinite linear;

    &::before {
      content: "";
      flex: 1;
      background:linear-gradient(currentColor 50%,#0000 0) 50%/var(--c6-border-size-thick) 80% no-repeat;
      animation: inherit;
    }
  }
  @keyframes tick-tock {
    100% {transform: rotate(1turn)}
  }


  /* How it works */
  .region--how {
    background-color: var(--c6-color-surface-content);
    padding-block: var(--c6-size-fluid-8);

    .headline__title {
      font-size: var(--c6-font-size-fluid-6);
      color: var(--c6-color-text-primary);
    }

    .eyebrow {
      font-size: var(--c6-font-size-fluid-2);
      color: var(--c6-color-text-pink);
    }

    .card__hero {
      background-color: var(--c6-color-surface-1);
      aspect-ratio: var(--c6-ratio-widescreen);
      border-radius: var(--c6-border-radius-base);
      padding: var(--c6-size-base);

      &:has(img, svg) {
        justify-content: space-evenly;
      }

      .featured-icon {
        inline-size: var(--c6-size-fluid-8);
        background-color: var(--c6-color-primary);
      }

      :is(svg, .icon) {
        max-inline-size: unset;
        inline-size: var(--c6-size-fluid-4);
      }
    }

    .card {
      &:nth-child(1n) .card__hero .featured-icon {
        border-radius: var(--c6-radius-blob-3);
      }
      &:nth-child(2n) .card__hero .featured-icon {
        border-radius: var(--c6-radius-blob-5);
      }
      &:nth-child(3n) .card__hero .featured-icon {
        border-radius: var(--c6-radius-blob-2);
      }
    }

    .card__title {
      font-size: var(--c6-font-size-fluid-3);
    }

    .card__content {
      padding: var(--c6-size-narrow);
      text-align: center;
    }
  }


  /* FAQ */
  .region--faq {
    padding-block: var(--c6-size-fluid-8);

    .headline__title {
      font-size: var(--c6-font-size-fluid-6);
      color: var(--c6-color-text-primary);
    }

    .eyebrow {
      font-size: var(--c6-font-size-fluid-2);
      color: var(--c6-color-text-blue);
    }
  }




  .feature-img {
    position: relative;
    border-radius: var(--c6-border-radius-lg);
    border-start-end-radius: var(--c6-border-radius-feature);
    aspect-ratio: var(--c6-ratio-square);
    padding: 0;
    overflow: hidden;
    box-shadow: var(--c6-border-size-heavy) var(--c6-border-size-heavy) 0 -1px var(--c6-color-bg-4-accent);
    
    &::before {
      content: '';
      position: absolute;
      inset: 0;
      background: rgb(138,187,203,.5);
      border-radius: var(--c6-border-radius-lg);
      border-start-end-radius: var(--c6-border-radius-feature);  
    }
  }





  /* Private & secure */
  .region--private {
    padding-block: var(--c6-size-fluid-8);
    background-color: var(--c6-color-surface-content);

    .headline__title {
      font-size: var(--c6-font-size-fluid-6);
      color: var(--c6-color-text-primary);
    }


    .eyebrow {
      font-size: var(--c6-font-size-fluid-2);
      color: var(--c6-color-text-violet);
    }

    /* .card {
      background-color: var(--c6-color-ui-violet);
    } */

    .card__content {
      padding: var(--c6-size-wide);
    }

    .feature-img {
      aspect-ratio: var(--c6-ratio-widescreen);
      box-shadow: var(--c6-border-size-heavy) var(--c6-border-size-heavy) 0 -1px var(--c6-color-brand-4);
      border-start-start-radius: var(--c6-border-radius-feature);
      border-start-end-radius: var(--c6-border-radius-lg);
    }

    .switcher .card__content {
      --c6-flow-space: .5rem;
    }
  }


  /* Brands */
  .region--brands {
    background-color: var(--c6-color-surface-content);
  }


  


  .site-footer {
    --c6-color-action: var(--c6-color-violet-2);

    background-color: var(--c6-color-footer);
    color: var(--c6-color-text-footer);
    text-align: unset;
    padding: var(--c6-size-fluid-base);
    padding-block-start: var(--c6-size-fluid-7);
    border-block-start: var(--c6-border-size-thick) var(--c6-border-style-base) var(--c6-color-hero-em);

    :is(.brand--testme, .service--testme):is(.brand-logo, .service-logo) {
      --c6-brand-logo-height: var(--c6-size-5);
      --c6-service-logo-height: var(--c6-size-5);

      :is(
        .brand-logo-main, .brand-logo-2, .brand-logo-3, .brand-logo-4, .brand-logo-5, .brand-logo-6,
        .service-logo-main, .service-logo-2, .service-logo-3, .service-logo-4, .service-logo-5, .service-logo-6) {
        fill: var(--c6-color-footer-logo);
      }
      :is(.service-logo-2, .service-logo-3, .service-logo-4) {
        opacity: .6;
      }

      :is(.brand-logo-text, .service-logo-text) {
        fill: var(--c6-color-text-footer);
      }
    }

    hr {
      margin-block-start: var(--c6-size-fluid-base);
      opacity: .25;
    }

    .repel {
      --c6-repel-vertical-alignment: flex-end;
    }

    .site-footer__nav {
      .service-logo {
        block-size: 2.5rem;
      }
    }
  }





  /* Overrides */
  .svg-inline--fa {
    vertical-align: revert !important;
  }

  /* .card__hero svg {
    padding: var(--c6-size-7);
  } */





  /* Hero colours */
  :is(.bg-1, .bg-2, .bg-3, .bg-4) .site-head {
    background-color: var(--c6-color-masthead);
  }
  .bg-1 {
    --c6-color-masthead: var(--c6-color-bg-1);
  }
  .bg-2 {
    --c6-color-masthead: var(--c6-color-bg-2);
  }
  .bg-3 {
    --c6-color-masthead: var(--c6-color-bg-3);
  }
  .bg-4 {
    --c6-color-masthead: var(--c6-color-bg-4);
  }





  /* Product details */
  .product {
    .hero {
      position: relative;
    }

    .hero__columns {
      --c6-switcher-vertical-alignment: flex-start;
    }

    .hero__title {
      font-size: var(--c6-font-size-fluid-6);
    }

    .hero__img {
      z-index: 1;
      display: grid;
      grid-template-columns: 1fr;

      /* &::before {
        background-clip: padding-box;
        background-image: var(--c6-bg-mask-blob);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        content: "";
        inset: 0;
        position: absolute;
        z-index: -1;
        transform: scale(1.2);
        filter: var(--c6-filter-color-4);
      } */

      &::before {
        content: '';
        inline-size: 90%;
        aspect-ratio: var(--c6-ratio-square);
        grid-row-start: 1;
        grid-column-start: 1;
        /* border-radius: var(--c6-border-radius-round); */
        border-radius: var(--c6-radius-blob-6);
        z-index: -1;
        transition: all var(--c6-duration-6) ease-out;
      }

      img {
        grid-row-start: 1;
        grid-column-start: 1;
        filter: drop-shadow(0px 4px 8px rgba(0, 0, 0, 0.25));
      }

      &:hover {
        &::before {
          border-radius: var(--c6-radius-blob-7);
        }
      }

      @media (min-width: 992px) {  
        position: sticky;
        top: var(--c6-header-min-height);
      }
    }

    .feature-img {
      aspect-ratio: var(--c6-ratio-landscape);
      border-start-start-radius: var(--c6-border-radius-feature);
      border-start-end-radius: var(--c6-border-radius-lg);

      &::before {
        border-start-end-radius: var(--c6-border-radius-lg);
        border-start-start-radius: var(--c6-border-radius-feature);
      }
    }

    details[data-type="primary"], details[data-type="primary"] summary {
      background: transparent;
    } 

    &:is(.bg-1, .bg-2, .bg-3, .bg-4) {
      .fieldset-item[data-type="bordered"] {
        --c6-color-stroke: var(--c6-color-masthead);
      }
    }

    &.bg-1 {
      .hero__img::before {
        background-color: var(--c6-color-bg-1-accent);
      }

      details[data-type="primary"] {
        border-color: var(--c6-color-bg-1);
      } 

      details[data-type="primary"], details[data-type="primary"] summary {
        background-color: var(--c6-color-bg-1-hover);
      }  
    }
    &.bg-2 {
      .hero__img::before {
        background-color: var(--c6-color-bg-2-accent);
      }

      details[data-type="primary"] {
        border-color: var(--c6-color-bg-2);
      } 

      details[data-type="primary"], details[data-type="primary"] summary {
        background-color: var(--c6-color-bg-2-hover);
      }  
      
      /* :is(.hero, .feature-card) {  
        .badge {
          background-color: var(--c6-color-ui-emerald);
          color: var(--c6-color-text-emerald);
        }
        .badge-solid {
          background-color: var(--c6-color-emerald);
          color: var(--c6-color-text-invert);
        }
      } */
    }
    &.bg-3 {
      .hero__img::before {
        background-color: var(--c6-color-bg-3-accent);
      }

      details[data-type="primary"] {
        border-color: var(--c6-color-bg-3);
      } 

      details[data-type="primary"], details[data-type="primary"] summary {
        background-color: var(--c6-color-bg-3-hover);
      }      

      /* :is(.hero, .feature-card) {  
        .badge {
          background-color: var(--c6-color-ui-yellow);
          color: var(--c6-color-text-yellow);
        }
        .badge-solid {
          background-color: var(--c6-color-yellow);
          color: var(--c6-color-text-invert);
        }
      } */
    }
    &.bg-4 {
      .hero__img::before {
        background-color: var(--c6-color-bg-4-accent);
      }

      details[data-type="primary"] {
        border-color: var(--c6-color-bg-4);
      } 

      details[data-type="primary"], details[data-type="primary"] summary {
        background-color: var(--c6-color-bg-4-hover);
      }    
      
      /* :is(.hero, .feature-card) {  
        .badge {
          background-color: var(--c6-color-ui-indigo);
          color: var(--c6-color-text-indigo);
        }
        .badge-solid {
          background-color: var(--c6-color-indigo);
          color: var(--c6-color-text-invert);
        }
      } */
    }
  }

  .product:is(.bg-1, .bg-2, .bg-3, .bg-4) {
    details[data-type="primary"], details[data-type="primary"] summary {
      &[open] summary {
        background-color: var(--c6-color-surface-content);
      }
    }
  }


  :is(.product.bg-1 .hero, .card--product-1) {      
    .badge:not(.badge-solid-primary) {
      background-color: var(--c6-color-ui-purple);
      color: var(--c6-color-text-purple);
    }
    .badge-solid:not(.badge-solid-primary) {
      background-color: var(--c6-color-purple);
      color: var(--c6-color-text-invert);
    }  
  }
  :is(.product.bg-2 .hero, .card--product-2) {      
    .badge:not(.badge-solid-primary) {
      background-color: var(--c6-color-ui-emerald);
      color: var(--c6-color-text-emerald);
    }
    .badge-solid:not(.badge-solid-primary) {
      background-color: var(--c6-color-emerald);
      color: var(--c6-color-text-invert);
    }  
  }
  :is(.product.bg-3 .hero, .card--product-3) {      
    .badge:not(.badge-solid-primary) {
      background-color: var(--c6-color-ui-yellow);
      color: var(--c6-color-text-yellow);
    }
    .badge-solid:not(.badge-solid-primary) {
      background-color: var(--c6-color-yellow);
      color: var(--c6-color-text-invert);
    }  
  }
  :is(.product.bg-4 .hero, .card--product-4) {      
    .badge:not(.badge-solid-primary) {
      background-color: var(--c6-color-ui-indigo);
      color: var(--c6-color-text-indigo);
    }
    .badge-solid:not(.badge-solid-primary) {
      background-color: var(--c6-color-indigo);
      color: var(--c6-color-text-invert);
    }  
  }





  /* Product card slides */
  .slide-cards {
    --c6-size-wide: var(--c6-size-fluid-5);

    .feature-card {
      --c6-card-hero-width: clamp(25rem, 45vw, 35rem);

      display: block;

      @media (min-width: 992px) {  

        &:not(:last-of-type) {
          position: sticky;
        }
        &:nth-child(1n) {
          inset-block-start: var(--c6-header-min-height);
        }
        &:nth-child(2n) {
          inset-block-start: calc(var(--c6-header-min-height) + var(--c6-size-base));
        }
        &:nth-child(3n) {
          inset-block-start: calc(var(--c6-header-min-height) + calc(var(--c6-size-base) * 2));
        }

      }

      .card__heading {
        font-size: var(--c6-font-size-fluid-5);
      }


      @media (prefers-reduced-motion: no-preference) {
        &:hover {
          &:is(:nth-child(1n), :nth-child(2n), :nth-child(3n), :nth-child(4n)) .card__hero img {
            transform: rotate(0deg) scale(1.1) translateY(0);
          }
        }
      }

    }

    .card__hero {
      display: grid;
      grid-template-columns: 1fr;

      &::before {
        grid-row-start: 1;
        grid-column-start: 1;
        aspect-ratio: var(--c6-ratio-square);
        inline-size: 90%;
        clip-path: none;
        transform: none;
        border-radius: var(--c6-radius-blob-4);
      }

      img {
        place-self: center;
      }
    }

    :is(.card--product-1, .card--product-2, .card--product-3, .card--product-4) {
      @media (prefers-reduced-motion: no-preference) {
        &:hover {
          .card__hero::before {
            transform: none;
            border-radius: var(--c6-radius-blob-6);
          }
        }
      }
    }

    .card--product-1 {
      .card__hero {
        background-color: var(--c6-color-bg-1-accent);

        &::before {
          background: var(--c6-color-bg-1);
        }
      }

      &:hover {
        .card__hero {
          background-color: var(--c6-color-bg-1);

          &::before {
            background: var(--c6-color-bg-1-hover);
          }
        }
      }
    }
    .card--product-2 {
      .card__hero {
        background-color: var(--c6-color-bg-2-accent);

        &::before {
          background: var(--c6-color-bg-2);
        }
      }

      &:hover {
        .card__hero {
          background-color: var(--c6-color-bg-2);

          &::before {
            background: var(--c6-color-bg-2-hover);
          }
        }
      }
    }
    .card--product-3 {
      .card__hero {
        background-color: var(--c6-color-bg-3-accent);

        &::before {
          background: var(--c6-color-bg-3);
        }
      }

      &:hover {
        .card__hero {
          background-color: var(--c6-color-bg-3);

          &::before {
            background: var(--c6-color-bg-3-hover);
          }
        }
      }
    }
    .card--product-4 {
      .card__hero {
        background-color: var(--c6-color-bg-4-accent);

        &::before {
          background: var(--c6-color-bg-4);
        }
      }

      &:hover {
        .card__hero {
          background-color: var(--c6-color-bg-4);

          &::before {
            background: var(--c6-color-bg-4-hover);
          }
        }
      }
    }

    .card__hero, .card__content {
      padding: var(--c6-size-wide);
      padding-block-end: calc(var(--c6-size-wide) * 2);
    }

    .card__meta {
      padding-block-end: var(--c6-size-base);
    }

  }
  




  /* Product details overrides */
  .product {

    /* How it works */
    .region--how {
      background-color: var(--c6-color-surface-canvas);
      padding-block: var(--c6-size-fluid-5);

      .headline__title {
        font-size: var(--c6-font-size-fluid-5);
      }

      .card__hero {
        background-color: var(--c6-color-surface-content); 
      }

      .card {
        --c6-color-surface-card: var(--c6-color-surface-canvas);

        &:nth-child(1n) .card__hero .featured-icon {
          border-radius: var(--c6-radius-blob-4);
        }
        &:nth-child(2n) .card__hero .featured-icon {
          border-radius: var(--c6-radius-blob-6);
        }
        &:nth-child(3n) .card__hero .featured-icon {
          border-radius: var(--c6-radius-blob-1);
        }
      }

    }


    /* FAQ */
    .region--faq {
      background: var(--c6-color-surface-content);

      .switcher header {
        @media (min-width: 992px) {  
          position: sticky;
          top: var(--c6-header-min-height);
        }
      }

      .headline__title {
        font-size: var(--c6-font-size-fluid-5);
      }
    }
  }

  .price {
    text-decoration: none;
    position: relative;
    line-height: normal;
  }
  .price * {
    position: relative;
  }

  /* .price__symbol, .price__fraction {
    font-size: small;
    top: -.75em;
  } */

  .price__whole {
    font-size: large;
  }

  .price__decimal {
    position: absolute;
    opacity: 0;
  }

  .product-select {
    --c6-size-base: var(--c6-size-3);
  }

  .has-details {
    flex-wrap: nowrap;
    inline-size: 100%;
    max-inline-size: 100%;

    strong {
      white-space: nowrap;
    }
  }





  /* Article pages */
  .article {
    .hero {
      padding-block: var(--c6-size-fluid-4);
    }
    
    .hero__title {
      font-size: var(--c6-font-size-fluid-6);
    }

  }





  /* Extends .icon-directional class for FontAwesome */
  :is(:dir(rtl), [dir="rtl"]) {
    :is(.fa-arrow-right, .fa-arrow-left) {
      transform: scaleX(-1);
    }
  }






  .metaballs {
    --c6-dir-x: 65px;
    --c6-dir-y: 65px;
    --c6-blob-size: 100px;
    --c6-duration: 10s;

    filter: url("#metaballs");
    display: grid;
    grid-template-columns: 1fr;
  }

  @keyframes blob-left-top-anim {
    0%    { transform: scale(1) translate(0, 0); }
    33%   { transform: scale(0.9) translate(calc(var(--c6-dir-x) * -1), 0); }
    62%   { transform: scale(0.7) translate(calc(var(--c6-dir-x) * -1), calc(var(--c6-dir-y) * -1)); }
    94%   { transform: scale(1) translate(0, 0); }
  }
  @keyframes blob-right-top-anim {
    0%    { transform: scale(1) translate(0, 0); }
    33%   { transform: scale(0.9) translate(var(--c6-dir-x), 0); }
    64%   { transform: scale(0.7) translate(var(--c6-dir-x), calc(var(--c6-dir-y) * -1)); }
    96%   { transform: scale(1) translate(0, 0); }
  }
  @keyframes blob-left-center-anim {
    0%    { transform: scale(1) translate(0, 0); }
    33%   { transform: scale(0.9) translate(calc(var(--c6-dir-x) * -1), 0); }
    66%   { transform: scale(0.7) translate(calc(var(--c6-dir-x)/5 * -1), var(--c6-dir-y)); }
    98%   { transform: scale(1) translate(0, 0); }
  }
  @keyframes animate-color {
    0%   { background: var(--c6-color-brand-1); }
    30%   { background: var(--c6-color-brand-2);}
    75% { background: var(--c6-color-brand-4); }
    100% { background: var(--c6-color-brand-1); }
  }

  .blob {
    background: var(--c6-color-brand-1);
    grid-row-start: 1;
    grid-column-start: 1;
    inline-size: var(--c6-blob-size);
    aspect-ratio: var(--c6-ratio-square);
    border-radius: var(--c6-radius-blob-1);    
  }
  .blob:nth-child(2) {    
    border-radius: var(--c6-radius-blob-2);
  }
  .blob:nth-child(3) {
      border-radius: var(--c6-radius-blob-3);
  }
  @media (prefers-reduced-motion: no-preference) {
    .blob {
      animation-name: blob-left-top-anim, animate-color;
      animation-duration: var(--c6-duration);
      animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
      animation-iteration-count: infinite;

      &:nth-child(2) {
        animation-name: blob-right-top-anim, animate-color;
      }
      &:nth-child(3) {
        animation-name: blob-left-center-anim, animate-color;
      }
    }
  }





  .sticker-circle {
    --c6-tag-size: 100px;

    display: grid;
    place-content: center;
    position: relative;
    margin: 0 auto;
    inline-size: var(--c6-tag-size);
    aspect-ratio: 1;
    background: var(--c6-color-hero-em);
    border-radius: 100%;
    color: var(--c6-color-text-1);
    text-align: center;
    text-transform: uppercase;
    transform: rotate(-8deg);
    overflow: hidden;
    outline: 4px solid var(--c6-color-hero-em-hover);
  }





  /* swing label 
  .circle {
    --c6-tag-size: 100px;

    display: grid;
    place-content: center;
    position:relative;
    margin:0 auto;
    inline-size: var(--c6-tag-size);
    aspect-ratio: 1;
    background: var(--c6-color-hero-em);
    border-radius:100%;
    color: var(--c6-color-text-1);
    text-align: center;
    text-transform: uppercase;
    animation: 3s ease-in-out 0s normal none infinite running swing;
    transform-origin: 50px -71px;

    /* hole punch 
    &::before {
      --c6-hole-size: 10px;

      content:'';
      position: absolute;
      inset-block-start: 10px;
      inset-inline-start: calc((var(--c6-tag-size) / 2) - var(--c6-hole-size) / 2);
      inline-size: var(--c6-hole-size);
      aspect-ratio: 1;
      border-radius:100%;    
      background-color: var(--c6-color-black);
    }
    /* string 
    &::after{
      --c6-string-width: var(--c6-border-size-md);

      content:'';
      position: absolute;
      inset-block-start: -30px;
      inset-inline-start: calc((var(--c6-tag-size) / 2) - var(--c6-string-width) / 2);
      inline-size: var(--c6-string-width);
      block-size: 40px;
      border-radius: 0%;
      background: #000;
    }

  }

  @keyframes swing{
    0%{transform:rotate(5deg);}
    50%{transform:rotate(-5deg);}
    100%{transform:rotate(5deg);}
  }

  */

}