/* Test.me, web theme. */
@import './brand.css';

@layer theme {
  :where(:root) {
    --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");
    --c6-border-radius-feature: var(--c6-size-fluid-7);

    --c6-header-min-height: 5rem;

    --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%;
  }

  /* Pattern name for Carbon's bg-pattern (data-pattern="metaball"). */
  [data-pattern='metaball'] {
    --c6-pattern: var(--c6-bg-pattern-metaball);
  }

  /* Headings in the primary's darkest text step (12): test.me's navy is
     its primary darkened, and step 12 turns light by itself in dark mode.
     Core declares --c6-color-text-primary on every element, so this has to
     be too. Inside a data-color element (a kit card) headings use that
     colour's step 11 instead, the lighter tone live's kit headings have; a
     kit-coloured <body> on a product page doesn't count (its page
     headings are set back to the primary, below). */
  :where(*) {
    --c6-color-text-primary: var(--c6-color-accent-12);
  }

  :where(:not(body)[data-color], :not(body)[data-color] *) {
    --c6-color-text-primary: var(--c6-color-accent-11);
  }

  /* Headings in the brand's text colour, except in the footer and on a
     solid fill (.t-on-accent, .t-on-dark, .t-on-light), where they follow the text colour picked
     for the fill. */
  :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4):not(
    .notification__heading,
    .site-footer *,
    .t-on-accent *,
    .t-on-dark *,
    .t-on-light *
  ) {
    color: var(--c6-color-text-primary);
    font-weight: var(--c6-font-weight-medium);
  }

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

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

  /* HEADER */
  .site-head {
    &::after {
      background-color: var(--c6-color-surface-raised);
    }

    :is(.site-head__link, .dropdown__control) {
      border-radius: var(--c6-border-radius-md);
    }

    /* Live's bar is about 78px tall */
    .site-head__inner {
      min-block-size: 4.875rem;
      padding-block: var(--c6-size-2);
    }
  }

  /* The header pins (core's data-sticky, layout/site-head.css) on its
     usual white surface, as live's does; no fade from the hero colour. */

  /* MEGA MENU: each test kit in "Order a test" hovers in its own colour
     (its data-color, set in topnav-testme.njk), the soft step behind the
     ramp's text step, rather than core's neutral hover. */
  [data-overlay='dropdown'][data-variant~='mega']
    .stack-nav
    a[data-color]:is(:hover, :focus-visible) {
    background-color: var(--c6-color-accent-3);
    color: var(--c6-color-accent-11);
  }

  /* The "by infection" and "by sex at birth" columns sit on core's
     .dropdown__content panel (blocks/dropdown.css), which core tints with
     a faint inset from md up. test.me's live menu uses its stone there
     (brand-5), the same stone as the hero and "How it works" band. */
  @media (min-width: 992px) {
    [data-overlay='dropdown'][data-variant~='mega'] .dropdown__content {
      background: light-dark(
        var(--c6-color-brand-5),
        var(--c6-color-neutral-2)
      );
    }
  }

  /* FOOTER: core's dark island (data-variant="dark" on the <footer>),
     tinted with the primary. Text, links and the logo read light from
     inside it, in both page modes. */
  .site-footer {
    /* Always the primary, even on a product page whose <body> carries
       the kit's data-color */
    --c6-color-accent: var(--c6-color-primary);

    /* Core's dark island colour from the primary, with live's thin
       lavender line along the top. */
    background-color: var(--c6-color-bg);
    color: var(--c6-color-fg);
    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)
      color-mix(in oklab, var(--c6-color-primary) 40%, white);

    /* Links in the footer's own white text, underlined, as on live */
    a:not(.button) {
      color: inherit;
      text-decoration-color: color-mix(in oklab, currentColor 60%, transparent);
    }

    .service--testme {
      --c6-service-logo-height: var(--c6-size-5);
      --c6-color-service-logo-main: currentColor;
      --c6-color-service-logo-2: currentColor;
      --c6-color-service-logo-3: currentColor;
      --c6-color-service-logo-4: currentColor;
      --c6-color-service-logo-5: currentColor;
      --c6-color-service-logo-6: currentColor;

      :is(.service-logo-2, .service-logo-3, .service-logo-4) {
        opacity: 0.6;
      }
    }

    hr {
      margin-block-start: var(--c6-size-fluid-base);
      /* A faint line in the footer's own text colour, so it shows on the
         coloured footer whatever its surface tokens say. */
      border-block-start-color: currentColor;
      opacity: 0.25;
    }

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

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

    :is(h2, h3, h4, h5) {
      color: inherit;
    }

    /* Column headings: small, bold body text, as on test.me. */
    :is(h2, h3, h4, h5).h5 {
      font-family: var(--c6-font-family-base);
      font-size: var(--c6-font-size-sm);
      font-weight: var(--c6-font-weight-bold);
    }
  }

  /* HERO. Set through core's --c6-hero-bg (blocks/hero.css), page-wide so
     the pinned header can sit flush on the same colour: test.me's exact
     stone (brand-5, brand.css) in light mode, the warm neutral in
     dark; on a product page the body's kit data-color tints it instead. */
  :where(:root) {
    --c6-hero-bg: light-dark(
      var(--c6-color-brand-5),
      var(--c6-color-neutral-2)
    );
  }

  body[data-color] {
    --c6-hero-bg: var(--c6-color-accent-5);
  }

  /* The metaballs faintly over the hero, fading out towards the top
     (Carbon's bg-pattern, set from CSS). */
  .hero {
    --c6-pattern: var(--c6-bg-pattern-metaball);
    --c6-pattern-position: fill;
    --c6-pattern-mobile: show;
    --c6-pattern-size: 20px;
    --c6-pattern-fill: linear-gradient(0deg, rgb(0 0 0 / 0.015), transparent);

    padding-block: var(--c6-size-fluid-8);
    position: relative;
    isolation: isolate;
  }

  /* Article pages (guide, article, profile: data-type="article") have a
     compact hero on live, 36px top and bottom rather than the 96px
     elsewhere */
  [data-type='article'] .hero {
    padding-block: var(--c6-size-9);
  }

  /* Rows in a list of links (help categories) are padded 24px, as on
     live; core's is 12px */
  .order-lines .line-item {
    padding: var(--c6-size-6);
  }

  /* 24px under the hero title on every page, as on live (core's hero
     spacing is 16px). A margin utility on that element still wins. */
  .hero .hero__title + * {
    --c6-flow-space: var(--c6-size-6);
  }

  /* Landing pages (data-type="landing"), such as a referral partner's:
     the headline is a sentence, so a size down from the home page's */
  [data-type='landing'] .hero__title {
    font-size: var(--c6-font-size-fluid-6);
  }

  /* Homepage hero (data-type="home") */
  [data-type='home'] .hero {
    padding-block-end: clamp(7rem, calc(6.2rem + 1.95vw), 9rem);

    .lede {
      --c6-flow-space: var(--c6-size-fluid-3);

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

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

  .hero__title {
    font-size: var(--c6-font-size-fluid-8);
    line-height: 1;
    color: var(--c6-color-text-primary);

    em {
      display: inline-block;
      position: relative;
      z-index: 1;

      /* Live's lavender highlight */
      &::before,
      &::after {
        background-color: var(--c6-color-brand-10);
        content: '';
        display: block;
        block-size: 0.25em;
        position: absolute;
        inset-inline: 0;
        inset-block-end: 0;
        z-index: -1;
      }

      &::after {
        background-color: var(--c6-color-accent-7);
        transform: scaleX(0);
        transform-origin: 0 50%;

        @media (prefers-reduced-motion: no-preference) {
          transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
        }
      }
    }

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

  /* Homepage hero photo, with its decorations */
  /* Hero photos. Two optional tokens, set on .hero to change both photos
     at once (a referral partner's flat, square photos, for example):
     --c6-hero-media-radius for their corners, the large feature corner
     included, and --c6-hero-media-shadow for their shadows. Unset, they
     fall back to test.me's rounded corners and offset shadow. */
  .hero-bg {
    position: relative;
    border-radius: var(--c6-hero-media-radius, var(--c6-border-radius-lg));
    border-end-end-radius: var(
      --c6-hero-media-radius,
      var(--c6-border-radius-feature)
    );
    background-color: var(--c6-hero-bg);
    box-shadow: var(
      --c6-hero-media-shadow,
      var(--c6-border-size-heavy) var(--c6-border-size-heavy) 0 -1px
        var(--c6-color-accent-5)
    );

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

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

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

    .hero-item-2 {
      inset-inline-start: calc(var(--c6-size-fluid-base) * -1);
      inset-block-end: 16px;
      inline-size: 100px;
      block-size: 100px;
    }

    /* An outline blob, coloured from brand-9 (indigo) through a mask */
    .hero-item-3 {
      --c6-color-accent: var(--c6-color-brand-9);

      inset-inline-end: -30px;
      inset-block-start: 40%;
      inline-size: 8.5rem;
      aspect-ratio: 1;
      background-color: var(--c6-color-accent-4);
      mask: var(--c6-bg-blob-outline) no-repeat center / contain;
      transform: scale(1.2);
    }

    /* A second, smaller photo pinned over the main photo's top end
       corner (the partner landing page's clinician) */
    .hero-inset {
      position: absolute;
      z-index: 1;
      inset-inline-end: calc(var(--c6-size-fluid-base) * -1);
      inset-block-start: calc(var(--c6-size-fluid-6) * -1);
      inline-size: 30%;

      img {
        border-radius: var(--c6-hero-media-radius, var(--c6-border-radius-md));
        box-shadow: var(--c6-hero-media-shadow, var(--c6-shadow-3));
      }
    }
  }

  @media (prefers-reduced-motion: no-preference) {
    .hero-bg {
      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: 0.5s;
    }

    :is(.hero-item-1, .hero-item-2, .hero-item-3) {
      opacity: 0;
      animation: var(--c6-animation-fade-in) forwards;
    }

    .hero-item-1 {
      animation-delay: 0.7s;
    }
    .hero-item-2 {
      animation-delay: 0.8s;
    }
    .hero-item-3 {
      animation-delay: 1s;
    }
  }

  .sticker-circle {
    display: grid;
    place-content: center;
    margin: 0 auto;
    inline-size: 100px;
    aspect-ratio: 1;
    background: var(--c6-color-accent-5);
    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-accent-7);
  }

  /* Shared region headings */
  /* Their headings are a step lighter than other headings (step 11, not
     12), as on live; elsewhere section headings keep step 12. */
  :is(
    .region--products,
    .region--how,
    .region--faq,
    .region--product-faq,
    .region--private
  ) {
    background-color: var(--c6-color-surface-raised);

    .headline__title {
      --c6-color-text-primary: var(--c6-color-accent-11);

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

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

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

  :is(.region--how, .region--faq, .region--product-faq, .region--private) {
    padding-block: var(--c6-size-fluid-8);
  }

  /* Each region's eyebrow has its own colour, step 11 of a brand slot
     (brand-6 to brand-8, brand.css) */
  .region--how .eyebrow {
    --c6-color-accent: var(--c6-color-brand-6);
    color: var(--c6-color-accent-11);
  }
  :is(.region--faq, .region--product-faq) .eyebrow {
    --c6-color-accent: var(--c6-color-brand-7);
    color: var(--c6-color-accent-11);
  }
  .region--private .eyebrow {
    --c6-color-accent: var(--c6-color-brand-8);
    color: var(--c6-color-accent-11);
  }

  /* PRODUCT CARDS. Each card's data-color (purple, grass, yellow, indigo,
     pink) gives it core's tint, hover and badge colours
     (blocks/card.css); this adds test.me's tilted kit photo on a curved
     colour wash, and the offset shadow on hover. */
  .region--products {
    .card[data-color] {
      background-color: var(--c6-color-accent-5);

      @media (hover: hover) {
        &:hover {
          background-color: var(--c6-color-accent-3);
        }
      }
    }

    .card h3 {
      font-size: var(--c6-font-size-fluid-2);
    }

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

    /* Radius via core's token rather than border-radius, so the
       .card__hero's top corners (blocks/card.css) follow it. Button,
       curve and hover shadow share one colour (step 6), as live's do. */
    .card {
      --c6-card-border-radius: var(--c6-border-radius-lg);

      border: 0;
      box-shadow: 0 0 var(--c6-color-accent-6);

      @media (prefers-reduced-motion: no-preference) {
        transition: all var(--c6-duration-base) ease-out;

        &:hover {
          transform: translate(-2px, -2px);
          box-shadow: var(--c6-border-size-heavy) var(--c6-border-size-heavy)
            0 -1px var(--c6-color-accent-6);

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

    .card__hero {
      padding: var(--c6-card-padding);
      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%;
        background: var(--c6-color-accent-6);
        clip-path: ellipse(85% 100% at top);
        transform: translateY(-40%);
        opacity: 0.5;
        transition: all var(--c6-duration-base) ease-out;
      }

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

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

    .feature-card {
      .card__hero img {
        transition: all var(--c6-duration-base) ease-out;
      }

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

      @media (prefers-reduced-motion: no-preference) {
        &:hover .card__hero img {
          transform: rotate(0deg) scale(1.1) translateY(-20px);
        }
      }
    }

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

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

    /* The card's own colour, not the button's primary */
    .card .card__action {
      --c6-color-accent: inherit;

      color: var(--c6-color-accent-12);
      background-color: var(--c6-color-accent-6);
    }
  }

  /* Full-width stacked kit cards on the kits listing: each sticks under
     the header as you scroll, the next sliding over it. */
  .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) {
        /* Offsets only on the sticky cards: on the last card (position:
           relative) an inset just moves it down, over whatever follows. */
        &:not(:last-of-type) {
          position: sticky;

          &:nth-child(3n + 1) {
            inset-block-start: var(--c6-header-min-height);
          }
          &:nth-child(3n + 2) {
            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) + var(--c6-size-base) * 2
            );
          }
        }
      }

      @media (prefers-reduced-motion: no-preference) {
        &:hover .card__hero img {
          transform: rotate(0deg) scale(1.1) translateY(0);
        }
      }
    }

    /* Live's three kit tints map to ramp steps 5 (the card), 6 (accent:
       button, shadow, this panel) and 3 (hover). At rest the panel is the
       accent with a card-coloured blob; on hover the panel drops to the
       card colour and the blob to the hover tint. */
    .card__hero {
      display: grid;
      grid-template-columns: 1fr;
      background-color: var(--c6-color-accent-6);

      &::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);
        background: var(--c6-color-accent-5);
        opacity: 1;
      }

      img {
        place-self: center;
      }
    }

    .card:hover {
      .card__hero {
        background-color: var(--c6-color-accent-5);

        &::before {
          transform: none;
          border-radius: var(--c6-radius-blob-6);
          background: var(--c6-color-accent-3);
        }
      }
    }

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

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

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

  /* PRIORITY SERVICE: a dark island card (data-variant="dark", like the
     footer) with the metaball pattern faintly over it and the lab photo
     cut into a blob at the end. */
  .region--priority {
    background-color: var(--c6-color-surface-raised);

    .feature-card {
      display: block;
    }

    /* A hairline of test.me's stone round the card, as on live */
    .card {
      /* The metaballs faintly over it in white (Carbon's bg-pattern, set
         from CSS). */
      --c6-pattern: var(--c6-bg-pattern-metaball);
      --c6-pattern-position: fill;
      --c6-pattern-mobile: show;
      --c6-pattern-size: 40px;
      --c6-pattern-fill: rgb(255 255 255 / 0.05);

      background-color: var(--c6-color-bg);
      color: var(--c6-color-fg);
      border: var(--c6-border-size-base) solid
        light-dark(var(--c6-color-brand-5), var(--c6-color-neutral-2));
      border-radius: var(--c6-border-radius-lg);
      position: relative;
      isolation: isolate;
      overflow: hidden;
    }

    .card__hero {
      justify-content: end;

      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;
        block-size: 100%;
      }

      @media (max-width: 991px) {
        display: none;
      }
    }

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

      :is(h3, h4, .h4, p) {
        color: inherit;
      }
    }

    /* Specific enough to beat the general heading rule's medium weight */
    .card__content h3 {
      font-weight: var(--c6-font-weight-bold);
      font-size: var(--c6-font-size-fluid-5);
    }
  }

  /* A clock face whose hands go round, in the primary's border step */
  .clock {
    inline-size: var(--c6-icon-size-lg);
    aspect-ratio: var(--c6-ratio-square);
    display: flex;
    flex-shrink: 0;
    color: var(--c6-color-accent-11);
    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;

    &::before {
      content: '';
      flex: 1;
      background: linear-gradient(currentColor 50%, #0000 0) 50% /
        var(--c6-border-size-thick) 80% no-repeat;
    }

    @media (prefers-reduced-motion: no-preference) {
      animation: testme-tick-tock 4s infinite linear;

      &::before {
        animation: inherit;
      }
    }
  }

  @keyframes testme-tick-tock {
    100% {
      transform: rotate(1turn);
    }
  }

  /* HOW IT WORKS */
  .region--how {
    /* Stone cards, as on live */
    .card__hero {
      background-color: light-dark(
        var(--c6-color-brand-5),
        var(--c6-color-neutral-2)
      );
      aspect-ratio: var(--c6-ratio-widescreen);
      border-radius: var(--c6-border-radius-md);
      padding: var(--c6-card-padding);

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

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

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

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

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

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

  /* Photo with a rounded feature corner, an offset shadow and a soft
     brand-2 wash over it */
  .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;
    --c6-color-accent: var(--c6-color-brand-9);

    box-shadow: var(--c6-border-size-heavy) var(--c6-border-size-heavy) 0 -1px
      var(--c6-color-accent-4);

    &::before {
      content: '';
      position: absolute;
      inset: 0;
      background: color-mix(in srgb, var(--c6-color-brand-2) 50%, transparent);
      border-radius: inherit;
    }
  }

  /* PRIVATE AND SECURE */
  .region--private {
    .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);
    }
  }

  /* PRODUCT PAGE (data-type="product"): the kit's
     data-color, which tints the hero, details, badges and the blob behind
     the kit photo from that one ramp. The header stays white, as on every
     other page. */
  /* Headings and text links keep the brand colour on a kit-coloured
     page; only the kit cards' headings follow their card's own colour. */
  body[data-color]
    :is(h1, .h1, h2, .h2, h3, .h3, h4, .h4, .link:not([data-color])):not(
      :is(.region--products, .slide-cards) .card *
    ) {
    --c6-color-accent: var(--c6-color-primary);
  }

  /* A solid badge with no colour of its own takes the surrounding one
     (the kit's, on a product page or card), as test.me's did */
  /* Step 10 with step 1 text: the ramp keeps that pair readable in both
     modes, where step 9 with white fails on mid-tone hues like grass. */
  .badge[data-variant~='solid']:not([data-color], [data-status]) {
    background-color: var(--c6-color-accent-10);
    color: var(--c6-color-accent-1);
  }

  [data-type='product'] {
    .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 {
        content: '';
        inline-size: 90%;
        aspect-ratio: var(--c6-ratio-square);
        grid-row-start: 1;
        grid-column-start: 1;
        border-radius: var(--c6-radius-blob-6);
        background-color: var(--c6-color-accent-7);
        z-index: -1;
        transition: all var(--c6-duration-6) ease-out;
      }

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

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

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

    /* Headings inside the kit-coloured details keep the brand's darkest
       purple (step 12), as on live, rather than the lighter step 11 that
       headings inside other coloured components take (top of this file) */
    details[data-color] :is(h2, .h2, h3, .h3, h4, .h4) {
      --c6-color-text-primary: var(--c6-color-accent-12);
    }

    .fieldset-item[data-variant~='bordered'] {
      --c6-color-stroke: var(--c6-color-accent-6);
    }

    .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);
    }
  }

  .question-title {
    font-size: var(--c6-font-size-fluid-2);

    & + input {
      margin-block-start: 0.5rem;
    }
  }

  /* Kit options: 16px padding and gaps, as on live */
  .product-select {
    --c6-size-base: var(--c6-size-4);
  }

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

    strong {
      white-space: nowrap;
    }
  }

  /* KIT CARDS: descriptions, prices and buttons in body text on the kit
     tint, as on live; only the heading takes the kit colour. */
  :is(.region--products, .slide-cards) .card[data-color] {
    :is(p, .card__footer) {
      color: var(--c6-color-text-1);
    }

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

  /* HOW IT WORKS on a product page: the whole band is stone and the
     cards white (elsewhere the cards are stone, above), with half the
     home page's padding and the heading a size down, as on live. */
  .region--how-band {
    background-color: light-dark(
      var(--c6-color-brand-5),
      var(--c6-color-neutral-2)
    );

    .region--how {
      padding-block: var(--c6-size-12);
    }

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

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

  /* PRODUCT QUESTIONS ("Want to know more?"): a size down from the other
     section headings, as on live. */
  .region--product-faq .headline__title {
    font-size: var(--c6-font-size-fluid-5);
  }

  /* FAQS: separate white rows with a hairline border, as on live, rather
     than the primary collapse's tinted fill */
  .region--faq details[data-variant~='primary'] {
    background-color: var(--c6-color-surface-raised);
    border: var(--c6-border-ui);

    summary {
      background-color: transparent;
    }

    &[open] summary {
      background-color: var(--c6-color-ui-primary);
    }

    & + details {
      margin-block-start: var(--c6-size-3);
    }
  }

  /* PRIORITY BAND. Two core defaults differ from the older markup this
     band was built on:
     - .feature-card's photo column is wider (core: clamp(20rem, 40vw,
       30rem)), which left the text under the switcher's 48rem threshold
       so the heading stacked above the copy. The old width restores it.
     - .cluster is left-aligned; live centres the clock and heading in
       their half.
     (Card padding and the wider gap are brand-wide: brand.css.) */
  .region--priority {
    .feature-card {
      --c6-card-hero-width: clamp(18rem, 35%, 26rem);
    }

    .card__content > .cluster {
      --c6-cluster-horizontal-alignment: center;
    }
  }

  /* ACCREDITATION LOGOS: on the page itself, not a band */
  .region--accreditation {
    background-color: transparent;
  }

  /* STILL HAVE QUESTIONS? (help and support pages): a pale stone band */
  .region--questions {
    background-color: light-dark(
      color-mix(in oklab, var(--c6-color-brand-5) 50%, white),
      var(--c6-color-neutral-2)
    );

    /* Carbon caps heading and paragraph widths and sets paragraphs'
       alignment, so centre the boxes and their text here */
    :is(h2, p) {
      margin-inline: auto;
      text-align: center;
    }
  }

  /* ABOUT: "Find out more" cards, tall and centred with a dark outline,
     as on live; the Preventx card is borderless. */
  .region--features {
    .headline {
      text-align: center;

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

      .headline__sub {
        --c6-flow-space: var(--c6-size-4);

        max-inline-size: none;
        margin-inline: auto;
      }
    }

    /* Three columns, each card a logo panel over its text and link, with
       the text padded on three sides only, as on live */
    .card {
      --c6-card-border-radius: var(--c6-border-radius-lg);

      display: grid;
      grid-template-rows: 1fr auto auto;
      min-block-size: 15rem;
      border: var(--c6-border-size-base) solid var(--c6-color-text-1);
      box-shadow: none;
      text-align: center;
    }

    .card--px {
      border-color: transparent;
    }

    .card__hero {
      display: grid;
      place-items: center;
      aspect-ratio: var(--c6-ratio-widescreen);

      svg {
        block-size: 2.5rem;
        inline-size: auto;
      }
    }

    .card__content {
      padding-block-start: 0;
    }

    .card__footer {
      justify-content: center;
      border: 0;
    }

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

  /* CATALOGUE: live's larger kit titles */
  .slide-cards .card :is(h2, h3) {
    font-size: var(--c6-font-size-fluid-5);
  }

  /* Article pages (guide, article, profile: data-type="article") use
     live's smaller page title */
  [data-type='article'] .hero__title {
    font-size: var(--c6-font-size-fluid-6);
  }

  /* ARTICLE PAGES */
  .article__toc {
    inset-block-start: 9rem;
  }

  /* Font Awesome icons that point the reading direction flip in RTL */
  :is(:dir(rtl), [dir='rtl']) :is(.fa-arrow-right, .fa-arrow-left) {
    transform: scaleX(-1);
  }
}
