@font-face {
    font-family: 'HarmonyOS';
    src: url('../font/HARMONYOS.TTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HarmonyOS';
    src: url('../font/HARMONYOS-Black.ttf');
    font-weight: bold;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'HarmonyOS', 'Lexend', sans-serif;
    font-size: 1rem;
    line-height: 1.6;
    color: #333;
    background: #fff;
    overflow-x: hidden;
    min-height: 100vh;
}

html {
    overflow-x: hidden;
    scroll-behavior: smooth;
}

body {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

body::-webkit-scrollbar {
    display: none;
}
/* wow.js 动画元素初始样式 - 修复滚动到底部出现空白的问题 */
.wow {
    visibility: hidden;
    overflow: hidden;
}

a {
    text-decoration: none;
    color: inherit;
}

ul {
    list-style: none;
}

img {
    max-width: 100%;
    height: auto;
}

button,
input,
textarea {
    font: inherit;
}

button {
    border: 0;
}

:focus-visible {
    outline: 0.125rem solid #73c8ff;
    outline-offset: 0.1875rem;
}

/* hty-index-page */
.hty-index-page {
    --hty-index-bg: #090412;
    --hty-index-bg-deep: #07020e;
    --hty-index-panel: #160a29;
    --hty-index-text: #ffffff;
    --hty-index-muted: #c8bad8;
    --hty-index-pink: #f04abb;
    --hty-index-violet: #7855ff;
    --hty-index-blue: #5e7cff;
    color: var(--hty-index-text);
    background: var(--hty-index-bg);
    letter-spacing: 0;
}

.hty-index-page main {
    padding-top: 5.75rem;
}

.hty-index-skip-link {
    position: fixed;
    top: -5rem;
    left: 1rem;
    z-index: 200;
    padding: 0.75rem 1rem;
    border-radius: 0.5rem;
    color: #ffffff;
    background: #111827;
    transition: top 0.2s ease;
}

.hty-index-skip-link:focus {
    top: 1rem;
}

/* hty-index-header */
.hty-index-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
    height: 5.75rem;
    border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.05);
    background: rgba(9, 4, 18, 0.94);
    backdrop-filter: blur(1.125rem);
    transition: background 0.25s ease, box-shadow 0.25s ease;
}

.hty-index-header.scrolled {
    background: rgba(7, 2, 14, 0.98);
    box-shadow: 0 0.75rem 2.5rem rgba(0, 0, 0, 0.28);
}

.hty-index-header-inner {
    display: flex;
    align-items: center;
    width: min(100% - 6.5rem, 81rem);
    height: 100%;
    margin: 0 auto;
}

.hty-index-header-logo {
    display: block;
    width: 10.4375rem;
    height: 3.0625rem;
    margin-right: auto;
}

.hty-index-header-logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.hty-index-header-nav {
    display: flex;
    align-items: center;
    gap: 1.875rem;
}

.hty-index-header-nav a {
    position: relative;
    padding: 2.125rem 0 2rem;
    color: #e8e2f2;
    font-size: 1.0625rem;
    font-weight: 800;
    line-height: 1.25rem;
    transition: color 0.2s ease;
}

.hty-index-header-nav a:hover,
.hty-index-header-nav a.active {
    color: #ffffff;
}

.hty-index-header-nav a.active {
    background: linear-gradient(90deg, #ff5fcb, #6c58ff);
    background-clip: text;
    color: transparent;
}

.hty-index-header-nav a.active::after {
    position: absolute;
    right: 0;
    bottom: 1.1875rem;
    left: 0;
    height: 0.1875rem;
    border-radius: 0.125rem;
    background: linear-gradient(90deg, #ff5fcb, #6c58ff);
    content: "";
}

.hty-index-header-contact {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 11.25rem;
    height: 3rem;
    margin-left: 3.3125rem;
    border-radius: 1rem;
    background: linear-gradient(90deg, #ff2db2, #7a45ff);
    color: #ffffff;
    font-size: 1rem;
    font-weight: 800;
    text-transform: uppercase;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hty-index-header-contact:hover {
    transform: translateY(-0.125rem);
    box-shadow: 0 0.75rem 1.75rem rgba(240, 74, 187, 0.25);
}

.hty-index-header-menu,
.hty-index-header-mobile {
    display: none;
}

/* hty-index-hero */
.hty-index-hero {
    position: relative;
    min-height: 37.5rem;
    height: calc(100vh - 5.75rem);
    height: calc(100svh - 5.75rem);
    overflow: hidden;
    background: #0b031a;
}

.hty-index-hero-swiper,
.hty-index-hero-slide {
    width: 100%;
    height: 100%;
}

.hty-index-hero-slide {
    position: relative;
    overflow: hidden;
}

.hty-index-hero-slide::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(9, 2, 20, 0.12), transparent 58%);
    pointer-events: none;
    content: "";
}

.hty-index-hero-slide > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hty-index-hero-action {
    position: absolute;
    z-index: 2;
    bottom: 4.625rem;
    left: max(3.625rem, calc((100% - 81rem) / 2));
}

.hty-index-hero-action a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 13.75rem;
    height: 3.625rem;
    border-radius: 1rem;
    background: linear-gradient(90deg, #ff2db2, #7a45ff);
    color: #ffffff;
    font-size: 1.125rem;
    font-weight: 700;
    box-shadow: 0 0.875rem 2.25rem rgba(216, 42, 181, 0.24);
}

.hty-index-hero-action a::after {
    margin-left: 0.75rem;
    content: "\2192";
}

.hty-index-hero-pagination {
    right: auto !important;
    bottom: 2rem !important;
    left: max(3.625rem, calc((100% - 81rem) / 2)) !important;
    width: auto !important;
}

.hty-index-hero-pagination .swiper-pagination-bullet {
    width: 0.75rem;
    height: 0.75rem;
    margin: 0 0.3125rem !important;
    background: rgba(255, 255, 255, 0.55);
    opacity: 1;
}

.hty-index-hero-pagination .swiper-pagination-bullet-active {
    width: 2rem;
    border-radius: 0.375rem;
    background: linear-gradient(90deg, #ff4abb, #7855ff);
}

/* hty-index-products */
.hty-index-products {
    position: relative;
    min-height: 64.5625rem;
    overflow: hidden;
    background: radial-gradient(circle at 82% 2%, rgba(122, 69, 255, 0.12), transparent 28rem), #090412;
}

.hty-index-products-inner {
    width: min(100% - 4rem, 90rem);
    margin: 0 auto;
    padding: 5.75rem 0 2.6875rem;
}

.hty-index-products-heading {
    width: min(48.75rem, 100%);
    margin-left: max(0rem, calc((100% - 81rem) / 2));
}

.hty-index-products-title {
    font-size: 3rem;
    font-weight: 700;
    line-height: 3.625rem;
}

.hty-index-products-tabs {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0.75rem;
    width: min(100%, 81rem);
    margin: 2.875rem auto 1.875rem;
}

.hty-index-products-tabs button {
    min-height: 3.75rem;
    padding: 0.625rem 0.875rem;
    border: 0.0625rem solid rgba(122, 91, 154, 0.35);
    border-radius: 1.875rem;
    background: rgba(26, 14, 44, 0.92);
    color: #d8cfe4;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.125rem;
    cursor: pointer;
    transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.hty-index-products-tabs button:hover {
    transform: translateY(-0.125rem);
    border-color: rgba(240, 74, 187, 0.6);
}

.hty-index-products-tabs button.active {
    border-color: transparent;
    background: linear-gradient(90deg, #f044b9, #724bff);
    color: #ffffff;
}

.hty-index-products-stage {
    position: relative;
    height: 40.5rem;
    overflow: hidden;
    padding: 1rem 5.5rem 4rem;
}

.hty-index-products-swiper {
    height: 39rem;
    padding: 0 3rem;
}

.hty-index-products-swiper .swiper-wrapper {
    align-items: center;
}

.hty-index-products-card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 32.5rem;
    height: 33.25rem;
    overflow: hidden;
    border: 0.0625rem solid rgba(138, 88, 178, 0.28);
    border-radius: 1.5rem;
    background: rgba(22, 10, 41, 0.98);
    opacity: 0.28;
    transform: scale(0.45) rotate(3deg);
    transition: transform 0.45s ease, opacity 0.45s ease, border-color 0.45s ease, box-shadow 0.45s ease;
}

.hty-index-products-card.swiper-slide-prev {
    opacity: 0.56;
    transform: scale(0.55) rotate(3deg);
}

.hty-index-products-card.swiper-slide-next {
    opacity: 0.56;
    transform: scale(0.55) rotate(-3deg);
}

.hty-index-products-card.swiper-slide-active {
    border-color: rgba(224, 115, 255, 0.82);
    opacity: 1;
    transform: scale(1) rotate(0);
    box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.42),
        0 1.75rem 4.5rem rgba(132, 67, 255, 0.34),
        0 0 2.5rem rgba(239, 68, 190, 0.2);
}

.hty-index-products-media {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 21.5rem;
    padding: 1.25rem;
    background: linear-gradient(180deg, rgba(44, 18, 70, 0.95), rgba(26, 12, 44, 0.98));
    transition: height 0.45s ease, padding 0.45s ease;
}

.hty-index-products-media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: drop-shadow(0 1.25rem 1.5rem rgba(0, 0, 0, 0.38));
}

.hty-index-products-media-featured img {
    transform: scale(1.05);
}

.hty-index-products-copy {
    padding: 1.125rem 1.5rem 1.5rem;
    opacity: 1;
    transition: opacity 0.2s ease;
}

/* Only the centered model exposes its product details. */
.hty-index-products-card:not(.swiper-slide-active) .hty-index-products-media {
    height: 100%;
    padding: 1.75rem;
}

.hty-index-products-card:not(.swiper-slide-active) .hty-index-products-copy {
    display: none;
}

.hty-index-products-copy span {
    position: absolute;
    z-index: 2;
    top: 1rem;
    left: 1rem;
    display: inline-flex;
    min-height: 1.875rem;
    align-items: center;
    padding: 0.3125rem 0.875rem;
    border-radius: 0.9375rem;
    background: linear-gradient(90deg, #f03db9, #8a4dff);
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
}

.hty-index-products-card-title {
    margin-top: 0.875rem;
    font-size: 1.5625rem;
    line-height: 1.8125rem;
}

.hty-index-products-copy p {
    min-height: 2.5rem;
    margin-top: 0.5rem;
    color: #c8bad8;
    font-size: 0.75rem;
    line-height: 1.25rem;
}

.hty-index-products-copy a {
    display: inline-flex;
    min-width: 11.875rem;
    min-height: 2.5rem;
    align-items: center;
    justify-content: center;
    margin-top: 0.875rem;
    border-radius: 0.875rem;
    background: linear-gradient(90deg, #ff45b7, #7549ff);
    font-size: 0.75rem;
    font-weight: 700;
}

.hty-index-products-copy a::after {
    margin-left: 0.625rem;
    content: "\2192";
}

.hty-index-products-prev,
.hty-index-products-next {
    position: absolute;
    z-index: 5;
    top: 19rem;
    width: 3.125rem;
    height: 3.125rem;
    border: 0.0625rem solid rgba(124, 77, 178, 0.45);
    border-radius: 50%;
    background: rgba(26, 14, 44, 0.95);
    color: #ffffff;
    cursor: pointer;
}

.hty-index-products-prev {
    left: 2.5rem;
}

.hty-index-products-next {
    right: 2.5rem;
    border-color: transparent;
    background: linear-gradient(90deg, #f23bb5, #7c4fff);
}

.hty-index-products-prev::before {
    content: "\2190";
}

.hty-index-products-next::before {
    content: "\2192";
}

.hty-index-products-progress {
    position: absolute;
    right: 31%;
    bottom: 0.75rem;
    left: 31%;
    height: 0.125rem;
    border-radius: 0.0625rem;
    background: rgba(108, 77, 143, 0.55);
}

.hty-index-products-progress span {
    display: block;
    width: 20%;
    height: 0.625rem;
    margin-top: -0.25rem;
    border-radius: 0.3125rem;
    background: linear-gradient(90deg, #ff4cb8, #8a4cff);
    transition: transform 0.4s ease;
}

/* hty-index-entry */
.hty-index-entry {
    padding: 1.6875rem 3.125rem 2.5rem;
    background: #090412;
}

.hty-index-entry-inner {
    position: relative;
    display: flex;
    min-height: 12.0625rem;
    align-items: center;
    justify-content: space-between;
    width: min(100%, 83.75rem);
    margin: 0 auto;
    padding: 2.5rem 3.625rem;
    overflow: hidden;
    border: 0.0625rem solid rgba(255, 255, 255, 0.12);
    border-radius: 1.625rem;
    background: linear-gradient(90deg, #2a0a4a, #7c2bd4 52%, #4a57f4);
}

.hty-index-entry-inner::after {
    position: absolute;
    top: -9rem;
    right: -2rem;
    width: 32rem;
    height: 24rem;
    border-radius: 50%;
    background: rgba(104, 225, 255, 0.22);
    filter: blur(4rem);
    content: "";
}

.hty-index-entry-copy {
    position: relative;
    z-index: 1;
}

.hty-index-entry-title {
    font-size: 2.375rem;
    line-height: 2.875rem;
}

.hty-index-entry-actions {
    position: relative;
    z-index: 1;
    display: flex;
    gap: 1rem;
}

.hty-index-entry-actions a {
    display: inline-flex;
    min-width: 9.375rem;
    height: 3.25rem;
    align-items: center;
    justify-content: center;
    border-radius: 1.625rem;
    background: #ffffff;
    color: #2c153a;
    font-size: 0.75rem;
    font-weight: 700;
}

.hty-index-entry-actions a:last-child {
    min-width: 13rem;
    border: 0.0625rem solid rgba(255, 255, 255, 0.4);
    background: rgba(26, 14, 44, 0.28);
    color: #ffffff;
}

.hty-index-entry-actions a::after {
    margin-left: 0.5rem;
    content: "\2192";
}

/* hty-index-customization */
.hty-index-customization {
    border-top: 0.0625rem solid rgba(255, 255, 255, 0.04);
    border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.04);
    background: #090412;
}

.hty-index-customization-inner {
    width: min(100% - 8.875rem, 81.25rem);
    margin: 0 auto;
    padding: 3.625rem 0 3.75rem;
}

.hty-index-customization-title {
    font-size: 2.375rem;
    line-height: 2.875rem;
}

.hty-index-customization-heading p {
    margin-top: 0.75rem;
    color: #cbbed8;
    font-size: 1.125rem;
    line-height: 1.75rem;
}

.hty-index-customization-process {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.125rem 2.5rem;
    margin-top: 4.0625rem;
    list-style: none;
}

.hty-index-customization-process li {
    display: flex;
    min-height: 5.375rem;
    align-items: center;
    padding: 1rem 1.1875rem;
    border: 0.0625rem solid rgba(240, 74, 187, 0.35);
    border-radius: 1.375rem;
    background: rgba(27, 14, 44, 0.92);
}

.hty-index-customization-process li:nth-child(even) {
    border-color: rgba(90, 154, 255, 0.35);
}

.hty-index-customization-process span {
    display: inline-flex;
    width: 2.75rem;
    height: 2.75rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    border-radius: 0.875rem;
    background: linear-gradient(90deg, #f04abb, #7b51ff);
    font-size: 0.75rem;
    font-weight: 700;
}

.hty-index-customization-process li:nth-child(even) span {
    background: linear-gradient(90deg, #7c5cff, #4bafff);
}

.hty-index-customization-process strong {
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.hty-index-customization-actions {
    display: flex;
    gap: 1.125rem;
    margin-top: 3.4375rem;
}

.hty-index-customization-actions a {
    display: inline-flex;
    min-width: 14.5rem;
    height: 3rem;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background: linear-gradient(90deg, #f03ebc, #7355ff);
    font-size: 0.75rem;
    font-weight: 700;
}

.hty-index-customization-actions a:last-child {
    min-width: 9.625rem;
    background: rgba(255, 255, 255, 0.96);
    color: #2c153a;
}

.hty-index-customization-actions a::after {
    margin-left: 0.625rem;
    content: "\2192";
}

/* hty-index-about */
.hty-index-about {
    min-height: 46rem;
    border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.04);
    background: radial-gradient(circle at 15% 45%, rgba(18, 111, 206, 0.12), transparent 24rem), #090412;
}

.hty-index-about-inner {
    display: grid;
    grid-template-columns: 36rem minmax(0, 1fr);
    gap: 5.5rem;
    width: min(100% - 8.875rem, 81.25rem);
    margin: 0 auto;
    padding: 3.8125rem 0 5rem;
}

.hty-index-about-visual {
    position: relative;
    min-height: 38.5rem;
}

.hty-index-about-panel {
    position: absolute;
    width: 31.25rem;
    height: 31.25rem;
    overflow: hidden;
    border-radius: 1.75rem;
}

.hty-index-about-panel img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hty-index-about-panel-back {
    top: 1.625rem;
    left: 0;
    background: linear-gradient(90deg, #118fe6, #2559c8);
    opacity: 0.78;
}

.hty-index-about-panel-back img {
    opacity: 0.08;
}

.hty-index-about-panel-middle {
    top: 3.375rem;
    left: 2.25rem;
    background: linear-gradient(90deg, #5ca6ff, #6b55e8);
    opacity: 0.9;
}

.hty-index-about-panel-middle img {
    opacity: 0.5;
}

.hty-index-about-panel-front {
    top: 5.125rem;
    left: 4.5rem;
    border: 0.0625rem solid rgba(196, 109, 255, 0.34);
    box-shadow: 0 1.75rem 4rem rgba(0, 0, 0, 0.32);
}

.hty-index-about-content {
    padding-top: 0;
}

.hty-index-about-title {
    font-size: 2.625rem;
    line-height: 3.125rem;
}

.hty-index-about-text {
    margin-top: 1rem;
    color: #d0c5da;
    font-size: 1rem;
    line-height: 1.625rem;
}

.hty-index-about-text p + p {
    margin-top: 1.75rem;
}

.hty-index-about-certifications {
    margin-top: 1.75rem;
}

.hty-index-about-certifications-title {
    color: #9ebbff;
    font-size: 0.875rem;
    line-height: 1.25rem;
    text-transform: uppercase;
}

.hty-index-about-certifications ul {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.625rem 1.125rem;
    margin-top: 1.125rem;
}

.hty-index-about-certifications li {
    display: flex;
    min-height: 2.125rem;
    align-items: center;
    justify-content: center;
    border: 0.0625rem solid rgba(240, 74, 187, 0.28);
    border-radius: 0.75rem;
    background: rgba(27, 18, 48, 0.95);
    font-size: 0.875rem;
    font-weight: 800;
}

.hty-index-about-certifications li:nth-child(n+5) {
    border-color: rgba(76, 184, 255, 0.28);
}

.hty-index-about-link {
    display: inline-flex;
    min-width: 11.875rem;
    height: 2.75rem;
    align-items: center;
    justify-content: center;
    margin-top: 2.5rem;
    border-radius: 0.875rem;
    background: linear-gradient(90deg, #f03ebb, #7454ff);
    font-size: 0.75rem;
    font-weight: 700;
}

.hty-index-about-link::after {
    margin-left: 0.625rem;
    content: "\2192";
}

/* hty-index-metrics */
.hty-index-metrics {
    min-height: 45rem;
    overflow: hidden;
    background: radial-gradient(circle at 50% 70%, rgba(86, 45, 136, 0.12), transparent 34rem), #090412;
}

.hty-index-metrics-inner {
    width: min(100% - 4.75rem, 80.5rem);
    margin: 0 auto;
    padding: 4.375rem 0 5.125rem;
}

.hty-index-metrics-title {
    text-align: center;
    font-size: 2.75rem;
    line-height: 3.25rem;
}

.hty-index-metrics-title span {
    background: linear-gradient(90deg, #f04abb, #8b5cff);
    background-clip: text;
    color: transparent;
}

.hty-index-metrics-primary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3.6875rem;
    margin-top: 5.375rem;
}

.hty-index-metrics-item {
    position: relative;
    min-height: 11.875rem;
    text-align: center;
}

.hty-index-metrics-item::before {
    position: absolute;
    top: -1.25rem;
    left: 50%;
    z-index: 0;
    color: rgba(79, 42, 107, 0.14);
    font-size: 8.25rem;
    font-weight: 700;
    line-height: 1;
    transform: translateX(-50%);
    content: "100";
}

.hty-index-metrics-item strong,
.hty-index-metrics-proof strong {
    position: relative;
    z-index: 1;
    display: block;
    background: linear-gradient(90deg, #ffffff, #f04abb);
    background-clip: text;
    color: transparent;
    font-size: 5rem;
    font-weight: 900;
    line-height: 4.75rem;
}

.hty-index-metrics-item:nth-child(2) strong {
    background-image: linear-gradient(90deg, #e8dfff, #9b5cff);
}

.hty-index-metrics-item:nth-child(3) strong {
    background-image: linear-gradient(90deg, #e8dfff, #5e7cff);
}

.hty-index-metrics-item p,
.hty-index-metrics-proof p {
    position: relative;
    z-index: 1;
    margin: 1.875rem auto 0;
    color: #beb1cb;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1rem;
    text-transform: uppercase;
}

.hty-index-metrics-item::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 3.5rem;
    height: 0.25rem;
    border-radius: 0.125rem;
    background: linear-gradient(90deg, #f04abb, #6e5dff);
    transform: translateX(-50%);
    content: "";
}

.hty-index-metrics-secondary {
    display: grid;
    grid-template-columns: 25.75rem 23.125rem;
    gap: 6.125rem;
    justify-content: center;
    margin-top: 2.375rem;
}

.hty-index-metrics-proof {
    position: relative;
    min-height: 9.375rem;
    padding: 1.25rem 1.5rem;
    overflow: hidden;
    border: 0.0625rem solid rgba(240, 74, 187, 0.28);
    border-radius: 1.5rem;
    background: rgba(22, 10, 37, 0.88);
    text-align: center;
}

.hty-index-metrics-proof:last-child {
    border-color: rgba(100, 120, 255, 0.28);
}

.hty-index-metrics-proof::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 0.25rem;
    height: 4.375rem;
    background: linear-gradient(180deg, #f04abb, #8b5dff);
    content: "";
}

.hty-index-metrics-proof:last-child::before {
    background: linear-gradient(180deg, #6478ff, #8b5dff);
}

.hty-index-metrics-proof strong {
    color: #ffffff;
    background: none;
}

.hty-index-metrics-proof p {
    margin-top: 0.75rem;
    color: #9e91aa;
}

/* hty-index-certifications */
.hty-index-certifications {
    min-height: 33.125rem;
    background: #090412;
}

.hty-index-certifications-inner {
    position: relative;
    width: min(100%, 90rem);
    margin: 0 auto;
    padding: 2rem 1.5rem 3.3125rem;
}

.hty-index-certifications-title {
    text-align: center;
    font-size: 1.875rem;
    line-height: 2.25rem;
}

.hty-index-certifications-stage {
    position: relative;
    min-height: 22.75rem;
    margin-top: 3.375rem;
    padding: 0 4.25rem;
}

.hty-index-certifications-pedestal {
    position: absolute;
    top: 9.6875rem;
    right: 1.125rem;
    left: 1.125rem;
    z-index: 0;
    width: calc(100% - 2.25rem);
    height: 10.5rem;
    object-fit: fill;
}

.hty-index-certifications-swiper {
    position: relative;
    z-index: 2;
    height: 20rem;
}

.hty-index-certifications-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: 19.5rem;
    padding-top: 0.5rem;
}

.hty-index-certifications-card img {
    width: 8.25rem;
    height: 11.625rem;
    object-fit: contain;
    filter: drop-shadow(0 0.625rem 1rem rgba(0, 0, 0, 0.35));
}

.hty-index-certifications-card-title {
    margin-top: 2.8rem;
    color: rgba(220, 232, 247, 0.9);
    font-size: 1rem;
    line-height: 1.25rem;
    text-align: center;
}

.hty-index-certifications-prev,
.hty-index-certifications-next {
    position: absolute;
    z-index: 4;
    top: 6.1875rem;
    width: 2.75rem;
    height: 2.75rem;
    border: 0.0625rem solid rgba(106, 121, 214, 0.42);
    border-radius: 50%;
    background: rgba(16, 26, 54, 0.88);
    color: #d9e1ff;
    cursor: pointer;
}

.hty-index-certifications-prev {
    left: -1rem;
}

.hty-index-certifications-next {
    right: -1rem;
}

.hty-index-certifications-prev::before {
    content: "\2190";
}

.hty-index-certifications-next::before {
    content: "\2192";
}

.hty-index-certifications-pagination,
.hty-index-applications-pagination {
    right: auto !important;
    left: 50% !important;
    display: flex;
    width: max-content !important;
    align-items: center;
    justify-content: center;
    transform: translateX(-50%);
}

.hty-index-certifications-pagination {
    bottom: 4rem !important;
}

.hty-index-certifications-pagination .swiper-pagination-bullet {
    width: 0.375rem;
    height: 0.375rem;
    background: rgba(119, 131, 168, 0.75);
}

.hty-index-certifications-pagination .swiper-pagination-bullet-active {
    width: 1.125rem;
    border-radius: 0.1875rem;
    background: linear-gradient(90deg, #f04abb, #6f63ff);
}

.hty-index-certifications-link {
    position: absolute;
    right: 5rem;
    bottom: 4rem;
    color: #9fb6ff;
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
}

.hty-index-certifications-link::after {
    margin-left: 0.5rem;
    content: "\2192";
}

/* hty-index-applications */
.hty-index-applications {
    min-height: 51.25rem;
    overflow: hidden;
    background: radial-gradient(circle at 50% 45%, rgba(91, 45, 134, 0.1), transparent 35rem), #090412;
}

.hty-index-applications-inner {
    position: relative;
    width: min(100%, 90rem);
    margin: 0 auto;
    padding: 3.25rem 0 4.25rem;
}

.hty-index-applications-title {
    width: min(63.75rem, calc(100% - 4rem));
    margin: 0 auto;
    text-align: center;
    font-size: 2.5rem;
    line-height: 3rem;
}

.hty-index-applications-stage {
    position: relative;
    margin-top: 3.75rem;
    padding: 0 7.75rem;
}

.hty-index-applications-swiper {
    height: 34rem;
    padding: 1rem 0 3rem;
}

.hty-index-applications-card {
    position: relative;
    height: 13.625rem;
    overflow: hidden;
    border: 0.0625rem solid rgba(126, 74, 173, 0.42);
    border-radius: 1.5rem;
    background: #13091f;
    opacity: 0.88;
    transform: rotate(2deg) scale(0.96);
    box-shadow: 0 1.125rem 1.875rem rgba(0, 0, 0, 0.38);
    transition: transform 0.4s ease, opacity 0.4s ease, border-color 0.4s ease;
}

.hty-index-applications-card:hover {
    border-color: rgba(216, 103, 255, 0.5);
    opacity: 1;
    transform: rotate(0) scale(1);
}

.hty-index-applications-card:nth-child(3n + 1) {
    transform: rotate(3deg) scale(0.96);
}

.hty-index-applications-card:nth-child(3n + 2) {
    transform: translateY(-0.5rem) rotate(0) scale(1);
}

.hty-index-applications-card:nth-child(3n) {
    transform: rotate(-3deg) scale(0.96);
}

.hty-index-applications-card:nth-child(n + 4) {
    height: 15.5rem;
}

.hty-index-applications-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hty-index-applications-card > div {
    position: absolute;
    right: 0.9375rem;
    bottom: 1rem;
    left: 0.9375rem;
    min-height: 2.5rem;
    padding: 0.625rem 1rem 0.625rem 2.125rem;
    border: 0.0625rem solid rgba(255, 255, 255, 0.08);
    border-radius: 0.875rem;
    background: rgba(16, 7, 25, 0.8);
    backdrop-filter: blur(0.5rem);
}

.hty-index-applications-card > div::before {
    position: absolute;
    top: 0.9375rem;
    left: 0.8125rem;
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 50%;
    background: linear-gradient(135deg, #f04abb, #7a55ff);
    box-shadow: 0 0 0.75rem rgba(240, 74, 187, 0.65);
    content: "";
}

.hty-index-applications-card > div p {
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1.25rem;
}

.hty-index-applications-prev,
.hty-index-applications-next {
    position: absolute;
    z-index: 4;
    top: 15.5rem;
    width: 2.875rem;
    height: 2.875rem;
    border: 0.0625rem solid rgba(133, 89, 199, 0.45);
    border-radius: 50%;
    background: rgba(20, 10, 37, 0.9);
    color: #ffffff;
    cursor: pointer;
}

.hty-index-applications-prev {
    left: 1.625rem;
}

.hty-index-applications-next {
    right: 1.625rem;
    border-color: transparent;
    background: linear-gradient(90deg, #f04abb, #6855ff);
}

.hty-index-applications-prev::before {
    content: "\2190";
}

.hty-index-applications-next::before {
    content: "\2192";
}

.hty-index-applications-pagination {
    bottom: 3.875rem !important;
}

.hty-index-applications-pagination .swiper-pagination-bullet {
    width: 0.375rem;
    height: 0.375rem;
    background: rgba(124, 109, 143, 0.75);
}

.hty-index-applications-pagination .swiper-pagination-bullet-active {
    width: 1.125rem;
    border-radius: 0.1875rem;
    background: linear-gradient(90deg, #f04abb, #6a5aff);
}

.hty-index-applications-link {
    position: absolute;
    right: 5rem;
    bottom: 3.75rem;
    color: #b6c5ff;
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
}

.hty-index-applications-link::after {
    margin-left: 0.5rem;
    content: "\2192";
}

/* hty-index-quote */
.hty-index-quote {
    position: relative;
    min-height: 53.25rem;
    overflow: hidden;
    background-color: #090412;
    background-image: repeating-linear-gradient(0deg, transparent 0, transparent 5.4375rem, rgba(175, 122, 216, 0.05) 5.4375rem, rgba(175, 122, 216, 0.05) 5.5rem);
}

.hty-index-quote-inner {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 40%) minmax(0, 49%);
    gap: 9%;
    width: min(100% - 9rem, 81rem);
    margin: 0 auto;
    padding: 3.5rem 0 7.625rem;
}

.hty-index-quote-inner::after {
    position: absolute;
    top: 5.375rem;
    bottom: 8.625rem;
    left: 44.5%;
    width: 0.0625rem;
    background: linear-gradient(180deg, #f04abb, #625dff);
    opacity: 0.32;
    content: "";
}

.hty-index-quote-title {
    font-size: 2.625rem;
    line-height: 3.0625rem;
}

.hty-index-quote-intro {
    padding-top: 0.75rem;
}

.hty-index-quote-copy {
    max-width: 29rem;
    margin-top: 1.125rem;
    color: #bfb2cb;
    font-size: 1rem;
    line-height: 1.5625rem;
}

.hty-index-quote-contact {
    position: relative;
    margin-top: 2rem;
    padding: 1rem 1.5rem 0.75rem 3.5rem;
    overflow: hidden;
    border: 0.0625rem solid rgba(146, 86, 195, 0.22);
    border-radius: 1.5rem;
    background: rgba(19, 9, 31, 0.56);
    font-style: normal;
}

.hty-index-quote-contact::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0.25rem;
    background: linear-gradient(180deg, #f04abb, #5e73ff);
    content: "";
}

.hty-index-quote-contact > a {
    position: relative;
    display: flex;
    min-height: 3.625rem;
    flex-direction: column;
    justify-content: center;
    border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.08);
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 600;
}

.hty-index-quote-contact > a::before {
    position: absolute;
    top: 1.25rem;
    left: -2rem;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    background: linear-gradient(135deg, #f04abb, #775cff);
    content: "";
}

.hty-index-quote-contact > a:nth-of-type(2)::before {
    background: linear-gradient(135deg, #7b5cff, #5f48ff);
}

.hty-index-quote-contact > a:nth-of-type(3)::before {
    background: linear-gradient(135deg, #58d9ff, #8761ff);
}

.hty-index-quote-contact span {
    color: #9f90ad;
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
}

.hty-index-quote-contact-address {
    display: grid;
    grid-template-columns: 5rem 1fr;
    min-height: 3rem;
    align-items: center;
    padding-top: 0.5rem;
}

.hty-index-quote-contact-address p {
    color: #d9cfe2;
    font-size: 0.75rem;
    line-height: 1rem;
}

.hty-index-quote-console {
    position: relative;
}

.hty-index-quote-console::before,
.hty-index-quote-console::after {
    position: absolute;
    inset: 0.75rem -1.5rem 0.75rem 1.5rem;
    border: 0.0625rem solid rgba(157, 100, 212, 0.14);
    border-radius: 2rem;
    background: rgba(50, 26, 76, 0.3);
    transform: rotate(-1deg);
    content: "";
}

.hty-index-quote-console::after {
    inset: 0.5rem -0.75rem 0.5rem 0.75rem;
    border-color: rgba(134, 86, 191, 0.2);
    background: rgba(37, 20, 58, 0.58);
    transform: rotate(0.5deg);
}

.hty-index-quote-form {
    position: relative;
    z-index: 2;
    min-height: 42.125rem;
    padding: 2.1875rem 1.8125rem 1.4375rem;
    border: 0.0625rem solid rgba(178, 96, 229, 0.34);
    border-radius: 2rem;
    background: linear-gradient(90deg, #1a0e2b, #100718);
    box-shadow: 0 1.25rem 2.5rem rgba(0, 0, 0, 0.38);
}

.hty-index-quote-form-title {
    font-size: 1.75rem;
    line-height: 2.125rem;
}

.hty-index-quote-form-note {
    margin-top: 0.25rem;
    color: #9d8eab;
    font-size: 0.75rem;
}

.hty-index-quote-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.875rem;
    margin-top: 1.25rem;
}

.hty-index-quote-fields label {
    display: block;
    color: #e7dded;
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
}

.hty-index-quote-fields input,
.hty-index-quote-fields textarea {
    display: block;
    width: 100%;
    margin-top: 0.5rem;
    border: 0.0625rem solid rgba(129, 86, 164, 0.34);
    border-radius: 0.875rem;
    outline: 0;
    background: rgba(18, 9, 30, 0.96);
    color: #ffffff;
    font-size: 0.8125rem;
    text-transform: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.hty-index-quote-fields input {
    height: 3.5rem;
    padding: 0 0.9375rem;
}

.hty-index-quote-fields textarea {
    min-height: 9.5rem;
    padding: 0.8125rem 0.9375rem;
    resize: vertical;
}

.hty-index-quote-fields input:focus,
.hty-index-quote-fields textarea:focus {
    border-color: rgba(240, 74, 187, 0.75);
    box-shadow: 0 0 0 0.1875rem rgba(240, 74, 187, 0.12);
}

.hty-index-quote-fields input::placeholder,
.hty-index-quote-fields textarea::placeholder {
    color: #7e708a;
}

.hty-index-quote-message {
    grid-column: 1 / -1;
}

.hty-index-quote-form > button {
    width: 100%;
    height: 3.625rem;
    margin-top: 2.25rem;
    border: 0.0625rem solid rgba(255, 255, 255, 0.12);
    border-radius: 1rem;
    background: linear-gradient(90deg, #f04abb, #6c59ff);
    color: #ffffff;
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
    box-shadow: 0 0.625rem 1.25rem rgba(211, 61, 186, 0.28);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hty-index-quote-form > button:hover {
    transform: translateY(-0.125rem);
    box-shadow: 0 0.875rem 1.75rem rgba(211, 61, 186, 0.34);
}

.hty-index-quote-form > button:disabled {
    cursor: wait;
    opacity: 0.7;
    transform: none;
}

.hty-index-quote-form > button::after {
    margin-left: 0.625rem;
    content: "\2192";
}

.hty-index-quote-privacy {
    margin-top: 1rem;
    padding: 0.625rem 1rem;
    border-radius: 1.0625rem;
    background: rgba(26, 13, 41, 0.88);
    color: #93859f;
    font-size: 0.625rem;
    text-align: center;
}

.hty-index-quote-status {
    min-height: 1.25rem;
    margin-top: 0.625rem;
    color: #8ee8c3;
    font-size: 0.75rem;
    text-align: center;
}

.hty-index-quote-status:empty {
    display: none;
}

/* hty-index-footer */
.hty-index-footer {
    min-height: 21.25rem;
    background: #05040a;
}

.hty-index-footer-inner {
    position: relative;
    display: grid;
    grid-template-columns: 32rem minmax(0, 1fr);
    gap: 4.125rem;
    width: min(100% - 9rem, 81rem);
    min-height: 21.25rem;
    margin: 0 auto;
    padding: 4.375rem 0 3.125rem;
}

.hty-index-footer-inner::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 0.0625rem;
    background: linear-gradient(90deg, rgba(255, 61, 184, 0.12), rgba(128, 87, 255, 0.55) 50%, rgba(46, 194, 255, 0.12));
    content: "";
}

.hty-index-footer-logo {
    display: block;
    width: 10.5625rem;
    height: 3.0625rem;
}

.hty-index-footer-logo img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.hty-index-footer-copy {
    width: min(100%, 24.375rem);
    margin-top: 1.4375rem;
    color: #c7bfd6;
    font-size: 0.8125rem;
    line-height: 1.25rem;
}

.hty-index-footer-nav {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.5rem;
}

.hty-index-footer-column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.hty-index-footer-column-title {
    margin-bottom: 1.125rem;
    color: #ff3db8;
    font-size: 0.625rem;
    line-height: 1rem;
    text-transform: uppercase;
}

.hty-index-footer-column-contact .hty-index-footer-column-title {
    color: #2ec2ff;
}

.hty-index-footer-column a {
    color: #c7bfd6;
    font-size: 0.75rem;
    line-height: 1.35rem;
    transition: color 0.2s ease, transform 0.2s ease;
}

.hty-index-footer-column a:hover {
    color: #ffffff;
    transform: translateX(0.1875rem);
}

.hty-index-footer-bottom {
    position: absolute;
    right: 0;
    bottom: 2.5rem;
    left: 0;
    display: flex;
    justify-content: space-between;
    color: rgba(199, 191, 214, 0.55);
    font-size: 0.625rem;
    line-height: 1rem;
}

.hty-index-footer-note {
    color: rgba(46, 194, 255, 0.7);
    font-weight: 700;
    text-transform: uppercase;
}

/* hty-index-responsive-tablet */
@media (max-width: 75rem) {
    .hty-index-header-inner {
        width: min(100% - 3rem, 70rem);
    }

    .hty-index-header-nav {
        gap: 1.25rem;
    }

    .hty-index-header-nav a {
        font-size: 0.875rem;
    }

    .hty-index-header-contact {
        min-width: 9rem;
        margin-left: 1.75rem;
    }

    .hty-index-products-inner,
    .hty-index-entry-inner,
    .hty-index-customization-inner,
    .hty-index-about-inner,
    .hty-index-metrics-inner,
    .hty-index-quote-inner {
        width: calc(100% - 4rem);
    }

    .hty-index-about-inner {
        grid-template-columns: minmax(26rem, 0.9fr) minmax(0, 1.1fr);
        gap: 3rem;
    }

    .hty-index-about-panel {
        width: 25rem;
        height: 25rem;
    }

    .hty-index-about-visual {
        min-height: 33rem;
    }

    .hty-index-quote-inner {
        grid-template-columns: minmax(0, 0.85fr) minmax(32rem, 1.15fr);
        gap: 5rem;
    }

    .hty-index-footer-inner {
        width: calc(100% - 4rem);
    }

    .hty-index-quote-inner::after {
        left: 41%;
    }
}

/* hty-index-responsive-small-tablet */
@media (max-width: 62rem) {
    .hty-index-page main {
        padding-top: 4.75rem;
    }

    .hty-index-header {
        height: 4.75rem;
    }

    .hty-index-header-inner {
        width: calc(100% - 2rem);
    }

    .hty-index-header-logo {
        width: 8.5rem;
        height: 2.5rem;
    }

    .hty-index-header-nav,
    .hty-index-header-contact {
        display: none;
    }

    .hty-index-header-menu {
        position: relative;
        display: block;
        width: 2.75rem;
        height: 2.75rem;
        border: 0.0625rem solid rgba(255, 255, 255, 0.14);
        border-radius: 0.75rem;
        background: rgba(26, 14, 44, 0.92);
        cursor: pointer;
    }

    .hty-index-header-menu::before,
    .hty-index-header-menu::after {
        position: absolute;
        left: 0.6875rem;
        width: 1.25rem;
        height: 0.125rem;
        background: #ffffff;
        transition: transform 0.2s ease, top 0.2s ease;
        content: "";
    }

    .hty-index-header-menu::before {
        top: 1rem;
        box-shadow: 0 0.375rem 0 #ffffff;
    }

    .hty-index-header-menu::after {
        top: 1.75rem;
    }

    .hty-index-header.open .hty-index-header-menu::before {
        top: 1.3125rem;
        box-shadow: none;
        transform: rotate(45deg);
    }

    .hty-index-header.open .hty-index-header-menu::after {
        top: 1.3125rem;
        transform: rotate(-45deg);
    }

    .hty-index-header-mobile {
        position: absolute;
        top: 4.75rem;
        right: 0;
        left: 0;
        display: grid;
        max-height: 0;
        overflow: hidden;
        background: rgba(9, 4, 18, 0.98);
        opacity: 0;
        transition: max-height 0.3s ease, opacity 0.3s ease;
    }

    .hty-index-header.open .hty-index-header-mobile {
        max-height: 32rem;
        padding: 1rem;
        opacity: 1;
    }

    .hty-index-header-mobile a {
        padding: 0.875rem 1rem;
        border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.08);
        font-weight: 700;
    }

    .hty-index-hero {
        min-height: 31.25rem;
        height: calc(100vh - 4.75rem);
        height: calc(100svh - 4.75rem);
    }

    .hty-index-hero-slide > img {
        object-position: center;
    }

    .hty-index-products-tabs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hty-index-products-tabs button:last-child {
        grid-column: 1 / -1;
    }

    .hty-index-entry-inner {
        gap: 2rem;
    }

    .hty-index-entry-title {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }

    .hty-index-entry-actions {
        flex-direction: column;
    }

    .hty-index-about-inner {
        grid-template-columns: 1fr;
    }

    .hty-index-about-visual {
        width: 34rem;
        min-height: 34rem;
        margin: 0 auto;
    }

    .hty-index-about-panel {
        width: 28rem;
        height: 28rem;
    }

    .hty-index-metrics-primary {
        gap: 1rem;
    }

    .hty-index-metrics-item strong,
    .hty-index-metrics-proof strong {
        font-size: 3.75rem;
    }

    .hty-index-metrics-secondary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2rem;
    }

    .hty-index-certifications-stage {
        padding: 0 4rem;
    }

    .hty-index-applications-stage {
        padding: 0 4rem;
    }

    .hty-index-quote-inner {
        grid-template-columns: 1fr;
    }

    .hty-index-quote-inner::after {
        display: none;
    }

    .hty-index-quote-contact {
        margin-top: 2.5rem;
    }

    .hty-index-footer-inner {
        grid-template-columns: minmax(14rem, 0.8fr) minmax(0, 1.2fr);
        gap: 3rem;
    }

    .hty-index-footer-nav {
        gap: 1.5rem;
    }
}

/* hty-index-responsive-mobile */
@media (max-width: 48rem) {
    .hty-index-hero {
        min-height: 0;
        height: 24rem;
    }
.hty-index-certifications-card-title {
    margin-top: 0.8rem;
    color: rgba(220, 232, 247, 0.9);
    font-size: 1rem;
    line-height: 1.25rem;
    text-align: center;
}
    .hty-index-hero-slide > img {
        width: auto;
        max-width: none;
        object-position: 62% center;
    }

    .hty-index-hero-action {
        bottom: 3rem;
        left: 1rem;
    }

    .hty-index-hero-action a {
        min-width: 10rem;
        height: 2.75rem;
        font-size: 0.8125rem;
    }

    .hty-index-hero-pagination {
        bottom: 1.25rem !important;
        left: 1rem !important;
    }

    .hty-index-products {
        min-height: auto;
    }

    .hty-index-products-inner {
        width: calc(100% - 2rem);
        padding: 3.75rem 0 2.5rem;
    }

    .hty-index-products-title {
        font-size: 2rem;
        line-height: 2.375rem;
    }

    .hty-index-products-tabs {
        display: flex;
        width: calc(100vw - 2rem);
        gap: 0.5rem;
        margin: 1.5rem 0 1rem;
        padding-bottom: 0.25rem;
        overflow-x: auto;
        scroll-snap-type: x proximity;
        scrollbar-width: none;
    }

    .hty-index-products-tabs::-webkit-scrollbar {
        display: none;
    }

    .hty-index-products-tabs button {
        min-height: 2.75rem;
        flex: 0 0 auto;
        padding: 0.5rem 1rem;
        white-space: nowrap;
        scroll-snap-align: start;
    }

    .hty-index-products-tabs button:last-child {
        grid-column: auto;
    }

    .hty-index-products-stage {
        height: 35rem;
        padding: 0.75rem 0 3rem;
    }

    .hty-index-products-swiper {
        height: 32rem;
        padding: 0 1.5rem;
    }

    .hty-index-products-card {
        width: min(calc(100vw - 3rem), 20rem);
        height: 29.5rem;
        opacity: 0.55;
        transform: scale(0.9);
    }

    .hty-index-products-card.swiper-slide-active {
        transform: scale(1);
    }

    .hty-index-products-media {
        height: 14.5rem;
        padding: 1rem;
    }

    .hty-index-products-copy {
        display: flex;
        flex: 1;
        flex-direction: column;
        padding: 0.75rem 1.25rem 1rem;
    }

    .hty-index-products-card-title {
        margin-top: 0.25rem;
        font-size: 1.5rem;
        line-height: 1.75rem;
    }

    .hty-index-products-copy p {
        min-height: 3.75rem;
        margin-top: 0.5rem;
        line-height: 1.2rem;
    }

    .hty-index-products-copy a {
        width: 100%;
        min-width: 0;
        margin-top: auto;
    }

    .hty-index-products-prev,
    .hty-index-products-next {
        top: 15rem;
        width: 2.75rem;
        height: 2.75rem;
    }

    .hty-index-products-prev {
        left: 0;
    }

    .hty-index-products-next {
        right: 0;
    }

    .hty-index-products-progress {
        right: 20%;
        left: 20%;
    }

    .hty-index-entry {
        padding: 1.25rem 1rem 2rem;
    }

    .hty-index-entry-inner {
        width: 100%;
        min-height: 16rem;
        flex-direction: column;
        align-items: flex-start;
        padding: 2rem 1.5rem;
    }

    .hty-index-entry-title {
        font-size: 1.625rem;
        line-height: 2rem;
    }

    .hty-index-entry-actions {
        width: 100%;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .hty-index-entry-actions a,
    .hty-index-entry-actions a:last-child {
        min-width: 0;
        flex: 1 1 9rem;
    }

    .hty-index-customization-inner,
    .hty-index-about-inner,
    .hty-index-metrics-inner,
    .hty-index-quote-inner {
        width: calc(100% - 2rem);
    }

    .hty-index-customization-inner {
        padding: 3.5rem 0;
    }

    .hty-index-customization-title,
    .hty-index-about-title,
    .hty-index-quote-title {
        font-size: 2rem;
        line-height: 2.375rem;
    }

    .hty-index-customization-heading p {
        font-size: 0.9375rem;
    }

    .hty-index-customization-process {
        grid-template-columns: 1fr;
        margin-top: 2.5rem;
    }

    .hty-index-customization-process strong {
        font-size: 0.9375rem;
    }

    .hty-index-customization-actions {
        flex-wrap: wrap;
    }

    .hty-index-customization-actions a,
    .hty-index-customization-actions a:last-child {
        min-width: 0;
        flex: 1 1 9rem;
    }

    .hty-index-about-inner {
        padding-top: 2.5rem;
    }

    .hty-index-about-visual {
        width: 100%;
        min-height: 23rem;
    }

    .hty-index-about-panel {
        width: calc(100% - 3rem);
        height: 20rem;
    }

    .hty-index-about-panel-back {
        left: 0;
    }

    .hty-index-about-panel-middle {
        top: 2.625rem;
        left: 1.5rem;
    }

    .hty-index-about-panel-front {
        top: 3.625rem;
        left: 3rem;
    }

    .hty-index-about-text {
        font-size: 0.9375rem;
        line-height: 1.5rem;
    }

    .hty-index-about-certifications ul {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hty-index-metrics {
        min-height: auto;
    }

    .hty-index-metrics-inner {
        padding: 4rem 0;
    }

    .hty-index-metrics-title {
        font-size: 2rem;
        line-height: 2.375rem;
    }

    .hty-index-metrics-primary,
    .hty-index-metrics-secondary {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .hty-index-metrics-primary {
        margin-top: 3rem;
    }

    .hty-index-metrics-item strong,
    .hty-index-metrics-proof strong {
        font-size: 3.75rem;
        line-height: 4rem;
    }

    .hty-index-metrics-secondary {
        margin-top: 1.5rem;
    }

    .hty-index-certifications-inner {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .hty-index-certifications-title {
        font-size: 1.625rem;
        line-height: 2rem;
    }

    .hty-index-certifications-stage {
        padding: 0 2.5rem;
    }

    .hty-index-certifications-pedestal {
        right: 0;
        left: 0;
        width: 100%;
        height: 7rem;
    }

    .hty-index-certifications-prev {
        left: 0;
    }

    .hty-index-certifications-next {
        right: 0;
    }

    .hty-index-certifications-link,
    .hty-index-applications-link {
        position: static;
        display: block;
        margin-top: 1.5rem;
        text-align: center;
    }

    .hty-index-applications {
        min-height: auto;
    }

    .hty-index-applications-inner {
        padding: 3rem 0 4rem;
    }

    .hty-index-applications-title {
        width: calc(100% - 2rem);
        font-size: 2rem;
        line-height: 2.375rem;
    }

    .hty-index-applications-stage {
        margin-top: 3rem;
        padding: 0 2.75rem;
    }

    .hty-index-applications-swiper {
        height: auto;
        min-height: 23rem;
    }

    .hty-index-applications-card {
        height: 20rem;
        transform: none;
    }

    .hty-index-applications-card:nth-child(n + 4) {
        height: 20rem;
    }

    .hty-index-applications-card:nth-child(3n + 1),
    .hty-index-applications-card:nth-child(3n + 2),
    .hty-index-applications-card:nth-child(3n) {
        transform: none;
    }

    .hty-index-applications-prev {
        left: 0;
    }

    .hty-index-applications-next {
        right: 0;
    }

    .hty-index-applications-pagination {
        bottom: 2.5rem !important;
    }

    .hty-index-quote {
        min-height: auto;
    }

    .hty-index-quote-inner {
        gap: 3rem;
        padding: 3rem 0;
    }

    .hty-index-quote-contact {
        padding-left: 3rem;
    }

    .hty-index-quote-contact-address {
        grid-template-columns: 1fr;
        gap: 0.25rem;
        padding: 0.75rem 0;
    }

    .hty-index-quote-console::before,
    .hty-index-quote-console::after {
        display: none;
    }

    .hty-index-quote-form {
        min-height: 0;
        padding: 1.5rem 1rem;
        border-radius: 1.5rem;
    }

    .hty-index-quote-fields {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .hty-index-quote-message {
        grid-column: auto;
    }

    .hty-index-footer {
        min-height: auto;
    }

    .hty-index-footer-inner {
        grid-template-columns: 1fr;
        gap: 2.5rem;
        width: calc(100% - 2rem);
        min-height: 0;
        padding: 3rem 0 5.25rem;
    }

    .hty-index-footer-nav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2rem;
    }

    .hty-index-footer-column-contact {
        grid-column: 1 / -1;
    }

    .hty-index-footer-bottom {
        right: 0;
        bottom: 1.5rem;
        left: 0;
        flex-direction: column;
        gap: 0.5rem;
    }
}

/* hty-products-header-dropdown */
.hty-products-nav-products {
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
}

.hty-products-dropdown {
    position: absolute;
    z-index: 120;
    top: 4.75rem;
    left: 50%;
    display: grid;
    width: 36.875rem;
    min-height: 20.625rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 2.125rem;
    padding: 1.0625rem 1.1875rem;
    overflow: hidden;
    border: 0.0625rem solid rgba(177, 106, 223, 0.5);
    border-radius: 1.25rem;
    background: rgba(16, 9, 28, 0.97);
    box-shadow: 0 1.125rem 2rem rgba(0, 0, 0, 0.5);
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 0.75rem);
    transition: opacity 0.24s ease, transform 0.24s ease, visibility 0.24s ease;
    visibility: hidden;
}

.hty-products-dropdown::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 0.1875rem;
    border-radius: 0.125rem;
    background: linear-gradient(90deg, #f044b9, #4bafff);
    content: "";
}

.hty-products-nav-products:hover .hty-products-dropdown,
.hty-products-nav-products:focus-within .hty-products-dropdown,
.hty-products-nav-products.open .hty-products-dropdown {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%, 0);
    visibility: visible;
}

.hty-products-dropdown-column {
    min-width: 0;
}

.hty-index-header-nav .hty-products-dropdown a {
    position: relative;
    display: flex;
    min-height: 3rem;
    align-items: center;
    padding: 0.625rem 0 0.625rem 2.5rem;
    border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.05);
    color: #f5f0fa;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.125rem;
    white-space: nowrap;
}

.hty-index-header-nav .hty-products-dropdown a::before {
    position: absolute;
    top: 50%;
    left: 0.125rem;
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    background: linear-gradient(135deg, #f044b9, #6c58ff);
    content: "";
    transform: translateY(-50%);
}

.hty-index-header-nav .hty-products-dropdown-column-secondary a::before {
    background: linear-gradient(135deg, #4bafff, #6c58ff);
}

.hty-index-header-nav .hty-products-dropdown a:hover,
.hty-index-header-nav .hty-products-dropdown a:focus-visible {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.045);
}

.hty-index-header-nav .hty-products-dropdown a:hover::before,
.hty-index-header-nav .hty-products-dropdown a:focus-visible::before {
    box-shadow: 0 0 1rem rgba(240, 68, 185, 0.45);
}

/* hty-products-hero */
.hty-products-hero {
    position: relative;
    height: 35.625rem;
    overflow: hidden;
    background: #170923;
}

.hty-products-hero-background {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
}

.hty-products-hero-inner {
    position: relative;
    width: min(calc(100% - 9rem), 81rem);
    height: 100%;
    margin: 0 auto;
}

.hty-products-hero-copy {
    position: absolute;
    z-index: 4;
    top: 6.25rem;
    left: 0;
    width: 40.625rem;
}

.hty-products-hero-title {
    font-size: 3.375rem;
    font-weight: 700;
    line-height: 1.12;
}

.hty-products-hero-text {
    width: 40.625rem;
    margin-top: 1.75rem;
    color: #c7bbd4;
    font-size: 1.125rem;
    line-height: 1.45;
}

.hty-products-hero-actions {
    display: flex;
    gap: 1.125rem;
    margin-top: 6.125rem;
}

.hty-products-hero-actions a {
    display: inline-flex;
    width: 13.75rem;
    height: 3.375rem;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background: linear-gradient(90deg, #f04abb, #6c58ff);
    box-shadow: 0 1rem 2rem rgba(77, 15, 115, 0.35);
    font-size: 1rem;
    font-weight: 600;
}

.hty-products-hero-actions a::after {
    margin-left: 0.625rem;
    content: "\2192";
}

.hty-products-hero-actions a:last-child {
    width: 10.625rem;
    border: 0.0625rem solid #8b5ba6;
    background: #160a29;
    box-shadow: none;
    font-size: 0.875rem;
}

.hty-products-hero-actions a:last-child::after {
    display: none;
}

.hty-products-hero-visual {
    position: absolute;
    z-index: 3;
    top: 1.125rem;
    right: -3.875rem;
    width: 50.25rem;
    height: 34.5rem;
    overflow: hidden;
}

.hty-products-hero-swiper {
    height: 27.375rem;
    overflow: visible;
}

.hty-products-hero-swiper .swiper-wrapper {
    align-items: center;
}

.hty-products-hero-slide {
    position: relative;
    width: 16.125rem;
    height: 27.375rem;
    overflow: visible;
}

.hty-products-hero-slide::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13.75rem;
    height: 15.75rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(99, 45, 138, 0.34), transparent 72%);
    content: "";
    opacity: 0.42;
    transform: translate(-50%, -50%);
    transition: width 0.55s ease, height 0.55s ease, opacity 0.55s ease;
}

.hty-products-hero-slide img {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 10.25rem;
    height: 17.875rem;
    max-width: none;
    object-fit: contain;
    opacity: 0.58;
    filter: brightness(0.56) saturate(0.78);
    transform: translate(-50%, -50%) rotate(2deg);
    transform-origin: center;
    transition: width 0.55s ease, height 0.55s ease, opacity 0.55s ease, filter 0.55s ease, transform 0.55s ease;
}

.hty-products-hero-slide.swiper-slide-next img {
    transform: translate(-50%, -50%) rotate(-2deg);
}

.hty-products-hero-slide.swiper-slide-active::before {
    width: 28.25rem;
    height: 24.375rem;
    opacity: 1;
    background: radial-gradient(circle, rgba(116, 52, 161, 0.36), rgba(63, 24, 88, 0.12) 58%, transparent 74%);
}

.hty-products-hero-slide.swiper-slide-active img {
    width: 18rem;
    height: 26.875rem;
    opacity: 1;
    filter: none;
    transform: translate(-50%, -50%) rotate(0);
    filter: drop-shadow(0 1.125rem 1.75rem rgba(56, 10, 87, 0.46));
}

.hty-products-hero-pagination {
    top: 31.75rem;
    bottom: auto !important;
    left: 43.25% !important;
    width: auto !important;
}

.hty-products-hero-pagination .swiper-pagination-bullet {
    width: 0.375rem;
    height: 0.375rem;
    margin: 0 0.3125rem !important;
    background: rgba(179, 157, 197, 0.55);
    opacity: 1;
}

.hty-products-hero-pagination .swiper-pagination-bullet-active {
    width: 2rem;
    border-radius: 0.1875rem;
    background: linear-gradient(90deg, #f04abb, #4bafff);
}

/* hty-products-categories */
.hty-products-categories {
    background: radial-gradient(circle at 80% 3%, rgba(83, 32, 121, 0.08), transparent 32rem), #090412;
}

.hty-products-categories-inner {
    width: min(calc(100% - 9rem), 81rem);
    margin: 0 auto;
    padding: 4.4375rem 0 6rem;
}

.hty-products-categories-heading {
    max-width: 59.375rem;
}

.hty-products-categories-title {
    font-size: 2.625rem;
    font-weight: 700;
    line-height: 1.25;
}

.hty-products-categories-heading p {
    margin-top: 0.4375rem;
    color: #bfb3cb;
    font-size: 1rem;
    line-height: 1.25rem;
}

.hty-products-categories-list {
    display: grid;
    gap: 3.125rem;
    margin-top: 5.4375rem;
}

.hty-products-category {
    position: relative;
    min-height: 0;
    aspect-ratio: 1296 / 420;
    overflow: hidden;
    border: 0.0625rem solid rgba(255, 255, 255, 0.86);
    border-radius: 1.75rem;
    background: #160b21;
}

.hty-products-category::after {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg, rgba(11, 6, 19, 0.22), rgba(11, 6, 19, 0));
    content: "";
    pointer-events: none;
}

.hty-products-category-background {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    object-position: center;
}

.hty-products-category-copy {
    position: absolute;
    inset: 0;
    z-index: 2;
    padding: 2.5625rem 0 2.5625rem 2.5625rem;
}

.hty-products-category-copy > span {
    display: inline-flex;
    width: 3.875rem;
    height: 1.875rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    background: linear-gradient(90deg, #f04abb, #6c58ff);
    font-size: 0.6875rem;
    font-weight: 700;
}

.hty-products-category-title {
    margin-top: 1.9375rem;
    font-size: 3.625rem;
    font-weight: 700;
    line-height: 1.12;
}

.hty-products-category-actions {
    position: absolute;
    bottom: 3.375rem;
    left: 2.5625rem;
    display: flex;
    gap: 1rem;
}

.hty-products-category-actions a {
    display: inline-flex;
    width: 10rem;
    height: 2.875rem;
    align-items: center;
    justify-content: center;
    border: 0.0625rem solid #ffffff;
    border-radius: 0.875rem;
    background: #0d0814;
    font-size: 0.75rem;
    font-weight: 600;
}

.hty-products-category-actions a::after {
    margin-left: 0.5rem;
    content: "\2192";
}

.hty-products-category-actions a:last-child {
    width: 9.0625rem;
    border-color: #ffffff;
    color: #2e1736;
    background: #ffffff;
}

.hty-products-category-actions a:last-child::after {
    display: none;
}

/* hty-products-more */
.hty-products-more {
    margin-top: 6.25rem;
}

.hty-products-more-title {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.25;
}

.hty-products-more-grid {
    display: grid;
    min-height: 36.25rem;
    grid-template-columns: minmax(0, 500fr) minmax(0, 348fr) minmax(0, 348fr);
    grid-template-rows: 15rem 16.75rem;
    column-gap: 1.625rem;
    row-gap: 1.5rem;
    margin-top: 3.125rem;
    padding: 1.5rem;
    overflow: hidden;
    border: 0.0625rem solid #40244d;
    border-radius: 1.75rem;
    background: radial-gradient(circle at 78% 50%, rgba(108, 66, 255, 0.26), transparent 34rem), #0b0512;
    box-shadow: 0 0.5rem 1.5rem rgba(46, 10, 71, 0.18);
}

.hty-products-more-card {
    position: relative;
    overflow: hidden;
    border: 0.0625rem solid #a455b7;
    border-radius: 1.5rem;
    box-shadow: 0 0.5625rem 1.75rem rgba(89, 20, 148, 0.28);
}

.hty-products-more-card::before {
    position: absolute;
    top: 1.875rem;
    right: 0.75rem;
    width: 11.875rem;
    height: 11.875rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.22), transparent 72%);
    content: "";
}

.hty-products-more-card-title {
    position: absolute;
    z-index: 2;
    top: 1.8125rem;
    left: 1.6875rem;
    width: 16.875rem;
    font-size: 2.1875rem;
    line-height: 1.2857;
}

.hty-products-more-rule {
    position: absolute;
    z-index: 2;
    top: 11.9375rem;
    left: 1.6875rem;
    width: 6.625rem;
    height: 0.125rem;
    border-radius: 0.0625rem;
    background: linear-gradient(90deg, #f04abb, #7358ff);
}

.hty-products-more-card p {
    position: absolute;
    z-index: 2;
    top: 13.8125rem;
    left: 1.6875rem;
    color: #efddf3;
    font-size: 0.6875rem;
    font-weight: 600;
    line-height: 1.55;
}

.hty-products-more-chip,
.hty-products-more-badge {
    position: absolute;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
}

.hty-products-more-chip {
    bottom: 2rem;
    left: 1.6875rem;
    min-width: 8.875rem;
    height: 2.125rem;
    border: 0.0625rem solid rgba(255, 255, 255, 0.8);
    color: #ffffff;
    background: rgba(11, 6, 18, 0.78);
}

.hty-products-more-badge {
    top: 1.4375rem;
    right: 2rem;
    width: 6.25rem;
    height: 2.125rem;
    border: 0.0625rem solid rgba(255, 255, 255, 0.72);
    color: #ffffff;
    background: rgba(11, 6, 18, 0.72);
    font-size: 0.5625rem;
}

.hty-products-more-card img {
    position: absolute;
    z-index: 1;
    max-width: none;
    object-fit: contain;
}

.hty-products-more-popcorn {
    grid-row: 1 / 3;
    background: linear-gradient(90deg, #321443, #742d86);
}

.hty-products-more-popcorn > img {
    right: 3.4375rem;
    bottom: 1.25rem;
    width: 9.8125rem;
    height: 28rem;
}

.hty-products-more-slush {
    grid-column: 2 / 4;
    background: linear-gradient(90deg, #6a2818, #d06d3b);
}

.hty-products-more-slush .hty-products-more-card-title {
    top: 1.4375rem;
    width: 22.5rem;
}

.hty-products-more-slush .hty-products-more-rule {
    top: 8.3125rem;
    width: 5.5rem;
    background: linear-gradient(90deg, #ffd2a6, #ffffff);
}

.hty-products-more-slush .hty-products-more-chip {
    bottom: 1.625rem;
    min-width: 8.25rem;
    height: 2rem;
}

.hty-products-more-slush-media img:first-child {
    top: -0.0625rem;
    right: 10.625rem;
    width: 7.625rem;
    height: 14.75rem;
}

.hty-products-more-slush-media img:last-child {
    top: 0.1875rem;
    right: 3.1875rem;
    width: 6.6875rem;
    height: 14.125rem;
}

.hty-products-more-photo,
.hty-products-more-balloon {
    grid-row: 2;
}

.hty-products-more-photo {
    grid-column: 2;
    border-color: #ee6a91;
    background: linear-gradient(90deg, #5c1727, #cb446b);
}

.hty-products-more-balloon {
    grid-column: 3;
    background: linear-gradient(90deg, #3e1761, #8d45c9);
}

.hty-products-more-photo .hty-products-more-card-title,
.hty-products-more-balloon .hty-products-more-card-title {
    top: 1.125rem;
    left: 1.3125rem;
    width: 11.25rem;
}

.hty-products-more-photo .hty-products-more-rule,
.hty-products-more-balloon .hty-products-more-rule {
    top: 7.75rem;
    left: 1.3125rem;
    width: 5.5rem;
}

.hty-products-more-balloon .hty-products-more-rule {
    top: 10.625rem;
}

.hty-products-more-photo .hty-products-more-chip,
.hty-products-more-balloon .hty-products-more-chip {
    bottom: 1.875rem;
    left: 1.3125rem;
    min-width: 7.25rem;
    height: 1.875rem;
}

.hty-products-more-photo .hty-products-more-badge,
.hty-products-more-balloon .hty-products-more-badge {
    top: 1.0625rem;
    right: 1.625rem;
    width: 4.625rem;
    height: 1.75rem;
    border: 0;
    color: #ffb2c7;
    background: rgba(11, 6, 18, 0.72);
}

.hty-products-more-balloon .hty-products-more-badge {
    color: #ffffff;
    background: linear-gradient(90deg, #f04abb, #7358ff);
}

.hty-products-more-photo > img {
    right: 1.625rem;
    bottom: 1.1875rem;
    width: 8.5625rem;
    height: 12.1875rem;
}

.hty-products-more-balloon > img {
    right: 1.9375rem;
    bottom: 1.1875rem;
    width: 6.5rem;
    height: 11.9375rem;
}

/* hty-products-custom-cta */
.hty-products-custom-cta {
    position: relative;
    display: flex;
    min-height: 13.125rem;
    align-items: center;
    justify-content: space-between;
    margin-top: 2.6875rem;
    padding: 2.625rem 4.125rem 2.625rem 3.375rem;
    overflow: hidden;
    border: 0.0625rem solid #d76cff;
    border-radius: 1.625rem;
    background: linear-gradient(90deg, #38104d, #244ea8);
    box-shadow: 0 0.625rem 2.125rem rgba(89, 31, 178, 0.32);
}

.hty-products-custom-cta::before {
    position: absolute;
    top: -5rem;
    right: -3.375rem;
    width: 26.25rem;
    height: 18.75rem;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(89, 200, 255, 0.36), transparent 70%);
    content: "";
}

.hty-products-custom-copy {
    position: relative;
    z-index: 1;
    max-width: 47.5rem;
}

.hty-products-custom-copy > span {
    color: #ff7ad4;
    font-size: 0.8125rem;
    font-weight: 600;
}

.hty-products-custom-title {
    margin-top: 1rem;
    font-size: 2.125rem;
    line-height: 1.25;
}

.hty-products-custom-copy p {
    margin-top: 0.375rem;
    color: #ded5e8;
    font-size: 0.9375rem;
    line-height: 1.4;
}

.hty-products-custom-cta > a {
    position: relative;
    z-index: 1;
    display: inline-flex;
    width: 13.75rem;
    height: 3.375rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background: linear-gradient(90deg, #ff3db8, #7c4fff);
    font-size: 0.9375rem;
    font-weight: 600;
}

.hty-products-custom-cta > a::after {
    margin-left: 0.625rem;
    content: "\2192";
}

/* hty-products-responsive-wide */
@media (min-width: 75.0625rem) and (max-width: 90rem) {
    .hty-products-hero-visual {
        right: auto;
        left: calc(71.6667vw - 29.625rem);
    }
}

@media (min-width: 90.0625rem) {
    .hty-products-hero-visual {
        right: auto;
        left: calc(30.6667vw + 15.375rem);
    }
}

/* hty-products-responsive-tablet */
@media (max-width: 75rem) {
    .hty-products-hero-inner,
    .hty-products-categories-inner {
        width: calc(100% - 4rem);
    }

    .hty-products-hero-copy {
        width: 48%;
    }

    .hty-products-hero-title {
        font-size: 3rem;
    }

    .hty-products-hero-text {
        width: 100%;
        font-size: 1rem;
    }

    .hty-products-hero-visual {
        right: -5rem;
        width: 52rem;
        transform: scale(0.86);
        transform-origin: right center;
    }

    .hty-products-category-title {
        font-size: 3rem;
    }

    .hty-products-more-card-title {
        font-size: 1.75rem;
        line-height: 1.2;
    }

    .hty-products-more-photo .hty-products-more-card-title,
    .hty-products-more-balloon .hty-products-more-card-title {
        width: 9rem;
        font-size: 1.5rem;
    }
}

/* hty-products-responsive-small-tablet */
@media (max-width: 62rem) {
    .hty-products-dropdown {
        display: none;
    }

    .hty-products-hero {
        height: 56rem;
    }

    .hty-products-hero-inner {
        width: calc(100% - 3rem);
    }

    .hty-products-hero-copy {
        top: 3.5rem;
        width: 100%;
    }

    .hty-products-hero-title {
        font-size: 2.75rem;
    }

    .hty-products-hero-text {
        max-width: 40rem;
    }

    .hty-products-hero-actions {
        margin-top: 2.5rem;
    }

    .hty-products-hero-visual {
        top: 24rem;
        right: auto;
        left: 50%;
        width: 50.25rem;
        transform: translateX(-50%) scale(0.9);
        transform-origin: center top;
    }

    .hty-products-categories-inner {
        width: calc(100% - 3rem);
    }

    .hty-products-category-copy {
        padding-left: 2rem;
    }

    .hty-products-category-title {
        font-size: 2.5rem;
    }

    .hty-products-category-actions {
        left: 2rem;
    }

    .hty-products-more-grid {
        min-height: 63.5rem;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: 28rem 15rem 16rem;
    }

    .hty-products-more-popcorn {
        grid-column: 1;
        grid-row: 1 / 3;
    }

    .hty-products-more-slush {
        grid-column: 2;
        grid-row: 1;
    }

    .hty-products-more-photo {
        grid-column: 2;
        grid-row: 2;
    }

    .hty-products-more-balloon {
        grid-column: 1 / 3;
        grid-row: 3;
    }

    .hty-products-more-slush-media img:first-child {
        right: 7.5rem;
    }

    .hty-products-more-slush-media img:last-child {
        right: 1rem;
    }

    .hty-products-custom-cta {
        align-items: flex-start;
        flex-direction: column;
        gap: 1.5rem;
        padding: 2.5rem 3rem;
    }
}

/* hty-products-responsive-mobile */
@media (max-width: 48rem) {
    .hty-products-hero {
        height: 48rem;
        background: radial-gradient(circle at 78% 72%, rgba(103, 50, 158, 0.34), transparent 18rem), linear-gradient(180deg, #1d0a30 0%, #110719 58%, #090411 100%);
    }

    .hty-products-hero-background {
        display: none;
    }

    .hty-products-hero-inner,
    .hty-products-categories-inner {
        width: calc(100% - 2rem);
    }

    .hty-products-hero-copy {
        top: 2.5rem;
    }

    .hty-products-hero-title {
        font-size: 2.25rem;
        line-height: 1.08;
    }

    .hty-products-hero-text {
        margin-top: 1.25rem;
        font-size: 0.875rem;
    }

    .hty-products-hero-actions {
        flex-wrap: wrap;
        gap: 0.75rem;
        margin-top: 1.75rem;
    }

    .hty-products-hero-actions a,
    .hty-products-hero-actions a:last-child {
        width: auto;
        min-width: 9.5rem;
        height: 2.875rem;
        flex: 1 1 9.5rem;
        font-size: 0.75rem;
    }

    .hty-products-hero-visual {
        top: 24.5rem;
        width: 34rem;
        height: 22rem;
        transform: translateX(-50%);
    }

    .hty-products-hero-swiper {
        height: 19rem;
    }

    .hty-products-hero-slide {
        width: 10.75rem;
        height: 19rem;
    }

    .hty-products-hero-slide img {
        width: 7rem;
        height: 12rem;
    }

    .hty-products-hero-slide.swiper-slide-active img {
        width: 12rem;
        height: 18rem;
    }

    .hty-products-hero-slide.swiper-slide-active::before {
        width: 20rem;
        height: 17rem;
    }

    .hty-products-hero-pagination {
        top: 20rem;
        left: 42% !important;
    }

    .hty-products-categories-inner {
        padding: 3.5rem 0 4rem;
    }

    .hty-products-categories-title {
        font-size: 2rem;
        line-height: 1.18;
    }

    .hty-products-categories-heading p {
        font-size: 0.875rem;
    }

    .hty-products-categories-list {
        gap: 1rem;
        margin-top: 3rem;
    }

    .hty-products-category {
        min-height: 0;
        aspect-ratio: 1296 / 420;
        border-radius: 0.5rem;
        container-type: inline-size;
    }

    .hty-products-category::after {
        background: linear-gradient(90deg, rgba(11, 6, 19, 0.22), rgba(11, 6, 19, 0));
    }

    .hty-products-category-background {
        object-position: center;
    }

    .hty-products-category-copy {
        padding: 3.164cqw 0 3.164cqw 3.164cqw;
    }

    .hty-products-category-copy > span {
        width: 4.784cqw;
        height: 2.315cqw;
        border-radius: 0.926cqw;
        font-size: 0.849cqw;
    }

    .hty-products-category-title {
        width: 51.157cqw;
        margin-top: 2.392cqw;
        font-size: 4.475cqw;
    }

    .hty-products-category-actions {
        bottom: 4.167cqw;
        left: 3.164cqw;
        gap: 1.235cqw;
    }

    .hty-products-category-actions a,
    .hty-products-category-actions a:last-child {
        width: 12.346cqw;
        min-width: 0;
        height: 3.549cqw;
        flex: 0 0 auto;
        border-width: 0.054cqw;
        border-radius: 1.08cqw;
        font-size: 1.08cqw;
    }

    .hty-products-category-actions a::after {
        margin-left: 0.617cqw;
    }

    .hty-products-category-actions a:last-child {
        width: 11.188cqw;
        min-width: 0;
    }

    .hty-products-more {
        margin-top: 4rem;
    }

    .hty-products-more-title {
        font-size: 2rem;
    }

    .hty-products-more-grid {
        min-height: 0;
        grid-template-columns: 1fr;
        grid-template-rows: 28rem 15rem 16.75rem 16.75rem;
        gap: 1rem;
        margin-top: 2rem;
        padding: 1rem;
        border-radius: 1.25rem;
    }

    .hty-products-more-popcorn,
    .hty-products-more-slush,
    .hty-products-more-photo,
    .hty-products-more-balloon {
        grid-column: 1;
    }

    .hty-products-more-popcorn {
        grid-row: 1;
    }

    .hty-products-more-slush {
        grid-row: 2;
    }

    .hty-products-more-photo {
        grid-row: 3;
    }

    .hty-products-more-balloon {
        grid-row: 4;
    }

    .hty-products-more-popcorn > img {
        right: 0.75rem;
        bottom: 1.25rem;
        width: 8rem;
        height: 22rem;
    }

    .hty-products-more-popcorn .hty-products-more-card-title {
        width: 9.25rem;
        font-size: 1.75rem;
    }

    .hty-products-more-popcorn .hty-products-more-badge {
        top: 1.25rem;
        right: 1.25rem;
        width: 5.75rem;
    }

    .hty-products-more-popcorn .hty-products-more-rule {
        top: 10.5rem;
    }

    .hty-products-more-popcorn p {
        top: 12.25rem;
        width: 7.75rem;
        font-size: 0.625rem;
    }

    .hty-products-more-popcorn .hty-products-more-chip {
        bottom: 1.75rem;
        min-width: 7.75rem;
    }

    .hty-products-more-slush .hty-products-more-card-title {
        width: 8.25rem;
        font-size: 1.5rem;
    }

    .hty-products-more-slush .hty-products-more-rule {
        top: 7.125rem;
    }

    .hty-products-more-slush-media img:first-child {
        top: 0.75rem;
        right: 5.25rem;
        width: 5.5rem;
        height: 13rem;
    }

    .hty-products-more-slush-media img:last-child {
        top: 0.875rem;
        right: 0.5rem;
        width: 4.75rem;
        height: 12.75rem;
    }

    .hty-products-more-slush .hty-products-more-chip {
        bottom: 1.25rem;
        left: 1.6875rem;
    }

    .hty-products-more-photo .hty-products-more-card-title,
    .hty-products-more-balloon .hty-products-more-card-title {
        width: 8.75rem;
        font-size: 1.625rem;
    }

    .hty-products-more-photo > img {
        right: 1.125rem;
        width: 7.75rem;
    }

    .hty-products-more-balloon > img {
        right: 1.25rem;
        width: 6rem;
    }

    .hty-products-more-photo .hty-products-more-badge,
    .hty-products-more-balloon .hty-products-more-badge {
        right: 1rem;
    }

    .hty-products-custom-cta {
        min-height: 18.5rem;
        margin-top: 2rem;
        padding: 2rem 1.5rem;
        border-radius: 1.25rem;
    }

    .hty-products-custom-title {
        font-size: 1.75rem;
    }

    .hty-products-custom-cta > a {
        width: 100%;
    }
}

/* hty-cotton-page */
.hty-cotton-page main {
    padding-bottom: 6rem;
    background: linear-gradient(90deg, #080311, #0a0414);
}

/* hty-cotton-hero */
.hty-cotton-hero {
    position: relative;
    width: min(calc(100% - 6rem), 84rem);
    height: 29.25rem;
    margin: 1.4375rem auto 0;
    overflow: hidden;
    border-radius: 1.75rem;
    background: #0b0614;
    box-shadow: 0 1.125rem 2.125rem rgba(8, 3, 20, 0.35);
}

.hty-cotton-hero-background {
    position: absolute;
    inset: -0.375rem;
    overflow: hidden;
    border-radius: 2rem;
}

.hty-cotton-hero-background img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
    filter: blur(0.21875rem);
    transform: scale(1.015);
}

.hty-cotton-hero-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(18, 10, 30, 0.82), rgba(21, 16, 36, 0.66) 48%, rgba(8, 17, 28, 0.78));
}

.hty-cotton-hero-overlay::after {
    position: absolute;
    top: 2.5rem;
    left: 50%;
    width: 52.75rem;
    height: 23.125rem;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(11, 7, 18, 0.16), transparent 72%);
    content: "";
    transform: translateX(-50%);
}

.hty-cotton-hero-copy {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-top: 6.125rem;
    text-align: center;
}

.hty-cotton-breadcrumb {
    color: #e4dcec;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.2;
}

.hty-cotton-hero-title {
    width: min(100% - 4rem, 65rem);
    margin-top: 1.875rem;
    font-size: 3.625rem;
    line-height: 1.05;
    text-shadow: 0 0.375rem 0.875rem rgba(20, 5, 31, 0.45);
}

.hty-cotton-hero-text {
    width: min(100% - 4rem, 47.5rem);
    margin-top: 1.4375rem;
    color: #e5dceb;
    font-size: 1rem;
    line-height: 1.45;
}

.hty-cotton-hero-copy > a {
    position: relative;
    display: inline-flex;
    width: 14.375rem;
    height: 3.625rem;
    align-items: center;
    justify-content: center;
    margin-top: 3.5625rem;
    border-radius: 1.125rem;
    background: linear-gradient(90deg, #f04abb, #7358ff);
    box-shadow: 0 0.625rem 1.375rem rgba(107, 26, 163, 0.36);
    font-size: 1rem;
    font-weight: 600;
}

.hty-cotton-hero-copy > a::after,
.hty-cotton-model-actions a:last-child::after,
.hty-cotton-customization > a::after {
    margin-left: 0.625rem;
    content: "\2192";
}

.hty-cotton-hero-copy::after {
    display: block;
    width: 12.25rem;
    height: 0.1875rem;
    margin-top: 1.4375rem;
    border-radius: 0.125rem;
    background: linear-gradient(90deg, #35d8ff, #f04abb);
    content: "";
    opacity: 0.8;
}

/* hty-cotton-models */
.hty-cotton-models {
    width: min(calc(100% - 11.125rem), 78.75rem);
    margin: 7.75rem auto 0;
}

.hty-cotton-models-heading {
    text-align: center;
}

.hty-cotton-models-title {
    font-size: 2.375rem;
    line-height: 1.2;
}

.hty-cotton-models-heading p {
    max-width: 47.5rem;
    margin: 0.5rem auto 0;
    color: #bfaed0;
    font-size: 0.9375rem;
    line-height: 1.35;
}

.hty-cotton-models-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.8125rem 1.875rem;
    margin-top: 4.25rem;
}

.hty-cotton-model {
    position: relative;
    height: 32.5rem;
    overflow: hidden;
    border: 0.0625rem solid rgba(240, 68, 185, 0.45);
    border-radius: 1.375rem;
    background: linear-gradient(90deg, #150a22, #0a0612);
    box-shadow: 0 0.875rem 1.5rem rgba(0, 0, 0, 0.38);
}

.hty-cotton-model-blue {
    border-color: rgba(75, 175, 255, 0.45);
}

.hty-cotton-model-stage {
    position: relative;
    height: 18.625rem;
    margin: 1.0625rem 1.0625rem 0;
    overflow: hidden;
    border: 0.0625rem solid rgba(255, 255, 255, 0.08);
    border-radius: 1.125rem;
    background: #12091f;
}

.hty-cotton-model-stage::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 19rem;
    height: 15.5rem;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(240, 68, 185, 0.42), transparent 72%);
    content: "";
    transform: translate(-50%, -50%);
}

.hty-cotton-model-blue .hty-cotton-model-stage::before {
    background: radial-gradient(ellipse, rgba(75, 175, 255, 0.42), transparent 72%);
}

.hty-cotton-model-stage img {
    position: relative;
    z-index: 1;
    display: block;
    width: 14.25rem;
    height: 16.5625rem;
    margin: 1.0625rem auto 0;
    object-fit: contain;
    filter: drop-shadow(0 0.5rem 1.125rem rgba(240, 68, 185, 0.28));
}

.hty-cotton-model-blue .hty-cotton-model-stage img {
    filter: drop-shadow(0 0.5rem 1.125rem rgba(75, 175, 255, 0.28));
}

.hty-cotton-model > span {
    position: absolute;
    z-index: 2;
    top: 1.1875rem;
    left: 1.1875rem;
    display: inline-flex;
    width: 2.625rem;
    height: 1.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.5625rem;
    background: linear-gradient(90deg, #f044b9, #7a4bff);
    font-size: 0.75rem;
    font-weight: 700;
}

.hty-cotton-model-blue > span {
    background: linear-gradient(90deg, #4bafff, #7a4bff);
}

.hty-cotton-model-copy {
    padding: 1.125rem 1.3125rem 0;
}

.hty-cotton-model-title {
    min-height: 3rem;
    font-size: 1.1875rem;
    font-weight: 600;
    line-height: 1.263;
}

.hty-cotton-model-copy p {
    margin-top: 0.4375rem;
    color: #bfaed0;
    font-size: 0.875rem;
    line-height: 1.428;
}

.hty-cotton-model-actions {
    position: absolute;
    right: 1.3125rem;
    bottom: 1.1875rem;
    left: 1.3125rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.hty-cotton-model-actions a:first-child {
    display: inline-flex;
    width: 7.75rem;
    height: 2.5rem;
    align-items: center;
    justify-content: center;
    border: 0.0625rem solid rgba(157, 115, 194, 0.5);
    border-radius: 1rem;
    background: rgba(21, 11, 34, 0.86);
    box-shadow: 0 0.5rem 1.125rem rgba(0, 0, 0, 0.18);
    font-size: 0.875rem;
    font-weight: 600;
}

.hty-cotton-model-actions a:last-child {
    color: #33d8ff;
    font-size: 0.8125rem;
    font-weight: 600;
}

/* hty-cotton-benefits */
.hty-cotton-benefits {
    display: grid;
    width: min(calc(100% - 11.125rem), 78.75rem);
    height: 13.75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 3.75rem auto 0;
    overflow: hidden;
    border: 0.0625rem solid rgba(139, 95, 192, 0.4);
    border-radius: 1.625rem;
    background: linear-gradient(90deg, #171027, #101325);
}

.hty-cotton-benefit {
    position: relative;
    min-width: 0;
    padding: 6.9375rem 1.8125rem 1.25rem 2.4375rem;
}

.hty-cotton-benefit + .hty-cotton-benefit {
    border-left: 0.0625rem solid rgba(255, 255, 255, 0.08);
}

.hty-cotton-benefit::before {
    position: absolute;
    top: 2.0625rem;
    left: 2.4375rem;
    display: inline-flex;
    width: 4rem;
    height: 4rem;
    align-items: center;
    justify-content: center;
    border: 0.0625rem solid rgba(211, 122, 255, 0.32);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(240, 68, 185, 0.26), rgba(35, 20, 55, 0.72));
    box-shadow: 0 0 1.25rem rgba(173, 86, 255, 0.18);
    color: #ffffff;
    content: "\2699";
    font-size: 1.5625rem;
}

.hty-cotton-benefit-branding::before {
    content: "\270E";
}

.hty-cotton-benefit-global::before {
    content: "\25C7";
}

.hty-cotton-benefit-support::before {
    content: "\25C9";
}

.hty-cotton-benefit-title {
    font-size: 1.0625rem;
    font-weight: 600;
    line-height: 1.25;
}

.hty-cotton-benefit p {
    margin-top: 0.75rem;
    color: #bfaed0;
    font-size: 0.8125rem;
    line-height: 1.385;
}

/* hty-cotton-customization */
.hty-cotton-customization {
    position: relative;
    display: flex;
    width: min(calc(100% - 11.125rem), 78.75rem);
    min-height: 11.875rem;
    align-items: center;
    margin: 3.125rem auto 0;
    padding: 2.5625rem 3.1875rem 2.5625rem 11.1875rem;
    overflow: hidden;
    border: 0.0625rem solid rgba(199, 106, 240, 0.45);
    border-radius: 1.625rem;
    background: linear-gradient(90deg, #351047, #102f64);
    box-shadow: 0 1.125rem 2.125rem rgba(0, 0, 0, 0.4);
}

.hty-cotton-customization-icon {
    position: absolute;
    top: 2.5625rem;
    left: 2.6875rem;
    width: 6.5rem;
    height: 6.5rem;
    border: 0.0625rem solid rgba(255, 122, 212, 0.42);
    border-radius: 50%;
    background: radial-gradient(circle, rgba(240, 68, 185, 0.42), rgba(116, 75, 255, 0.12) 58%, transparent 62%);
}

.hty-cotton-customization-icon::before,
.hty-cotton-customization-icon::after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    transform: translate(-50%, -50%);
}

.hty-cotton-customization-icon::before {
    width: 2rem;
    height: 2rem;
    border: 0.1875rem solid #ffffff;
    border-radius: 50%;
}

.hty-cotton-customization-icon::after {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    background: #f04abb;
    box-shadow: 0 0 0 0.5rem rgba(240, 68, 185, 0.18);
}

.hty-cotton-customization-copy {
    position: relative;
    z-index: 1;
    max-width: 47.5rem;
}

.hty-cotton-customization-copy > span {
    color: #f044b9;
    font-size: 0.75rem;
    font-weight: 600;
}

.hty-cotton-customization-title {
    margin-top: 0.75rem;
    font-size: 1.875rem;
    line-height: 1.2;
}

.hty-cotton-customization-copy p {
    margin-top: 0.5625rem;
    color: #bfaed0;
    font-size: 0.9375rem;
}

.hty-cotton-customization > a {
    display: inline-flex;
    width: 14.375rem;
    height: 3.375rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    margin-left: auto;
    border: 0.0625rem solid rgba(255, 138, 218, 0.28);
    border-radius: 1rem;
    background: linear-gradient(90deg, #f044b9, #7a4bff);
    box-shadow: 0 0.5rem 1.125rem rgba(141, 54, 201, 0.24);
    font-size: 0.875rem;
    font-weight: 600;
}

/* hty-cotton-responsive-tablet */
@media (max-width: 75rem) {
    .hty-cotton-hero {
        width: calc(100% - 4rem);
    }

    .hty-cotton-models,
    .hty-cotton-benefits,
    .hty-cotton-customization {
        width: calc(100% - 4rem);
    }

    .hty-cotton-models-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hty-cotton-benefits {
        height: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hty-cotton-benefit:nth-child(3) {
        border-left: 0;
        border-top: 0.0625rem solid rgba(255, 255, 255, 0.08);
    }

    .hty-cotton-benefit:nth-child(4) {
        border-top: 0.0625rem solid rgba(255, 255, 255, 0.08);
    }

    .hty-cotton-customization {
        padding-left: 9rem;
    }

    .hty-cotton-customization-icon {
        left: 1.75rem;
    }

    .hty-cotton-customization-copy {
        max-width: 55%;
    }
}

/* hty-cotton-responsive-mobile */
@media (max-width: 48rem) {
    .hty-cotton-page main {
        padding-bottom: 4rem;
    }

    .hty-cotton-hero {
        width: calc(100% - 2rem);
        height: 25rem;
        margin-top: 1rem;
        border-radius: 1.25rem;
    }

    .hty-cotton-hero-copy {
        padding: 3.5rem 1.25rem 0;
    }

    .hty-cotton-breadcrumb {
        font-size: 0.6875rem;
    }

    .hty-cotton-hero-title {
        width: 100%;
        margin-top: 1.5rem;
        font-size: 2.25rem;
        line-height: 1.08;
    }

    .hty-cotton-hero-text {
        width: 100%;
        margin-top: 1.25rem;
        font-size: 0.8125rem;
    }

    .hty-cotton-hero-copy > a {
        width: 12rem;
        height: 3rem;
        margin-top: 2rem;
        font-size: 0.8125rem;
    }

    .hty-cotton-hero-copy::after {
        display: none;
    }

    .hty-cotton-models {
        width: calc(100% - 2rem);
        margin-top: 3.5rem;
    }

    .hty-cotton-models-title {
        font-size: 1.875rem;
    }

    .hty-cotton-models-heading p {
        font-size: 0.8125rem;
    }

    .hty-cotton-models-grid {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        margin-top: 2.5rem;
    }

    .hty-cotton-model {
        height: 31.5rem;
    }

    .hty-cotton-model-stage {
        height: 18rem;
    }

    .hty-cotton-model-title {
        font-size: 1.0625rem;
    }

    .hty-cotton-benefits {
        width: calc(100% - 2rem);
        height: auto;
        grid-template-columns: 1fr;
        margin-top: 3rem;
    }

    .hty-cotton-benefit {
        min-height: 11rem;
        padding: 5.75rem 1.5rem 1.5rem;
    }

    .hty-cotton-benefit + .hty-cotton-benefit,
    .hty-cotton-benefit:nth-child(3),
    .hty-cotton-benefit:nth-child(4) {
        border-top: 0.0625rem solid rgba(255, 255, 255, 0.08);
        border-left: 0;
    }

    .hty-cotton-benefit::before {
        top: 1.25rem;
        left: 1.5rem;
        width: 3.5rem;
        height: 3.5rem;
    }

    .hty-cotton-customization {
        width: calc(100% - 2rem);
        min-height: 25rem;
        align-items: flex-start;
        flex-direction: column;
        margin-top: 2rem;
        padding: 6.75rem 1.5rem 1.5rem;
    }

    .hty-cotton-customization-icon {
        top: 1.5rem;
        left: 1.5rem;
        width: 4.5rem;
        height: 4.5rem;
    }

    .hty-cotton-customization-copy {
        max-width: none;
    }

    .hty-cotton-customization-title {
        font-size: 1.75rem;
    }

    .hty-cotton-customization-copy p {
        font-size: 0.8125rem;
    }

    .hty-cotton-customization > a {
        width: 100%;
        margin-top: auto;
        margin-left: 0;
    }
}

/* hty-blog-articles */
.hty-blog-page,
.hty-blog-detail-page {
    background: linear-gradient(100deg, #090411 0%, #0e0618 48%, #060911 100%);
}

.hty-blog-articles {
    padding: 4.5rem 0 4.625rem;
}

.hty-blog-articles-inner {
    width: min(100% - 9rem, 81rem);
    margin: 0 auto;
}

.hty-blog-heading {
    display: flex;
    min-height: 3.25rem;
    align-items: center;
}

.hty-blog-title {
    font-size: 2.125rem;
    line-height: 1.2;
}

.hty-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
    margin-top: 2.125rem;
}

.hty-blog-card {
    height: 31.25rem;
    overflow: hidden;
    border: 0.0625rem solid #ff5fcb;
    border-radius: 1.125rem;
    background: rgba(13, 22, 37, 0.98);
    box-shadow: 0 0.875rem 2rem -0.75rem rgba(0, 0, 0, 0.3);
    transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

.hty-blog-card:nth-child(3n + 2) {
    border-color: #ba55ff;
}

.hty-blog-card:nth-child(3n) {
    border-color: #655cff;
}

.hty-blog-card:hover {
    border-color: #ff7bd5;
    transform: translateY(-0.375rem);
    box-shadow: 0 1.5rem 3rem -1rem rgba(150, 73, 255, 0.32);
}

.hty-blog-card > a {
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.5rem;
}

.hty-blog-card-media {
    width: 100%;
    height: 13.625rem;
    flex: 0 0 auto;
    overflow: hidden;
    border-radius: 0.875rem;
    background: #060911;
}

.hty-blog-card-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.hty-blog-card:hover .hty-blog-card-media img {
    transform: scale(1.035);
}

.hty-blog-card time {
    margin-top: 0.8125rem;
    color: #85a1bf;
    font-size: 0.8125rem;
    font-weight: 500;
    line-height: 1.2;
}

.hty-blog-card-title {
    margin-top: 0.6875rem;
    color: #ffffff;
    font-size: 1.25rem;
    line-height: 1.45;
}

.hty-blog-card-summary {
    margin-top: 0.625rem;
    color: #c2d1e3;
    font-size: 0.875rem;
    line-height: 1.45;
}

.hty-blog-card > a > span {
    display: inline-flex;
    align-items: center;
    margin-top: auto;
    background: linear-gradient(90deg, #ff5fcb, #6c58ff);
    background-clip: text;
    color: transparent;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.45;
}

.hty-blog-card > a > span::after {
    margin-left: 0.5rem;
    color: #8d63ff;
    content: "\2192";
}

/* hty-blog-pagination */
.hty-blog-pagination {
    display: flex;
    gap: 0.5rem;
    justify-content: flex-start;
    margin-top: 2.125rem;
}

.hty-blog-pagination a {
    display: inline-flex;
    width: 2.75rem;
    height: 2.75rem;
    align-items: center;
    justify-content: center;
    border: 0.0625rem solid #293d59;
    border-radius: 0.75rem;
    background: #142238;
    color: #a8bdd4;
    font-size: 0.875rem;
    font-weight: 700;
    transition: border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.hty-blog-pagination a:hover {
    border-color: #ac62ff;
    color: #ffffff;
    transform: translateY(-0.125rem);
}

.hty-blog-pagination a.active {
    border-color: transparent;
    background: linear-gradient(90deg, #ff5fcb, #6c58ff);
    color: #ffffff;
}

.hty-blog-pagination a:last-child::before {
    content: "\2192";
}

/* hty-blog-cta */
.hty-blog-cta {
    position: relative;
    display: flex;
    min-height: 16.25rem;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
    overflow: hidden;
    margin-top: 4.625rem;
    padding: 2.5rem 2.8125rem;
    border: 0.0625rem solid rgba(112, 69, 138, 0.75);
    border-radius: 1.75rem;
    background: linear-gradient(108deg, #261033 0%, #15102a 62%, #101d38 100%);
}

/* .hty-blog-cta::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 36%;
    background: linear-gradient(115deg, transparent, rgba(128, 87, 255, 0.15), rgba(46, 194, 255, 0.08));
    pointer-events: none;
    content: "";
} */

.hty-blog-cta-copy {
    position: relative;
    z-index: 1;
    max-width: 49.375rem;
}

.hty-blog-cta-copy > span {
    color: #d8cbe3;
    font-size: 0.6875rem;
    font-weight: 700;
    line-height: 1rem;
    text-transform: uppercase;
}

.hty-blog-cta-title {
    margin-top: 1.25rem;
    font-size: 2rem;
    line-height: 2.5rem;
}

.hty-blog-cta-copy p {
    margin-top: 1.25rem;
    color: #c9bcd4;
    font-size: 0.875rem;
    line-height: 1.375rem;
}

.hty-blog-cta > a {
    position: relative;
    z-index: 1;
    display: inline-flex;
    width: 21.8125rem;
    min-height: 3.25rem;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 0.9375rem;
    background: linear-gradient(90deg, #f044b9, #7a4bff);
    color: #ffffff;
    font-size: 1.125rem;
    font-weight: 600;
    text-transform: uppercase;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hty-blog-cta > a:hover {
    transform: translateY(-0.1875rem);
    box-shadow: 0 1rem 2.5rem rgba(240, 68, 185, 0.24);
}

.hty-blog-cta > a::after {
    margin-left: 0.625rem;
    content: "\2192";
}

/* hty-blog-detail */
.hty-blog-detail {
    width: min(100% - 9rem, 81rem);
    margin: 0 auto;
    padding: 4.75rem 0 4.625rem;
}

.hty-blog-detail-header {
    width: min(100%, 62rem);
    margin: 0 auto;
    text-align: center;
}

.hty-blog-detail-breadcrumb {
    margin-bottom: 1.75rem;
    color: #849bb5;
    font-size: 0.75rem;
    line-height: 1.25rem;
}

.hty-blog-detail-breadcrumb a {
    color: #c7bfd6;
}

.hty-blog-detail-breadcrumb span {
    margin: 0 0.625rem;
    color: #6d5b7f;
}

.hty-blog-detail-header > span {
    display: inline-flex;
    min-height: 2rem;
    align-items: center;
    padding: 0.375rem 1rem;
    border: 0.0625rem solid rgba(255, 95, 203, 0.38);
    border-radius: 1rem;
    background: rgba(66, 24, 75, 0.58);
    color: #ff79d3;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
}

.hty-blog-detail-title {
    margin-top: 1.5rem;
    font-size: 3.75rem;
    line-height: 1.08;
}

.hty-blog-detail-lead {
    width: min(100%, 48rem);
    margin: 1.5rem auto 0;
    color: #c8bad8;
    font-size: 1.125rem;
    line-height: 1.7;
}

.hty-blog-detail-meta {
    margin-top: 1.25rem;
    color: #7893ae;
    font-size: 0.8125rem;
    line-height: 1.25rem;
}

.hty-blog-detail-cover {
    width: min(100%, 72rem);
    aspect-ratio: 1.9 / 1;
    overflow: hidden;
    margin: 3.5rem auto 0;
    border: 0.0625rem solid rgba(137, 79, 191, 0.55);
    border-radius: 1.5rem;
    background: #070e19;
    box-shadow: 0 2rem 5rem rgba(0, 0, 0, 0.32);
}

.hty-blog-detail-cover img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hty-blog-detail-layout {
    display: grid;
    grid-template-columns: 13.5rem minmax(0, 1fr);
    gap: 4.5rem;
    width: min(100%, 68rem);
    margin: 4.5rem auto 0;
}

.hty-blog-detail-aside {
    position: sticky;
    top: 8rem;
    display: flex;
    height: max-content;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 1.25rem;
    border-left: 0.0625rem solid rgba(130, 88, 167, 0.35);
}

.hty-blog-detail-aside > span {
    margin-bottom: 1rem;
    color: #ff68cb;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
}

.hty-blog-detail-aside a {
    padding: 0.45rem 0;
    color: #9daabb;
    font-size: 0.8125rem;
    line-height: 1.35;
    transition: color 0.2s ease, transform 0.2s ease;
}

.hty-blog-detail-aside a:hover {
    color: #ffffff;
    transform: translateX(0.1875rem);
}

.hty-blog-detail-aside a:last-child {
    margin-top: 1.125rem;
    color: #9d6aff;
    font-weight: 700;
}

/* Only this parent class is required for CMS rich-text output. */
.hty-blog-detail-richtext {
    min-width: 0;
    color: #cbd3df;
    font-size: 1rem;
    line-height: 1.9;
}

.hty-blog-detail-richtext h2 {
    margin: 3rem 0 1.125rem;
    color: #ffffff;
    font-size: 2rem;
    line-height: 1.25;
}

.hty-blog-detail-richtext > h2:first-child {
    margin-top: 0;
}

.hty-blog-detail-richtext h3 {
    margin: 2rem 0 0.75rem;
    color: #ffffff;
    font-size: 1.375rem;
    line-height: 1.35;
}

.hty-blog-detail-richtext p + p,
.hty-blog-detail-richtext p + ul,
.hty-blog-detail-richtext ul + p {
    margin-top: 1.125rem;
}

.hty-blog-detail-richtext ul,
.hty-blog-detail-richtext ol {
    display: grid;
    gap: 0.625rem;
    margin: 1.25rem 0;
    padding-left: 1.5rem;
}

.hty-blog-detail-richtext ul {
    list-style: disc;
}

.hty-blog-detail-richtext ol {
    list-style: decimal;
}

.hty-blog-detail-richtext li::marker {
    color: #df58c7;
}

.hty-blog-detail-richtext a {
    color: #a980ff;
    text-decoration: underline;
    text-underline-offset: 0.2rem;
}

.hty-blog-detail-richtext blockquote {
    margin: 2rem 0;
    padding: 1.25rem 1.5rem;
    border-left: 0.1875rem solid #f04abb;
    background: rgba(34, 17, 50, 0.72);
    color: #f1e9f7;
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.65;
}

.hty-blog-detail-richtext img,
.hty-blog-detail-richtext video,
.hty-blog-detail-richtext iframe {
    display: block;
    max-width: 100%;
    margin: 2rem auto;
    border-radius: 0.75rem;
}

.hty-blog-detail-richtext table {
    width: 100%;
    margin: 2rem 0;
    border-collapse: collapse;
}

.hty-blog-detail-richtext th,
.hty-blog-detail-richtext td {
    padding: 0.75rem;
    border: 0.0625rem solid rgba(125, 95, 151, 0.4);
    text-align: left;
}

.hty-blog-detail-richtext th {
    color: #ffffff;
    background: rgba(40, 22, 57, 0.82);
}

/* hty-blog-detail-next */
.hty-blog-detail-next {
    display: flex;
    width: min(100%, 68rem);
    min-height: 9rem;
    align-items: center;
    justify-content: space-between;
    gap: 2rem;
    margin: 4.5rem auto 0;
    padding: 1.75rem 2rem;
    border-top: 0.0625rem solid rgba(126, 83, 163, 0.38);
    border-bottom: 0.0625rem solid rgba(126, 83, 163, 0.38);
}

.hty-blog-detail-next span {
    color: #8299b4;
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
}

.hty-blog-detail-next-title {
    max-width: 42rem;
    margin-top: 0.5rem;
    font-size: 1.5rem;
    line-height: 1.35;
}

.hty-blog-detail-next > a {
    display: inline-flex;
    min-width: 9rem;
    min-height: 2.875rem;
    align-items: center;
    justify-content: center;
    border: 0.0625rem solid rgba(181, 105, 241, 0.55);
    border-radius: 0.875rem;
    color: #ffffff;
    font-size: 0.8125rem;
    font-weight: 700;
}

.hty-blog-detail-next > a::after {
    margin-left: 0.5rem;
    content: "\2192";
}

.hty-blog-detail > .hty-blog-cta {
    width: 100%;
}

/* hty-blog-responsive-tablet */
@media (max-width: 75rem) {
    .hty-blog-articles-inner,
    .hty-blog-detail {
        width: min(100% - 3rem, 70rem);
    }

    .hty-blog-card {
        height: 30rem;
    }

    .hty-blog-card-media {
        height: 12rem;
    }

    .hty-blog-card-title {
        font-size: 1.0625rem;
    }

    .hty-blog-card-summary {
        font-size: 0.8125rem;
    }

    .hty-blog-cta > a {
        width: 18rem;
        font-size: 0.875rem;
    }
}

/* hty-blog-responsive-small-tablet */
@media (max-width: 62rem) {
    .hty-blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hty-blog-card {
        height: 31rem;
    }

    .hty-blog-card-media {
        height: 13.5rem;
    }

    .hty-blog-cta {
        align-items: flex-start;
        flex-direction: column;
    }

    .hty-blog-cta > a {
        width: 100%;
    }

    .hty-blog-detail-layout {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .hty-blog-detail-aside {
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.25rem 1rem;
        padding: 1.25rem;
        border: 0.0625rem solid rgba(130, 88, 167, 0.35);
        border-radius: 0.75rem;
    }

    .hty-blog-detail-aside > span {
        grid-column: 1 / -1;
    }

    .hty-blog-detail-aside a:last-child {
        margin-top: 0;
    }
}

/* hty-blog-responsive-mobile */
@media (max-width: 48rem) {
    .hty-blog-articles {
        padding: 3.25rem 0 3.5rem;
    }

    .hty-blog-articles-inner,
    .hty-blog-detail {
        width: calc(100% - 2rem);
    }

    .hty-blog-title {
        font-size: 1.875rem;
    }

    .hty-blog-grid {
        grid-template-columns: 1fr;
        gap: 1.25rem;
        margin-top: 1.75rem;
    }

    .hty-blog-card {
        height: auto;
        min-height: 29.5rem;
        border-radius: 1rem;
    }

    .hty-blog-card > a {
        padding: 1rem;
    }

    .hty-blog-card-media {
        height: auto;
        aspect-ratio: 1.68 / 1;
    }

    .hty-blog-card-title {
        font-size: 1.0625rem;
    }

    .hty-blog-card > a > span {
        margin-top: 1.25rem;
        font-size: 1rem;
    }

    .hty-blog-pagination {
        justify-content: center;
    }

    .hty-blog-cta {
        min-height: 22rem;
        margin-top: 3rem;
        padding: 2rem 1.25rem;
        border-radius: 1.25rem;
    }

    .hty-blog-cta-title {
        font-size: 1.625rem;
        line-height: 2rem;
    }

    .hty-blog-cta > a {
        min-height: 3.125rem;
        padding: 0 0.875rem;
        font-size: 0.75rem;
    }

    .hty-blog-detail {
        padding: 3.5rem 0;
    }

    .hty-blog-detail-header {
        text-align: left;
    }

    .hty-blog-detail-breadcrumb {
        margin-bottom: 1.25rem;
    }

    .hty-blog-detail-title {
        margin-top: 1.25rem;
        font-size: 2.375rem;
        line-height: 1.1;
    }

    .hty-blog-detail-lead {
        font-size: 0.9375rem;
        line-height: 1.65;
    }

    .hty-blog-detail-cover {
        aspect-ratio: 1.35 / 1;
        margin-top: 2rem;
        border-radius: 1rem;
    }

    .hty-blog-detail-layout {
        margin-top: 2.5rem;
    }

    .hty-blog-detail-aside {
        grid-template-columns: 1fr;
    }

    .hty-blog-detail-richtext {
        font-size: 0.9375rem;
        line-height: 1.8;
    }

    .hty-blog-detail-richtext h2 {
        margin-top: 2.5rem;
        font-size: 1.625rem;
    }

    .hty-blog-detail-richtext h3 {
        font-size: 1.25rem;
    }

    .hty-blog-detail-richtext blockquote {
        padding: 1rem 1.125rem;
        font-size: 1rem;
    }

    .hty-blog-detail-next {
        align-items: flex-start;
        flex-direction: column;
        margin-top: 3rem;
        padding: 1.5rem 0;
    }

    .hty-blog-detail-next-title {
        font-size: 1.25rem;
    }

    .hty-blog-detail-next > a {
        width: 100%;
    }

    .hty-index-certifications-pagination {
    bottom: 0rem !important;
}
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .wow {
        visibility: visible !important;
        animation: none !important;
    }

    .hty-index-page *,
    .hty-index-page *::before,
    .hty-index-page *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* hty-about-page */
.hty-about-page {
    background: linear-gradient(100deg, #090411 0%, #0d0617 50%, #050910 100%);
}

.hty-about-hero {
    position: relative;
    height: 40rem;
    overflow: hidden;
    background: #bcc9d6;
}

.hty-about-hero-background {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hty-about-hero-content {
    position: absolute;
    right: 0;
    bottom: 2.25rem;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.hty-about-breadcrumb {
    padding: 0.5rem 1rem;
    border-radius: 999px;
    background: rgba(15, 38, 66, 0.35);
    backdrop-filter: blur(0.3125rem);
    color: rgba(255, 255, 255, 0.82);
    font-size: 0.875rem;
}

.hty-about-breadcrumb span {
    margin: 0 0.75rem;
    color: rgba(255, 255, 255, 0.5);
}

.hty-about-hero-kicker {
    margin-top: 1.75rem;
    color: rgba(28, 56, 87, 0.72);
    font-size: 0.625rem;
    letter-spacing: 0.08125rem;
}

.hty-about-hero-cta,
.hty-about-outline-cta,
.hty-about-cta > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: linear-gradient(90deg, #ff5fcb, #6c58ff);
    box-shadow: 0 0.75rem 1.75rem -0.25rem rgba(5, 97, 199, 0.3);
    color: #ffffff;
    font-weight: 700;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hty-about-hero-cta {
    min-height: 3.25rem;
    margin-top: 1.25rem;
    padding: 0 1.875rem;
    font-size: 1rem;
}

.hty-about-hero-cta::after,
.hty-about-outline-cta::after,
.hty-about-cta > a::after {
    margin-left: 0.625rem;
    content: "\2192";
}

.hty-about-hero-cta:hover,
.hty-about-outline-cta:hover,
.hty-about-cta > a:hover {
    transform: translateY(-0.1875rem);
    box-shadow: 0 1rem 2.25rem rgba(240, 74, 187, 0.25);
}

.hty-about-who {
    padding: 5.125rem 0 5.75rem;
}

.hty-about-who-inner {
    display: grid;
    grid-template-columns: minmax(0,0.8fr) minmax(0, 1fr);
    gap: 5rem;
    width: min(100% - 9rem, 81rem);
    margin: 0 auto;
}

.hty-about-who-visual {
    position: relative;
    min-height: 36.5rem;
}

.hty-about-who-back {
    position: absolute;
    top: 2.375rem;
    left: 0;
    width: 38.125rem;
    height: 32.5rem;
    border-radius: 1.375rem;
    background: linear-gradient(90deg, #ff5fcb, #6c58ff);
    box-shadow: 0 1.125rem 2.5rem -0.625rem rgba(5, 79, 184, 0.3);
}

.hty-about-who-image {
    position: absolute;
    top: 4.2rem;
    left: 2.1rem;
    width: 38.75rem;
    height: 32.5rem;
    overflow: hidden;
    border: 0.0625rem solid rgba(255, 255, 255, 0.14);
    border-radius: 1.375rem;
    box-shadow: 0 1.25rem 2.375rem -0.5rem rgba(0, 0, 0, 0.36);
}

.hty-about-who-image::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(3, 5, 10, 0.42), rgba(3, 5, 10, 0.06) 42%, rgba(3, 5, 10, 0.12));
    content: "";
}

.hty-about-who-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.hty-about-who-mark {
    position: absolute;
    z-index: 2;
    top: 17.125rem;
    left: 17.875rem;
    display: grid;
    width: 7.25rem;
    height: 7.25rem;
    place-items: center;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.hty-about-who-mark img { display: block; width: 100%; height: 100%; }

.hty-about-who-video {
    position: absolute;
    z-index: 3;
    top: 33.4375rem;
    right: auto;
    bottom: auto;
    left: 3.625rem;
    width: 35.75rem;
    color: #ffffff;
    font-size: 0.75rem;
}

.hty-about-who-video span {
    display: inline-grid;
    width: 1.125rem;
    height: 1.125rem;
    margin-right: 0.5rem;
    place-items: center;
    border: 0.0625rem solid rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    font-size: 0.5rem;
}

.hty-about-who-video span::before {
    content: "\25b6";
}

.hty-about-who-video p {
    display: inline;
}

.hty-about-who-video i {
    position: relative;
    display: block;
    height: 0.1875rem;
    margin-top: 0.75rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.4);
}

.hty-about-who-video i::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2.125rem;
    border-radius: inherit;
    background: #ffffff;
    content: "";
}

.hty-about-who-copy {
    padding-top: 5.75rem;
}

.hty-about-section-title {
    color: #ffffff;
    font-size: 2.625rem;
    line-height: 1.15;
}

.hty-about-who-text {
    margin-top: 2rem;
    color: #d6deeb;
    font-size: 0.9375rem;
    line-height: 1.5;
}

.hty-about-who-text p + p {
    margin-top: 1.25rem;
}

.hty-about-outline-cta {
    min-height: 3rem;
    margin-top: 2rem;
    padding: 0 1.625rem;
    font-size: 0.9375rem;
}

.hty-about-certifications {
    padding: 2.625rem 0;
    background: #06030d;
}

.hty-about-certifications-inner {
    position: relative;
    width: min(100% - 9rem, 81rem);
    height: 50.0625rem;
    margin: 0 auto;
    overflow: hidden;
    border: 0.0625rem solid rgba(109, 67, 158, 0.56);
    border-radius: 1.75rem;
    background: linear-gradient(115deg, #0b0613 0%, #06070f 58%, #050b12 100%);
}

.hty-about-certifications-inner > .hty-about-section-title {
    width: min(100% - 5rem, 60rem);
    margin: 3.1875rem auto 0;
    text-align: center;
}

.hty-about-cert-grid {
    position: absolute;
    top: 9.125rem;
    right: 0;
    left: 0;
    height: 34.5rem;
}

.hty-about-cert-grid article {
    position: absolute;
    display: grid;
    width: 14.5rem;
    height: 16.3125rem;
    place-items: center;
    padding: 0.75rem 1.875rem;
    border: 0.0625rem solid rgba(255, 61, 184, 0.3);
    border-radius: 1.375rem;
    background: rgba(11, 9, 19, 0.94);
    box-shadow: 0 0.875rem 1.625rem -0.5rem rgba(0, 0, 0, 0.32);
}

.hty-about-cert-grid article:nth-child(1) { top: 0; left: 7.1%; }
.hty-about-cert-grid article:nth-child(2) { top: 0; left: 26.9%; }
.hty-about-cert-grid article:nth-child(3) { top: 0; left: 46.8%; }
.hty-about-cert-grid article:nth-child(4) { top: 0; left: 66.6%; }
.hty-about-cert-grid article:nth-child(5) { top: 18rem; left: 15.9%; }
.hty-about-cert-grid article:nth-child(6) { top: 18rem; left: 35.9%; }
.hty-about-cert-grid article:nth-child(7) { top: 18rem; left: 55.8%; }
.hty-about-cert-grid article:nth-child(8) { top: 18rem; left: 75.8%; }

.hty-about-cert-grid article:nth-child(n + 5) {
    border-color: rgba(46, 189, 255, 0.32);
}

.hty-about-cert-grid img {
    width: 100%;
    height: 14.75rem;
    object-fit: contain;
}

.hty-about-cert-prev,
.hty-about-cert-next {
    position: absolute;
    z-index: 2;
    top: 23.5rem;
    display: grid;
    width: 2.875rem;
    height: 2.875rem;
    place-items: center;
    padding: 0;
    border: 0.0625rem solid rgba(102, 151, 255, 0.5);
    border-radius: 50%;
    background: rgba(13, 29, 69, 0.8);
    color: #e4ecff;
    cursor: pointer;
}

.hty-about-cert-prev { left: 1.4375rem; }
.hty-about-cert-next { right: 1.4375rem; }
.hty-about-cert-prev::before { content: "\2190"; }
.hty-about-cert-next::before { content: "\2192"; }

.hty-about-cert-prev:hover,
.hty-about-cert-next:hover {
    border-color: #e95ad8;
    background: rgba(86, 41, 132, 0.88);
}

.hty-about-cert-rail {
    position: absolute;
    right: 3.5625rem;
    bottom: 2.75rem;
    left: 3.5625rem;
    height: 0.25rem;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255, 51, 184, 0.35), rgba(110, 84, 255, 0.9) 52%, rgba(46, 194, 255, 0.7));
}

.hty-about-capabilities,
.hty-about-factory,
.hty-about-service {
    padding: 5.5rem 0;
}

.hty-about-capabilities-inner,
.hty-about-factory-inner,
.hty-about-service-inner {
    width: min(100% - 9rem, 81rem);
    margin: 0 auto;
}

.hty-about-capabilities-heading > p,
.hty-about-service-heading > p {
    color: #ff3db8;
    font-size: 0.625rem;
    font-weight: 700;
    letter-spacing: 0.08rem;
}

.hty-about-capabilities-heading .hty-about-section-title,
.hty-about-service-heading .hty-about-section-title {
    margin-top: 1rem;
}

.hty-about-capabilities {
    padding: 5.5rem 0 6rem;
    background: #08040e;
}

.hty-about-capabilities-inner {
    display: grid;
    grid-template-columns: 28rem minmax(0, 1fr);
    gap: 3.25rem;
    align-items: stretch;
}

.hty-about-capabilities-heading {
    position: relative;
    min-height: 35rem;
}

.hty-about-capabilities-heading .hty-about-section-title {
    margin-top: 1rem;
}

.hty-about-capabilities-intro {
    max-width: 24rem;
    margin-top: 1.625rem;
    color: #c8bad8 !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    line-height: 1.55;
}

.hty-about-capabilities-footnote {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-top: 1.375rem;
    color: #e6d8ee !important;
    font-size: 0.625rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.08rem !important;
}

.hty-about-capabilities-footnote::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 6.875rem;
    height: 0.25rem;
    border-radius: 99rem;
    background: linear-gradient(90deg, #f447bc, #714dff);
    content: "";
}

.hty-about-capabilities-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
}

.hty-about-capability {
    position: relative;
    min-height: 16.25rem;
    padding: 6.125rem 1.4375rem 1.625rem;
    border: 0.0625rem solid rgba(255, 61, 184, 0.34);
    border-radius: 1.5rem;
    background: rgba(14, 8, 23, 0.94);
}

.hty-about-capability:nth-child(n + 3) { border-color: rgba(46, 194, 255, 0.36); }

.hty-about-capability span {
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border: 0.0625rem solid rgba(255, 61, 184, 0.52);
    border-radius: 50%;
    color: #ff55c1;
    font-size: 0.625rem;
    font-weight: 700;
    line-height: 1;
}

.hty-about-capability span { position: absolute; top: 1.4375rem; left: 1.4375rem; }
.hty-about-capability:nth-child(n + 3) span { border-color: rgba(46, 194, 255, 0.62); color: #48c9ff; }

.hty-about-service-card b {
    display: block;
    width: auto;
    height: auto;
    border: 0;
    color: rgba(255, 255, 255, 0.1);
    font-size: 4.5rem;
    font-weight: 800;
    line-height: 0.9;
}

.hty-about-card-title {
    color: #ffffff;
    font-size: 1rem;
    line-height: 1.3;
    text-transform: uppercase;
}

.hty-about-capability .hty-about-card-title { margin-top: 0; }

.hty-about-capability p,
.hty-about-service-card p {
    margin-top: 0.75rem;
    color: #c7bdd6;
    font-size: 0.75rem;
    line-height: 1.5;
}

.hty-about-factory {
    padding: 5.75rem 0 6rem;
    background: #07030d;
}

.hty-about-factory-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 2rem;
}

.hty-about-factory-heading p {
    max-width: 22rem;
    color: #c8bad8;
    font-size: 0.875rem;
    line-height: 1.5;
}

.hty-about-factory-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem;
    margin-top: 2.875rem;
}

.hty-about-factory-grid article {
    position: relative;
    height: 21.125rem;
    overflow: hidden;
    padding: 1.125rem;
    border: 0.0625rem solid rgba(255, 61, 184, 0.34);
    border-radius: 1.5rem;
    background: #0e1422;
}

.hty-about-factory-grid article:nth-child(n + 4) { border-color: rgba(46, 194, 255, 0.38); }

.hty-about-factory-grid article::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 52%, rgba(4, 4, 11, 0.92));
    content: "";
}

.hty-about-factory-grid img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.35s ease; }
.hty-about-factory-grid article:hover img { transform: scale(1.04); }
.hty-about-factory-grid b { position: relative; z-index: 1; display: grid; width: 1.625rem; height: 1.625rem; place-items: center; border: 0.0625rem solid rgba(255, 255, 255, 0.52); border-radius: 50%; color: #ffffff; font-size: 0.5625rem; font-weight: 700; }
.hty-about-factory-grid span { position: absolute; z-index: 1; bottom: 2.125rem; left: 1.125rem; color: #ffffff; font-size: 0.6875rem; font-weight: 700; }
.hty-about-factory-grid p { position: absolute; z-index: 1; right: 1.125rem; bottom: 0.875rem; left: 1.125rem; color: rgba(255, 255, 255, 0.72); font-size: 0.625rem; line-height: 1.4; }

.hty-about-service { background: #09040f; }

.hty-about-service-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.5rem;
    margin-top: 2.75rem;
}

.hty-about-service-card {
    position: relative;
    min-height: 33.75rem;
    padding: 1.25rem;
    overflow: hidden;
    border: 0.0625rem solid rgba(255, 61, 184, 0.3);
    border-radius: 1.75rem;
    background: linear-gradient(110deg, #1f082e, #090611);
}

.hty-about-service-blue { border-color: rgba(46, 194, 255, 0.3); background: linear-gradient(110deg, #051f2b, #090611); }
.hty-about-service-card b { font-size: 4.5rem; }
.hty-about-service-card > span { display: block; margin-top: 6.5rem; color: #ff3db8; font-size: 0.625rem; font-weight: 700; }
.hty-about-service-blue > span { color: #2ec2ff; }
.hty-about-service-card .hty-about-card-title { margin-top: 1.75rem; font-size: 1.25rem; }
.hty-about-service-card p { font-size: 0.875rem; line-height: 1.55; }
.hty-about-service-card i { position: absolute; bottom: 2rem; left: 1.25rem; width: 5rem; height: 0.25rem; border-radius: 999px; background: #ff3db8; }
.hty-about-service-blue i { background: #2ec2ff; }

.hty-about-cta {
    position: relative;
    display: flex;
    width: min(100% - 9rem, 81rem);
    min-height: 16.25rem;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
    margin: 0 auto 4.625rem;
    padding: 2.5rem 2.8125rem;
    overflow: hidden;
    border: 0.0625rem solid rgba(112, 69, 138, 0.75);
    border-radius: 1.75rem;
    background: linear-gradient(108deg, #261033, #10152a);
}

/* .hty-about-cta::after { position: absolute; inset: 0 0 0 64%; background: linear-gradient(115deg, transparent, rgba(128, 87, 255, 0.17), rgba(46, 194, 255, 0.1)); content: ""; } */
.hty-about-cta > div { position: relative; z-index: 1; max-width: 50rem; }
.hty-about-cta > div > span { color: #d8cbe3; font-size: 0.6875rem; font-weight: 700; text-transform: uppercase; }
.hty-about-cta-title { margin-top: 1.25rem; font-size: 2rem; line-height: 1.25; }
.hty-about-cta p { margin-top: 1rem; color: #c9bcd4; font-size: 0.875rem; }
.hty-about-cta > a { position: relative; z-index: 1;  min-height: 3.25rem; padding: 0 1rem; border-radius: 0.9375rem; font-size: 0.875rem; text-transform: uppercase; }

/* hty-about-responsive-tablet */
@media (max-width: 75rem) {
    .hty-about-who-inner,
    .hty-about-certifications-inner,
    .hty-about-capabilities-inner,
    .hty-about-factory-inner,
    .hty-about-service-inner,
    .hty-about-cta { width: min(100% - 3rem, 70rem); }
    .hty-about-who-inner { gap: 3rem; }
    .hty-about-who-back { width: 31rem; }
    .hty-about-who-image { width: 31rem; }
    .hty-about-cert-grid { gap: 1rem; }
    .hty-about-service-grid { gap: 1rem; }
}

/* hty-about-responsive-mobile */
@media (max-width: 62rem) {
    .hty-about-hero { height: 31rem; background: #ccd8e2; }
    .hty-about-hero-background { object-position: center top; }
    .hty-about-who-inner { grid-template-columns: 1fr; }
    .hty-about-who-copy { padding-top: 0; }
    .hty-about-who-visual { min-height: 25rem; }
    .hty-about-who-back { width: 78%; height: 22rem; }
    .hty-about-who-image { width: 78%; height: 22rem; }
    .hty-about-who-mark { top: 8rem; left: 34%; width: 5rem; height: 5rem; font-size: 1.25rem; }
    .hty-about-who-video { left: 2.5rem; }
    .hty-about-cert-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hty-about-capabilities-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hty-about-service-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hty-about-cta { align-items: flex-start; flex-direction: column; }
    .hty-about-cta > a { width: 100%; }
}

@media (max-width: 48rem) {
    .hty-about-hero { height: 25rem; }
    .hty-about-hero-background { object-position: 48% top; }
    .hty-about-hero-content { bottom: 1.5rem; }
    .hty-about-hero-kicker { font-size: 0.5rem; }
    .hty-about-hero-cta { min-height: 2.75rem; padding: 0 1.125rem; font-size: 0.75rem; }
    .hty-about-who,
    .hty-about-certifications,
    .hty-about-capabilities,
    .hty-about-factory,
    .hty-about-service { padding: 3.5rem 0; }
    .hty-about-who-inner,
    .hty-about-certifications-inner,
    .hty-about-capabilities-inner,
    .hty-about-factory-inner,
    .hty-about-service-inner,
    .hty-about-cta { width: calc(100% - 2rem); }
    .hty-about-section-title { font-size: 1.875rem; }
    .hty-about-who-visual { min-height: 19rem; }
    .hty-about-who-back { top: 1.25rem; width: 82%; height: 16rem; }
    .hty-about-who-image { top: 2.5rem; left: 1rem; width: 82%; height: 16rem; }
    .hty-about-who-mark { top: 6rem; left: 33%; width: 4rem; height: 4rem; font-size: 1rem; }
    .hty-about-who-video { bottom: 0.5rem; left: 1.5rem; }
    .hty-about-who-text { margin-top: 1.25rem; font-size: 0.8125rem; }
    .hty-about-cert-grid { gap: 0.75rem; margin-top: 2rem; }
    .hty-about-cert-grid article { height: 11.5rem; padding: 0.5rem 0.75rem 0.75rem; border-radius: 0.875rem; }
    .hty-about-cert-grid img { height: 9rem; }
    .hty-about-cert-grid span { font-size: 0.625rem; }
    .hty-about-capabilities-grid,
    .hty-about-service-grid,
    .hty-about-factory-grid { grid-template-columns: 1fr; gap: 0.875rem; margin-top: 2rem; }
    .hty-about-capability { min-height: 10rem; }
    .hty-about-factory-heading { align-items: flex-start; flex-direction: column; }
    .hty-about-factory-grid article { height: 13rem; }
    .hty-about-service-card { min-height: 25rem; }
    .hty-about-service-card > span { margin-top: 3.5rem; }
    .hty-about-cta { min-height: 22rem; margin-bottom: 3rem; padding: 2rem 1.25rem; border-radius: 1.25rem; }
    .hty-about-cta-title { font-size: 1.625rem; }
    .hty-about-cta > a { min-height: 3rem; font-size: 0.75rem; }
}

/* hty-about-fidelity-responsive-refinement */
@media (min-width: 60.0625rem) {
    .hty-about-certifications-inner > .hty-about-section-title { width: calc(100% - 4rem); }
}

@media (min-width: 60.0625rem) and (max-width: 75rem) {
    .hty-about-who-mark { top: 17.125rem; left: 14rem; }
}

@media (max-width: 60rem) {
    .hty-about-who-mark {
        top: 8.5rem;
        left: 42%;
        transform: translateX(-50%);
    }

    .hty-about-who-video {
        top: auto;
        right: auto;
        bottom: 0.5rem;
        left: 1.5rem;
        width: calc(82% - 0.5rem);
    }

    .hty-about-certifications-inner {
        height: auto;
        padding: 2rem 1rem 1.25rem;
        overflow: hidden;
        border-radius: 1.25rem;
    }

    .hty-about-certifications-inner > .hty-about-section-title {
        width: auto;
        margin: 0;
    }

    .hty-about-cert-grid {
        position: relative;
        top: auto;
        right: auto;
        left: auto;
        display: grid;
        height: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
        margin-top: 2rem;
    }

    .hty-about-cert-grid article,
    .hty-about-cert-grid article:nth-child(n) {
        position: relative;
        top: auto;
        left: auto;
        width: auto;
        height: 11.5rem;
        padding: 0.5rem 0.75rem;
        border-radius: 0.875rem;
    }

    .hty-about-cert-grid img { height: 9rem; }
    .hty-about-cert-prev,
    .hty-about-cert-next { display: none; }

    .hty-about-cert-rail {
        position: relative;
        right: auto;
        bottom: auto;
        left: auto;
        margin-top: 1.5rem;
    }

    .hty-about-capabilities-inner { display: block; }
    .hty-about-capabilities-heading { min-height: auto; }
    .hty-about-capabilities-footnote {
        position: relative;
        bottom: auto;
        margin-top: 2.5rem;
    }

    .hty-about-capabilities-grid {
        grid-template-columns: 1fr;
        margin-top: 2rem;
    }

    .hty-about-capability { min-height: 13.5rem; }
}

/* hty-applications-page */
.hty-applications-page {
    background: linear-gradient(90deg, #090411, #0e0618 48%, #060911);
}

.hty-applications-page .wow {
    visibility: visible !important;
}

.hty-applications-page main {
    background:
        radial-gradient(circle at 20% 8%, rgba(80, 20, 112, 0.2), transparent 30rem),
        linear-gradient(90deg, #090411, #0e0618 48%, #060911);
}

.hty-applications-hero {
    position: relative;
    height: 45rem;
    overflow: hidden;
    background: linear-gradient(90deg, #090413, #1f092e 58%, #061421);
}

.hty-applications-hero-glow {
    position: absolute;
    top: -8rem;
    left: calc(50% - 2rem);
    width: 45rem;
    height: 45rem;
    pointer-events: none;
}

.hty-applications-hero-inner,
.hty-applications-section-inner {
    position: relative;
    width: min(calc(100% - 9rem), 81rem);
    margin: 0 auto;
}

.hty-applications-hero-inner {
    display: grid;
    height: 100%;
    grid-template-columns: minmax(0, 636fr) minmax(0, 660fr);
}

.hty-applications-hero-copy {
    position: relative;
    z-index: 2;
    padding-top: 4.875rem;
}

.hty-applications-hero-copy h1 {
    max-width: 40.625rem;
    font-size: 3.375rem;
    font-weight: 800;
    line-height: 1.02;
}

.hty-applications-hero-copy > p {
    width: min(100%, 35rem);
    margin-top: 3.5rem;
    color: #c7bdd6;
    font-size: 1.125rem;
    line-height: 1.48;
}

.hty-applications-hero-copy > a,
.hty-applications-cta > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, #ff2eb2, #734aff);
    color: #ffffff;
    font-weight: 800;
    text-transform: uppercase;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hty-applications-hero-copy > a {
    width: 14.75rem;
    height: 3.5rem;
    gap: 0.75rem;
    margin-top: 8.875rem;
    border-radius: 1.75rem;
    box-shadow: 0 0.875rem 1.875rem rgba(140, 51, 255, 0.3);
    font-size: 1.125rem;
}

.hty-applications-hero-copy > a:hover,
.hty-applications-cta > a:hover {
    transform: translateY(-0.125rem);
    box-shadow: 0 0.875rem 1.875rem rgba(140, 51, 255, 0.34);
}

.hty-applications-metrics {
    display: grid;
    width: 34.125rem;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 3.25rem;
}

.hty-applications-metrics dt {
    color: #ff3db8;
    font-size: 1.25rem;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
}

.hty-applications-metrics div:nth-child(2) dt { color: #2ec2ff; }

.hty-applications-metrics dd {
    margin-top: 0.75rem;
    color: rgba(199, 189, 214, 0.65);
    font-size: 0.5625rem;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
}

.hty-applications-hero-visual {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 39rem;
    justify-self: stretch;
    margin-top: 4.875rem;
}

.hty-applications-hero-visual figure {
    position: absolute;
    overflow: hidden;
    border: 0.0625rem solid rgba(255, 255, 255, 0.14);
    box-shadow: 0 1.375rem 3.125rem rgba(0, 0, 0, 0.35);
}

.hty-applications-hero-visual img,
.hty-applications-scene > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hty-applications-hero-main {
    top: 0;
    left: 0;
    width: 67.0732%;
    height: 31.25rem;
    border-radius: 1.875rem;
}

.hty-applications-hero-main img { object-position: 44% center; }

.hty-applications-hero-small {
    border-radius: 1.5rem;
}

.hty-applications-hero-small-top {
    top: 3rem;
    left: 68.2927%;
    width: 31.7073%;
    height: 13.625rem;
}

.hty-applications-hero-small-bottom {
    top: 18.25rem;
    left: 64.0244%;
    width: 35.9756%;
    height: 15.75rem;
}

.hty-applications-scenes {
    margin-top: 1.875rem;
    padding: 2rem 0 2.875rem;
}

.hty-applications-section-title {
    color: #ffffff;
    font-size: 2.625rem;
    font-weight: 800;
    line-height: 1.08;
}

.hty-applications-scene-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 2rem 3rem;
    margin-top: 4.0625rem;
}

.hty-applications-scene {
    position: relative;
    height: 28.375rem;
    overflow: hidden;
    border: 0.0625rem solid rgba(255, 61, 184, 0.25);
    border-radius: 1.75rem;
    background: #0d0716;
    box-shadow: 0 1.375rem 2.875rem rgba(0, 0, 0, 0.3);
}

.hty-applications-scene:nth-child(n + 4) {
    border-color: rgba(46, 194, 255, 0.25);
}

.hty-applications-scene::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(5, 3, 10, 0.05), rgba(8, 4, 15, 0.12) 42%, rgba(6, 4, 13, 0.94));
    content: "";
}

.hty-applications-scene > div {
    position: absolute;
    right: 1.4375rem;
    bottom: 2.875rem;
    left: 1.4375rem;
    z-index: 1;
}

.hty-applications-scene h3 {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;
}

.hty-applications-scene p {
    margin-top: 0.875rem;
    color: #c9c2d6;
    font-size: 0.78125rem;
    line-height: 1.42;
}

.hty-applications-value {
    display: grid;
    width: min(calc(100% - 9rem), 81rem);
    height: 24.375rem;
    grid-template-columns: 25.875rem minmax(0, 1fr);
    gap: 1.75rem;
    margin: 3.6875rem auto 0;
    padding: 3.5625rem 2.8125rem 3.6875rem 2.6875rem;
    overflow: hidden;
    border: 0.0625rem solid rgba(148, 97, 224, 0.35);
    border-radius: 1.875rem;
    background: linear-gradient(90deg, #1f0930, #2e0a38 52%, #062130);
}

.hty-applications-value-intro {
    position: relative;
    padding-top: 4.125rem;
}

.hty-applications-value-intro strong {
    position: absolute;
    top: 0;
    left: -0.5rem;
    color: rgba(255, 255, 255, 0.06);
    font-size: 6.875rem;
    font-weight: 800;
    line-height: 0.95;
}

.hty-applications-value-intro h2 {
    position: relative;
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 1.05;
}

.hty-applications-value-intro p {
    position: relative;
    width: 25rem;
    margin-top: 1.375rem;
    color: #c7bdd6;
    font-size: 0.875rem;
    line-height: 1.45;
}

.hty-applications-value-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
}

.hty-applications-value-grid article {
    position: relative;
    min-width: 0;
    height: 17.125rem;
    padding: 1.3125rem 1.1875rem;
    border: 0.0625rem solid rgba(255, 61, 184, 0.28);
    border-radius: 1.375rem;
    background: rgba(6, 5, 14, 0.58);
}

.hty-applications-value-grid b {
    color: #ff3db8;
    font-size: 0.6875rem;
    line-height: 1;
}

.hty-applications-value-grid h3 {
    margin-top: 2.25rem;
    font-size: 1.125rem;
    line-height: 1.2;
    text-transform: uppercase;
}

.hty-applications-value-grid p {
    margin-top: 1.75rem;
    color: #c7bdd6;
    font-size: 0.75rem;
    line-height: 1.48;
}

.hty-applications-value-grid i {
    position: absolute;
    bottom: 2.125rem;
    left: 1.1875rem;
    width: 3.375rem;
    height: 0.1875rem;
    border-radius: 0.125rem;
    background: #ff3db8;
}

.hty-applications-value-grid .hty-applications-value-blue { border-color: rgba(46, 194, 255, 0.28); }
.hty-applications-value-blue b { color: #2ec2ff; }
.hty-applications-value-blue i { background: #2ec2ff; }

.hty-applications-products {
    margin-top: 9.375rem;
}

.hty-applications-product-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.625rem;
    margin-top: 2.6875rem;
}

.hty-applications-product {
    min-width: 0;
    height: 33rem;
    padding: 0.9375rem 1.25rem 1.1875rem;
    overflow: hidden;
    border: 0.0625rem solid rgba(255, 61, 184, 0.24);
    border-radius: 1.5rem;
    background: rgba(12, 7, 21, 0.96);
}

.hty-applications-product > div {
    display: grid;
    height: 19.375rem;
    place-items: center;
    margin: 0 -0.3125rem;
    overflow: hidden;
    border-radius: 1.125rem;
    background: radial-gradient(circle, #301242, #1d0c29 50%, #090711);
}

.hty-applications-product img {
    display: block;
    width: 88%;
    height: 90%;
    min-width: 0;
    min-height: 0;
    max-height: 100%;
    object-fit: contain;
}

.hty-applications-product h3 {
    margin-top: 3.125rem;
    font-size: 1.25rem;
    line-height: 1.15;
}

.hty-applications-product p {
    min-height: 2.75rem;
    margin-top: 1.5rem;
    color: #b8b0c9;
    font-size: 0.71875rem;
    line-height: 1.45;
}

.hty-applications-product > a {
    display: inline-flex;
    gap: 0.5rem;
    margin-top: 1.25rem;
    color: #ff3db8;
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
}

.hty-applications-product-blue { border-color: rgba(46, 194, 255, 0.24); }
.hty-applications-product-blue > a { color: #2ec2ff; }

.hty-applications-cta {
    position: relative;
    display: flex;
    width: min(calc(100% - 9rem), 81rem);
    height: 16.25rem;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
    margin: 1.3125rem auto 4.625rem;
    padding: 2.5rem 2.8125rem;
    overflow: hidden;
    border: 0.0625rem solid rgba(112, 69, 138, 0.75);
    border-radius: 1.75rem;
    background: linear-gradient(108deg, #261033, #10152a);
}

/* .hty-applications-cta::after {
    position: absolute;
    inset: -50% -5% -50% 62%;
    background: radial-gradient(circle, rgba(128, 87, 255, 0.22), rgba(46, 194, 255, 0.08) 38%, transparent 66%);
    content: "";
} */

.hty-applications-cta > div {
    position: relative;
    z-index: 1;
    max-width: 49.375rem;
}

.hty-applications-cta > div > span {
    color: #d8cbe3;
    font-size: 0.6875rem;
    font-weight: 800;
    text-transform: uppercase;
}

.hty-applications-cta h2 {
    margin-top: 1.25rem;
    font-size: 2rem;
    line-height: 1.25;
}

.hty-applications-cta p {
    margin-top: 1rem;
    color: #c9bcd4;
    font-size: 0.875rem;
}

.hty-applications-cta > a {
    position: relative;
    z-index: 1;
    flex: 0 0 auto;
    width: 21.8125rem;
    height: 3.25rem;
    gap: 0.625rem;
    border-radius: 0.9375rem;
    font-size: 0.875rem;
}

/* hty-applications-responsive-tablet */
@media (max-width: 75rem) {
    .hty-applications-hero-inner,
    .hty-applications-section-inner,
    .hty-applications-value,
    .hty-applications-cta { width: min(calc(100% - 3rem), 70rem); }

    .hty-applications-hero-inner { grid-template-columns: minmax(0, 46%) minmax(0, 54%); }
    .hty-applications-hero-copy h1 { font-size: 2.875rem; }
    .hty-applications-hero-copy > p { width: 90%; font-size: 1rem; }
    .hty-applications-hero-copy > a { margin-top: 7rem; }
    .hty-applications-metrics { width: 100%; }
    .hty-applications-hero-visual { justify-self: start; transform: scale(0.86); transform-origin: left top; }
    .hty-applications-scene-grid { gap: 2rem; }
    .hty-applications-value { grid-template-columns: 23rem minmax(0, 1fr); gap: 1.25rem; padding-right: 2rem; padding-left: 2rem; }
    .hty-applications-value-intro p { width: 22rem; }
    .hty-applications-value-grid { gap: 0.75rem; }
    .hty-applications-product-grid { gap: 1rem; }
    .hty-applications-product { padding-right: 0.875rem; padding-left: 0.875rem; }
}

@media (min-width: 62.0625rem) and (max-width: 68rem) {
    .hty-applications-hero-visual { transform: scale(0.78); }
}

/* hty-applications-responsive-small-tablet */
@media (max-width: 62rem) {
    .hty-applications-hero { height: auto; min-height: 64rem; }
    .hty-applications-hero-inner { display: block; }
    .hty-applications-hero-copy { padding-top: 4rem; }
    .hty-applications-hero-copy > p { width: min(100%, 36rem); margin-top: 2rem; }
    .hty-applications-hero-copy > a { margin-top: 2.5rem; }
    .hty-applications-metrics { width: min(100%, 34rem); }
    .hty-applications-hero-visual { width: 42rem; height: 34rem; margin: 3.5rem auto 0; transform: none; }
    .hty-applications-scenes { margin-top: 0; }
    .hty-applications-scene { height: 24rem; }
    .hty-applications-scene h3 { font-size: 1.625rem; }
    .hty-applications-value { height: auto; grid-template-columns: 1fr; padding: 2.5rem; }
    .hty-applications-value-intro { min-height: 15rem; }
    .hty-applications-value-grid article { height: 15rem; }
    .hty-applications-products { margin-top: 5rem; }
    .hty-applications-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hty-applications-product { height: auto; min-height: 31rem; }
    .hty-applications-cta { height: auto; min-height: 21rem; align-items: flex-start; flex-direction: column; padding: 2.5rem; }
    .hty-applications-cta > a { width: 100%; }
}

/* hty-applications-responsive-mobile */
@media (max-width: 48rem) {
    .hty-applications-hero-inner,
    .hty-applications-section-inner,
    .hty-applications-value,
    .hty-applications-cta { width: calc(100% - 2rem); }
    .hty-applications-hero { min-height: 54rem; }
    .hty-applications-hero-glow { top: 24rem; left: 10%; width: 34rem; height: 34rem; }
    .hty-applications-hero-copy { padding-top: 3rem; }
    .hty-applications-hero-copy h1 { font-size: 2.375rem; }
    .hty-applications-hero-copy > p { margin-top: 1.5rem; font-size: 0.875rem; }
    .hty-applications-hero-copy > a { width: 12rem; height: 3rem; margin-top: 2rem; font-size: 0.875rem; }
    .hty-applications-metrics { margin-top: 2rem; }
    .hty-applications-metrics dt { font-size: 1rem; }
    .hty-applications-metrics dd { font-size: 0.4375rem; }
    .hty-applications-hero-visual { width: 100%; height: 22rem; margin-top: 2.75rem; }
    .hty-applications-hero-main { width: 68%; height: 21rem; border-radius: 1.25rem; }
    .hty-applications-hero-small { left: 71%; width: 29%; border-radius: 1rem; }
    .hty-applications-hero-small-top { top: 1rem; height: 9rem; }
    .hty-applications-hero-small-bottom { top: 11rem; height: 10rem; }
    .hty-applications-scenes { padding: 3.5rem 0 2rem; }
    .hty-applications-section-title { font-size: 2rem; }
    .hty-applications-scene-grid { grid-template-columns: 1fr; gap: 1rem; margin-top: 2rem; }
    .hty-applications-scene { height: 20rem; border-radius: 1.25rem; }
    .hty-applications-scene > div { right: 1.125rem; bottom: 1.75rem; left: 1.125rem; }
    .hty-applications-scene h3 { font-size: 1.5rem; }
    .hty-applications-scene p { font-size: 0.6875rem; }
    .hty-applications-value { margin-top: 2rem; padding: 2rem 1.25rem; border-radius: 1.25rem; }
    .hty-applications-value-intro { min-height: 13.5rem; padding-top: 3.5rem; }
    .hty-applications-value-intro strong { font-size: 5rem; }
    .hty-applications-value-intro h2 { font-size: 2rem; }
    .hty-applications-value-intro p { width: 100%; font-size: 0.8125rem; }
    .hty-applications-value-grid { grid-template-columns: 1fr; }
    .hty-applications-value-grid article { height: 12.5rem; }
    .hty-applications-value-grid h3 { margin-top: 1.5rem; }
    .hty-applications-value-grid p { margin-top: 1.25rem; }
    .hty-applications-value-grid i { bottom: 1.5rem; }
    .hty-applications-products { margin-top: 4rem; }
    .hty-applications-product-grid { grid-template-columns: 1fr; gap: 1rem; margin-top: 2rem; }
    .hty-applications-product { min-height: 30rem; border-radius: 1.25rem; }
    .hty-applications-product > div { height: 19rem; }
    .hty-applications-product h3 { margin-top: 1.75rem; }
    .hty-applications-cta { min-height: 24rem; margin-top: 2rem; margin-bottom: 3rem; padding: 2rem 1.25rem; border-radius: 1.25rem; }
    .hty-applications-cta h2 { font-size: 1.625rem; }
    .hty-applications-cta > a { font-size: 0.75rem; }
}

/* hty-customization-page */
.hty-customization-page {
    background: #07020e;
}

.hty-customization-page .wow {
    visibility: visible !important;
}

.hty-customization-page main {
    background:
        radial-gradient(circle at 18% 17%, rgba(87, 22, 112, 0.12), transparent 38rem),
        radial-gradient(circle at 84% 44%, rgba(35, 49, 120, 0.1), transparent 40rem),
        #07020e;
}

.hty-custom-shell {
    width: min(calc(100% - 9rem), 81rem);
    margin-right: auto;
    margin-left: auto;
}

.hty-custom-button {
    display: inline-flex;
    min-height: 3.25rem;
    align-items: center;
    justify-content: center;
    gap: 0.625rem;
    padding: 0 1.5rem;
    border-radius: 0.9375rem;
    background: linear-gradient(90deg, #f044b9, #7a4bff);
    box-shadow: 0 0.75rem 1.75rem rgba(122, 75, 255, 0.22);
    color: #ffffff;
    font-size: 0.9375rem;
    font-weight: 800;
    line-height: 1.15;
    text-align: center;
    text-transform: uppercase;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hty-custom-button:hover {
    transform: translateY(-0.125rem);
    box-shadow: 0 0.875rem 2rem rgba(122, 75, 255, 0.32);
}

.hty-custom-hero {
    position: relative;
    width: min(calc(100% - 6rem), 84rem);
    height: 33.75rem;
    margin: 1.5rem auto 0;
    overflow: hidden;
    border: 0.0625rem solid rgba(255, 255, 255, 0.18);
    border-radius: 1.75rem;
    background: #10081c;
    box-shadow: 0 0.8125rem 1.875rem rgba(5, 1, 13, 0.48);
}

.hty-custom-hero > img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hty-custom-hero::after {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 72% 44%, rgba(125, 48, 174, 0.16), transparent 25rem);
    content: "";
}

.hty-custom-hero-content {
    position: relative;
    z-index: 1;
    display: flex;
    width: min(100% - 3rem, 69.25rem);
    height: 100%;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
    padding-top: 7.75rem;
    text-align: center;
}

.hty-custom-hero h1 {
    max-width: 69.25rem;
    font-size: 3.625rem;
    font-weight: 800;
    line-height: 1.1;
}

.hty-custom-hero p {
    max-width: 54.75rem;
    margin-top: 2rem;
    color: #e3d9e9;
    font-size: 1.0625rem;
    line-height: 1.65;
}

.hty-custom-hero .hty-custom-button {
    min-width: 22.5rem;
    margin-top: 6.25rem;
}

.hty-custom-stats {
    display: grid;
    width: min(calc(100% - 13.75rem), 75.25rem);
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 3.375rem 0;
    margin: 6.6875rem auto 4.5rem;
}

.hty-custom-stat {
    position: relative;
    display: flex;
    min-height: 13.75rem;
    align-items: center;
    flex-direction: column;
    grid-column: span 2;
    justify-content: center;
    text-align: center;
}

.hty-custom-stat:not(:nth-child(3))::after {
    position: absolute;
    top: 2.25rem;
    right: 0;
    width: 0.0625rem;
    height: 8.375rem;
    background: rgba(138, 106, 155, 0.14);
    content: "";
}

.hty-custom-stat strong {
    background: linear-gradient(90deg, #ffd9f1, #f044b9);
    background-clip: text;
    color: transparent;
    font-size: 5rem;
    font-weight: 900;
    line-height: 1;
}

.hty-custom-stat-violet strong { background-image: linear-gradient(90deg, #e0cbff, #9a62ff); }
.hty-custom-stat-blue strong { background-image: linear-gradient(90deg, #d6d3ff, #728aff); }

.hty-custom-stat span {
    max-width: 20rem;
    margin-top: 1.25rem;
    color: rgba(184, 168, 197, 0.92);
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1.35;
    text-transform: uppercase;
}

.hty-custom-stat span::after {
    display: block;
    width: 3.125rem;
    height: 0.25rem;
    margin: 1.75rem auto 0;
    border-radius: 99rem;
    background: linear-gradient(90deg, #ffd9f1, #f044b9);
    content: "";
}

.hty-custom-stat-violet span::after { background: linear-gradient(90deg, #e0cbff, #9a62ff); }
.hty-custom-stat-blue span::after { background: linear-gradient(90deg, #d6d3ff, #728aff); }

.hty-custom-stat-wide {
    min-height: 10rem;
    grid-column: span 3;
}

.hty-custom-stat-wide::after { display: none; }
.hty-custom-stat-wide strong { font-size: 5rem; }

.hty-custom-overview {
    display: grid;
    min-height: 45.6875rem;
    grid-template-columns: minmax(0, 35rem) minmax(0, 1fr);
    gap: 3.5rem;
    padding: 1.5rem;
    overflow: hidden;
    border-radius: 1.75rem;
}

.hty-custom-overview-visual {
    position: relative;
    min-height: 37rem;
    overflow: hidden;
    border-radius: 1.5rem;
    background: radial-gradient(circle at 50% 62%, rgba(237, 65, 190, 0.25), transparent 48%);
}

.hty-custom-overview-visual img {
    position: absolute;
    top: -6.125rem;
    left: -1.0625rem;
    width: 36.0625rem;
    height: 49.25rem;
    object-fit: contain;
    filter: drop-shadow(0 1rem 1.75rem rgba(99, 13, 133, 0.5));
}

.hty-custom-overview-copy {
    padding: 2.625rem 3rem 2rem 0;
}

.hty-custom-overview h2,
.hty-custom-section-heading h2 {
    font-size: 2.625rem;
    font-weight: 800;
    line-height: 1.2;
}

.hty-custom-overview-copy > p,
.hty-custom-section-heading p {
    max-width: 67.5rem;
    margin-top: 1.75rem;
    color: #bfafcb;
    font-size: 0.9375rem;
    line-height: 1.6;
}

.hty-custom-overview-choices {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem;
    margin-top: 4.625rem;
}

.hty-custom-overview-choices article {
    position: relative;
    min-height: 11.875rem;
    padding: 1.375rem 1.6875rem;
    overflow: hidden;
    border: 0.0625rem solid rgba(116, 70, 137, 0.75);
    border-radius: 1.375rem;
    background: linear-gradient(105deg, #23112f, #121124);
}

.hty-custom-overview-choices article:nth-child(2) {
    border-color: rgba(75, 106, 145, 0.75);
    background: linear-gradient(105deg, #101c30, #16102b);
}

.hty-custom-overview-choices img {
    width: 4.5rem;
    height: 4.5rem;
}

.hty-custom-overview-choices h3 {
    position: absolute;
    top: 2.6875rem;
    left: 6.5625rem;
    font-size: 1.5rem;
    line-height: 1.25;
}

.hty-custom-overview-choices p {
    margin-top: 0.5625rem;
    color: #cdbdda;
    font-size: 0.8125rem;
    line-height: 1.55;
}

.hty-custom-overview-copy > .hty-custom-button {
    min-width: 15rem;
    margin-top: 3.6875rem;
}

.hty-custom-section {
    padding-top: 3.875rem;
}

.hty-custom-section + .hty-custom-section {
    margin-top: 3.125rem;
}

.hty-custom-section-heading {
    margin-bottom: 3.75rem;
}

.hty-custom-section-heading p {
    margin-top: 0.625rem;
    font-size: 1rem;
}

.hty-custom-hardware-map {
    display: grid;
    min-height: 45rem;
    grid-template-areas:
        ". one . core . four ."
        ". two . core . five ."
        ". three . core . six .";
    grid-template-columns: 24fr 392fr 62fr 340fr 62fr 392fr 24fr;
    grid-template-rows: repeat(3, 10.625rem);
    column-gap: 0;
    row-gap: 2.1875rem;
    padding: 4.375rem 0;
    background: url('../images/customization-hardware-connectors.svg') center / 100% 100% no-repeat;
}

.hty-custom-hardware-card {
    display: grid;
    min-width: 0;
    grid-template-columns: 8.125rem minmax(0, 1fr);
    gap: 0.875rem;
    padding: 1.125rem 0.9375rem;
    overflow: hidden;
    border: 0.0625rem solid rgba(240, 68, 185, 0.34);
    border-radius: 1.375rem;
    background: linear-gradient(100deg, #160821, #23103a);
    box-shadow: 0 0.625rem 1.375rem rgba(5, 0, 13, 0.32);
}

.hty-custom-hardware-card:nth-of-type(even) { border-color: rgba(76, 201, 255, 0.34); }
.hty-custom-hardware-card > img { width: 8.125rem; height: 8.125rem; border-radius: 1.125rem; object-fit: cover; }
.hty-custom-hardware-card > div { min-width: 0; padding: 0.0625rem 0; }
.hty-custom-hardware-card b { display: inline-grid; min-width: 3.375rem; height: 1.5rem; place-items: center; border-radius: 0.75rem; background: linear-gradient(100deg, #f044b9, #a45cff); color: #ffffff; font-size: 0.5625rem; }
.hty-custom-hardware-card:nth-of-type(even) b { background: linear-gradient(100deg, #4cc9ff, #6e78ff); }
.hty-custom-hardware-card h3 { margin-top: 0.625rem; font-size: 1.125rem; line-height: 1.3; }
.hty-custom-hardware-card p { margin-top: 0.5rem; color: #b9a9c5; font-size: 0.6875rem; line-height: 1.55; }

.hty-custom-hardware-01 { grid-area: one; }
.hty-custom-hardware-02 { grid-area: two; }
.hty-custom-hardware-03 { grid-area: three; }
.hty-custom-hardware-04 { grid-area: four; }
.hty-custom-hardware-05 { grid-area: five; }
.hty-custom-hardware-06 { grid-area: six; }

.hty-custom-hardware-04,
.hty-custom-hardware-05,
.hty-custom-hardware-06 {
    grid-template-columns: minmax(0, 1fr) 8.125rem;
}

.hty-custom-hardware-core {
    display: flex;
    min-width: 0;
    grid-area: core;
    align-items: center;
    flex-direction: column;
    padding: 1.5625rem 1.8125rem 2.25rem;
    overflow: hidden;
    border: 0.0625rem solid rgba(240, 68, 185, 0.55);
    border-radius: 1.875rem;
    background: linear-gradient(100deg, #281035, #160821 48%, #251246);
    box-shadow: 0 1.125rem 2.375rem rgba(33, 5, 56, 0.55);
}

.hty-custom-hardware-core > span {
    align-self: flex-start;
    color: #d9c9e5;
    font-size: 0.6875rem;
    font-weight: 800;
    text-transform: uppercase;
}

.hty-custom-hardware-core h3 { width: 100%; margin-top: 1rem; font-size: 1.875rem; line-height: 1.2; }
.hty-custom-hardware-core > p { margin-top: 2.625rem; color: #bdafcb; font-size: 0.8125rem; line-height: 1.6; }
.hty-custom-core-image { display: grid; width: 13.5rem; height: 14.125rem; place-items: center; margin-top: 2.625rem; overflow: hidden; border-radius: 1.375rem; }
.hty-custom-core-image img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; }

.hty-custom-hardware-core dl {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8125rem;
    margin-top: 3.5rem;
}

.hty-custom-hardware-core dl div { padding: 0.6875rem 0.8125rem; border: 0.0625rem solid rgba(255, 255, 255, 0.1); border-radius: 1rem; background: rgba(11, 3, 18, 0.58); text-align: center; }
.hty-custom-hardware-core dt { font-size: 1.125rem; font-weight: 800; }
.hty-custom-hardware-core dd { margin-top: 0.25rem; color: #a99ab6; font-size: 0.5rem; font-weight: 700; line-height: 1.25; text-transform: uppercase; }

.hty-custom-section-button {
    min-width: 21.25rem;
    margin-top: 0;
}

.hty-custom-software-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
    padding: 1.5rem;
}

.hty-custom-software-grid article {
    position: relative;
    min-height: 18.875rem;
    padding: 1.5625rem 1.6875rem;
    overflow: hidden;
    border: 0.0625rem solid rgba(92, 58, 114, 0.75);
    border-radius: 1.375rem;
    background: #141028;
}

.hty-custom-software-grid .hty-custom-software-featured {
    border-color: rgba(57, 217, 255, 0.75);
    background: linear-gradient(110deg, #0d91d4, #6522c8);
}

.hty-custom-software-grid img { width: 4.5rem; height: 4.5rem; }
.hty-custom-software-grid h3 { margin-top: 0.875rem; font-size: 1.5625rem; line-height: 1.2; }
.hty-custom-software-grid p { margin-top: 1rem; color: #c9bcd4; font-size: 0.8125rem; line-height: 1.6; }
.hty-custom-software-featured p { color: #f3f7ff; }
.hty-custom-software-grid b { position: absolute; bottom: 1.875rem; left: 1.6875rem; color: #ff83d3; font-size: 0.9375rem; line-height: 1; text-transform: uppercase; }
.hty-custom-software-featured b { color: #ffffff; }

.hty-custom-why {
    position: relative;
    min-height: 50.625rem;
    overflow: hidden;
    border-radius: 1.75rem;
    background: #100719;
}

.hty-custom-why::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(8, 2, 14, 0.22), rgba(12, 3, 20, 0.72) 42%, rgba(9, 2, 15, 0.96));
    content: "";
}

.hty-custom-why-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.58; }
.hty-custom-why-mark { position: absolute; top: 19.5rem; left: 3.375rem; z-index: 1; display: flex; align-items: baseline; }
.hty-custom-why-mark span { font-size: 4.5rem; font-weight: 800; text-transform: uppercase; }
.hty-custom-why-mark strong { margin-left: 3.125rem; background: linear-gradient(90deg, #f044b9, #6e6cff); background-clip: text; color: transparent; font-size: 8.75rem; line-height: 1; }

.hty-custom-why-list {
    position: absolute;
    top: 4.3125rem;
    right: 2.125rem;
    bottom: 4.3125rem;
    z-index: 1;
    display: grid;
    width: 41.875rem;
    gap: 1.75rem;
}

.hty-custom-why-list::before { position: absolute; top: 3rem; bottom: 3rem; left: -2rem; width: 0.1875rem; border-radius: 99rem; background: linear-gradient(#f044b9, #45d7ff); content: ""; }

.hty-custom-why-list article {
    position: relative;
    display: grid;
    min-width: 0;
    align-items: center;
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: 1.375rem;
    padding: 1.125rem 1.25rem;
    overflow: visible;
    border: 0.0625rem solid rgba(255, 255, 255, 0.12);
    border-radius: 1.5rem;
    background: linear-gradient(100deg, rgba(24, 8, 37, 0.9), rgba(41, 17, 61, 0.9));
    box-shadow: 0 0.625rem 1.5rem rgba(5, 0, 13, 0.38);
}

.hty-custom-why-list article:nth-child(even) { width: calc(100% - 4.875rem); justify-self: end; }
.hty-custom-why-list article::before { position: absolute; top: 0; bottom: 0; left: 0; width: 0.375rem; background: linear-gradient(#f044b9, #7a4bff); content: ""; }
.hty-custom-why-list article:nth-child(even)::before { background: linear-gradient(#45d7ff, #7a4bff); }
.hty-custom-why-list article::after {
    position: absolute;
    top: calc(50% - 0.5rem);
    left: -2.25rem;
    width: 2.25rem;
    height: 1rem;
    background:
        radial-gradient(circle at 0.25rem 50%, currentColor 0 0.25rem, rgba(255, 255, 255, 0.2) 0.3125rem, transparent 0.375rem),
        linear-gradient(currentColor, currentColor) 0.25rem 50% / calc(100% - 0.25rem) 0.125rem no-repeat;
    color: #f044b9;
    content: "";
}
.hty-custom-why-list article:nth-child(even)::after { left: -7rem; width: 7rem; color: #45d7ff; }
.hty-custom-why-list b { display: grid; width: 3rem; height: 3rem; place-items: center; border-radius: 0.875rem; background: linear-gradient(100deg, #f044b9, #7a4bff); font-size: 0.75rem; }
.hty-custom-why-list article:nth-child(even) b { background: linear-gradient(100deg, #39d9ff, #7a4bff); }
.hty-custom-why-list h3 { font-size: 1.5rem; line-height: 1.2; }
.hty-custom-why-list p { margin-top: 0.375rem; color: #c9bcd4; font-size: 0.75rem; line-height: 1.55; }

.hty-custom-process-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.375rem 1.5rem;
    padding: 1.1875rem 3.375rem 0;
    background: radial-gradient(circle at 50% 44%, rgba(113, 78, 203, 0.12), transparent 36rem);
}

.hty-custom-process-card {
    min-width: 0;
    min-height: 24.375rem;
    overflow: hidden;
    border: 0.0625rem solid rgba(107, 87, 158, 0.28);
    border-radius: 1.5rem;
    background: rgba(14, 8, 23, 0.94);
    box-shadow: 0 1.125rem 2.375rem rgba(0, 0, 0, 0.3);
}

.hty-custom-process-card > div { position: relative; height: 13.625rem; overflow: hidden; }
.hty-custom-process-card img { display: block; width: 100%; height: 100%; object-fit: cover; }
.hty-custom-process-card > div::after { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5, 3, 10, 0.05), rgba(8, 4, 15, 0.6)); content: ""; }
.hty-custom-process-card b { position: absolute; top: 1.1875rem; left: 1.3125rem; z-index: 1; display: grid; min-width: 3.125rem; height: 1.75rem; place-items: center; border: 0.0625rem solid rgba(255, 61, 184, 0.72); border-radius: 0.875rem; background: rgba(6, 5, 14, 0.84); color: #ff3db8; font-size: 0.625rem; }
.hty-custom-process-card:nth-of-type(2) b,
.hty-custom-process-card:nth-of-type(7) b { border-color: rgba(163, 97, 255, 0.72); color: #a361ff; }
.hty-custom-process-card:nth-of-type(5) b { border-color: rgba(46, 194, 255, 0.72); color: #2ec2ff; }
.hty-custom-process-card:nth-of-type(6) b { border-color: rgba(107, 158, 255, 0.72); color: #6b9eff; }
.hty-custom-process-card h3 { margin: 1.625rem 1.4375rem 0; font-size: 1.4375rem; line-height: 1.15; }
.hty-custom-process-card > p { min-height: 2.75rem; margin: 1.25rem 1.4375rem 0; color: #b0abc4; font-size: 0.75rem; line-height: 1.45; }
.hty-custom-process-card > span { display: block; margin: 1.25rem 1.4375rem 0; color: rgba(255, 61, 184, 0.75); font-size: 0.75rem; font-weight: 800; line-height: 1.2; text-transform: uppercase; }

.hty-custom-manufacturing {
    position: relative;
    min-height: 26.25rem;
    grid-column: 1 / -1;
    overflow: hidden;
    border: 0.0625rem solid rgba(255, 61, 184, 0.55);
    border-radius: 1.75rem;
    background: #0b0612;
    box-shadow: 0 1.25rem 2.75rem rgba(0, 0, 0, 0.42);
}

.hty-custom-manufacturing::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(6, 4, 12, 0.92), rgba(6, 4, 12, 0.54) 52%, rgba(6, 4, 12, 0.08)); content: ""; }
.hty-custom-manufacturing > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hty-custom-manufacturing > div { position: relative; z-index: 1; width: 50%; padding: 3.625rem 0 2rem 3.5rem; }
.hty-custom-manufacturing > div > span { color: #ff3db8; font-size: 0.75rem; font-weight: 800; text-transform: uppercase; }
.hty-custom-manufacturing h3 { margin-top: 1rem; font-size: 2.875rem; line-height: 1.05; }
.hty-custom-manufacturing > div > p { margin-top: 1.25rem; color: #c1b8cf; font-size: 0.8125rem; line-height: 1.55; }
.hty-custom-manufacturing dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin-top: 1.875rem; }
.hty-custom-manufacturing dl div { padding: 0.875rem; border: 0.0625rem solid rgba(255, 61, 184, 0.35); border-radius: 1.125rem; background: rgba(6, 5, 13, 0.72); }
.hty-custom-manufacturing dl div:nth-child(2) { border-color: rgba(46, 194, 255, 0.35); }
.hty-custom-manufacturing dt { color: #ff3db8; font-size: 0.75rem; font-weight: 800; text-transform: uppercase; }
.hty-custom-manufacturing dl div:nth-child(2) dt { color: #2ec2ff; }
.hty-custom-manufacturing dd { margin-top: 0.375rem; color: #bfb8d1; font-size: 0.625rem; }
.hty-custom-manufacturing > strong { position: absolute; top: 2.75rem; right: 4rem; z-index: 1; color: rgba(255, 255, 255, 0.09); font-size: 11.875rem; line-height: 1; }
.hty-custom-manufacturing > b { position: absolute; right: 3.75rem; bottom: 1.625rem; z-index: 1; min-width: 15.375rem; padding: 0.75rem 1rem; border: 0.0625rem solid rgba(46, 194, 255, 0.45); border-radius: 1.3125rem; background: rgba(6, 5, 11, 0.82); color: #2ec2ff; font-size: 0.625rem; text-align: center; text-transform: uppercase; }

.hty-custom-process-button {
    display: flex;
    width: 21.4375rem;
    margin: 4.5rem auto 0;
    border-radius: 1.6875rem;
}

.hty-custom-product-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.5rem;
    padding: 1.5rem;
}

.hty-custom-product-grid article {
    min-width: 0;
    min-height: 34.5rem;
    padding: 1rem 1.1875rem 1.25rem;
    overflow: hidden;
    border: 0.0625rem solid rgba(95, 58, 116, 0.75);
    border-radius: 1.375rem;
    background: #12091f;
}

.hty-custom-product-grid article > div {
    display: grid;
    height: 21.25rem;
    place-items: center;
    overflow: hidden;
    border: 0.0625rem solid rgba(75, 45, 91, 0.75);
    border-radius: 1.125rem;
    background: radial-gradient(circle at 50% 62%, rgba(126, 49, 170, 0.24), transparent 55%), linear-gradient(105deg, #21112f, #101426);
}

.hty-custom-product-grid img { display: block; width: 88%; height: 88%; min-width: 0; min-height: 0; object-fit: contain; }
.hty-custom-product-grid h3 { margin-top: 1.5rem; font-size: 1.3125rem; line-height: 1.3; }
.hty-custom-product-grid p { min-height: 3.75rem; margin-top: 1rem; color: #c9bcd4; font-size: 0.75rem; line-height: 1.6; }
.hty-custom-product-grid a { display: inline-flex; gap: 0.5rem; margin-top: 1.5rem; color: #ff83d3; font-size: 0.75rem; font-weight: 800; text-transform: uppercase; }
.hty-custom-product-grid article:nth-child(even) a { color: #39d9ff; }

.hty-custom-final-cta {
    position: relative;
    display: flex;
    min-height: 16.25rem;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
    margin-top: 2.9375rem;
    margin-bottom: 2.3125rem;
    padding: 2.5rem 2.8125rem;
    overflow: hidden;
    border: 0.0625rem solid rgba(112, 69, 138, 0.75);
    border-radius: 1.75rem;
    background: linear-gradient(108deg, #261033, #10152a);
}

/* .hty-custom-final-cta::after { position: absolute; inset: -60% -8% -60% 62%; background: radial-gradient(circle, rgba(128, 87, 255, 0.2), rgba(46, 194, 255, 0.08) 40%, transparent 68%); content: ""; } */
.hty-custom-final-cta > div { position: relative; z-index: 1; max-width: 49.375rem; }
.hty-custom-final-cta > div > span { color: #d8cbe3; font-size: 0.6875rem; font-weight: 800; text-transform: uppercase; }
.hty-custom-final-cta h2 { margin-top: 1.25rem; font-size: 2rem; line-height: 1.25; }
.hty-custom-final-cta p { margin-top: 1rem; color: #c9bcd4; font-size: 0.875rem; }
.hty-custom-final-cta > a { position: relative; z-index: 1; min-width: 21.8125rem; }

/* hty-customization-responsive-tablet */
@media (max-width: 75rem) {
    .hty-custom-shell { width: min(calc(100% - 3rem), 70rem); }
    .hty-custom-hero { width: calc(100% - 3rem); }
    .hty-custom-stats { width: min(calc(100% - 3rem), 70rem); }
    .hty-custom-hero h1 { font-size: 3rem; }
    .hty-custom-overview { grid-template-columns: minmax(0, 44%) minmax(0, 56%); gap: 1.5rem; }
    .hty-custom-overview-copy { padding-right: 1rem; }
    .hty-custom-overview-choices { gap: 0.75rem; }
    .hty-custom-overview-choices article { padding-right: 1.25rem; padding-left: 1.25rem; }
    .hty-custom-overview-choices h3 { left: 6.125rem; font-size: 1.25rem; }
    .hty-custom-hardware-map {
        grid-template-areas:
            "one core four"
            "two core five"
            "three core six";
        grid-template-columns: minmax(0, 1fr) 19rem minmax(0, 1fr);
        gap: 2rem 1.25rem;
        padding-right: 0;
        padding-left: 0;
    }
    .hty-custom-hardware-card { grid-template-columns: 6.5rem minmax(0, 1fr); }
    .hty-custom-hardware-card > img { width: 6.5rem; height: 8.125rem; }
    .hty-custom-hardware-04,
    .hty-custom-hardware-05,
    .hty-custom-hardware-06 { grid-template-columns: minmax(0, 1fr) 6.5rem; }
    .hty-custom-why-list { width: 36rem; }
    .hty-custom-why-mark strong { margin-left: 1.5rem; }
    .hty-custom-process-grid { padding-right: 0; padding-left: 0; }
    .hty-custom-product-grid { gap: 1rem; padding-right: 0; padding-left: 0; }
    .hty-custom-product-grid article { padding-right: 0.875rem; padding-left: 0.875rem; }
}

/* hty-customization-responsive-small-tablet */
@media (max-width: 62rem) {
    .hty-custom-hero { height: 35rem; }
    .hty-custom-hero-content { padding-top: 6.5rem; }
    .hty-custom-hero .hty-custom-button { margin-top: 5rem; }
    .hty-custom-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
    .hty-custom-stat,
    .hty-custom-stat-wide { min-height: 12rem; grid-column: span 1; }
    .hty-custom-stat:last-child { grid-column: 1 / -1; }
    .hty-custom-stat::after { display: none; }
    .hty-custom-stat strong,
    .hty-custom-stat-wide strong { font-size: 3.75rem; }
    .hty-custom-overview { grid-template-columns: 1fr; }
    .hty-custom-overview-visual { min-height: 34rem; }
    .hty-custom-overview-visual img { top: -5rem; left: 50%; transform: translateX(-50%); }
    .hty-custom-overview-copy { padding: 1rem; }
    .hty-custom-overview-choices { margin-top: 2.5rem; }
    .hty-custom-hardware-map { grid-template-areas: none; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; background: none; }
    .hty-custom-hardware-card,
    .hty-custom-hardware-core { grid-area: auto; }
    .hty-custom-hardware-core { min-height: 36rem; grid-column: 1 / -1; order: -1; }
    .hty-custom-hardware-card,
    .hty-custom-hardware-04,
    .hty-custom-hardware-05,
    .hty-custom-hardware-06 { min-height: 10.625rem; grid-template-columns: 8.125rem minmax(0, 1fr); }
    .hty-custom-hardware-card > img { width: 8.125rem; }
    .hty-custom-software-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0; }
    .hty-custom-why { min-height: auto; padding: 19rem 1.25rem 1.25rem; }
    .hty-custom-why::after { background: linear-gradient(180deg, rgba(8, 2, 14, 0.08), rgba(9, 2, 15, 0.97) 42%); }
    .hty-custom-why-mark { top: 6rem; left: 50%; transform: translateX(-50%); }
    .hty-custom-why-list { position: relative; top: auto; right: auto; bottom: auto; width: 100%; gap: 1rem; }
    .hty-custom-why-list::before,
    .hty-custom-why-list article::after { display: none; }
    .hty-custom-why-list article:nth-child(even) { width: 100%; }
    .hty-custom-process-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hty-custom-manufacturing { grid-column: 1 / -1; }
    .hty-custom-manufacturing > div { width: 65%; }
    .hty-custom-product-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .hty-custom-final-cta { align-items: flex-start; flex-direction: column; min-height: 21rem; padding: 2.5rem; }
    .hty-custom-final-cta > a { width: 100%; }
}

/* hty-customization-responsive-mobile */
@media (max-width: 48rem) {
    .hty-custom-shell,
    .hty-custom-hero,
    .hty-custom-stats { width: calc(100% - 2rem); }
    .hty-custom-hero { height: 34rem; margin-top: 1rem; border-radius: 1.25rem; }
    .hty-custom-hero-content { width: calc(100% - 2rem); padding-top: 4.5rem; }
    .hty-custom-hero h1 { font-size: 2.25rem; }
    .hty-custom-hero p { margin-top: 1.5rem; font-size: 0.8125rem; }
    .hty-custom-hero .hty-custom-button { width: 100%; min-width: 0; margin-top: 3.5rem; }
    .hty-custom-button { min-height: 3rem; padding: 0.625rem 1rem; font-size: 0.75rem; }
    .hty-custom-stats { grid-template-columns: 1fr; margin-top: 3rem; }
    .hty-custom-stat,
    .hty-custom-stat-wide,
    .hty-custom-stat:last-child { min-height: 9rem; grid-column: 1; }
    .hty-custom-stat strong,
    .hty-custom-stat-wide strong { font-size: 3.125rem; }
    .hty-custom-stat span { margin-top: 0.75rem; font-size: 0.625rem; }
    .hty-custom-stat span::after { margin-top: 1rem; }
    .hty-custom-overview { gap: 0; padding: 1rem; }
    .hty-custom-overview-visual { min-height: 26rem; }
    .hty-custom-overview-visual img { top: -4rem; width: 29rem; height: 37rem; }
    .hty-custom-overview-copy { padding: 1rem 0 0; }
    .hty-custom-overview h2,
    .hty-custom-section-heading h2 { font-size: 1.875rem; }
    .hty-custom-overview-copy > p,
    .hty-custom-section-heading p { margin-top: 1rem; font-size: 0.8125rem; }
    .hty-custom-overview-choices { grid-template-columns: 1fr; margin-top: 2rem; }
    .hty-custom-overview-copy > .hty-custom-button { width: 100%; margin-top: 2rem; }
    .hty-custom-section { padding-top: 3rem; }
    .hty-custom-section + .hty-custom-section { margin-top: 1rem; }
    .hty-custom-section-heading { margin-bottom: 2rem; }
    .hty-custom-hardware-map { grid-template-columns: 1fr; gap: 1rem; padding: 0; }
    .hty-custom-hardware-core { grid-column: 1; min-height: 35rem; }
    .hty-custom-hardware-card,
    .hty-custom-hardware-04,
    .hty-custom-hardware-05,
    .hty-custom-hardware-06 { grid-template-columns: 6.5rem minmax(0, 1fr); padding: 0.875rem; }
    .hty-custom-hardware-card > img { width: 6.5rem; height: 8rem; }
    .hty-custom-hardware-core h3 { font-size: 1.625rem; }
    .hty-custom-section-button { width: 100%; min-width: 0; margin-top: 1.5rem; }
    .hty-custom-software-grid { grid-template-columns: 1fr; gap: 1rem; }
    .hty-custom-software-grid article { min-height: 16rem; }
    .hty-custom-why { padding-top: 15rem; border-radius: 1.25rem; }
    .hty-custom-why-mark { top: 4.75rem; }
    .hty-custom-why-mark span { font-size: 3rem; }
    .hty-custom-why-mark strong { margin-left: 1rem; font-size: 6rem; }
    .hty-custom-why-list article { grid-template-columns: 2.5rem minmax(0, 1fr); gap: 0.875rem; border-radius: 1rem; }
    .hty-custom-why-list b { width: 2.5rem; height: 2.5rem; }
    .hty-custom-why-list h3 { font-size: 1.125rem; }
    .hty-custom-process-grid { grid-template-columns: 1fr; gap: 1rem; padding: 0; }
    .hty-custom-process-card { min-height: 23rem; }
    .hty-custom-manufacturing { grid-column: 1; min-height: 36rem; }
    .hty-custom-manufacturing::after { background: linear-gradient(180deg, rgba(6, 4, 12, 0.62), rgba(6, 4, 12, 0.96)); }
    .hty-custom-manufacturing > div { width: 100%; padding: 3rem 1.25rem 1.5rem; }
    .hty-custom-manufacturing h3 { font-size: 2rem; }
    .hty-custom-manufacturing dl { grid-template-columns: 1fr; }
    .hty-custom-manufacturing > strong { top: auto; right: 1rem; bottom: 5rem; font-size: 7rem; }
    .hty-custom-manufacturing > b { right: 1rem; bottom: 1rem; left: 1rem; min-width: 0; }
    .hty-custom-process-button { width: 100%; margin-top: 2rem; }
    .hty-custom-product-grid { grid-template-columns: 1fr; gap: 1rem; padding: 0; }
    .hty-custom-product-grid article { min-height: 32rem; }
    .hty-custom-product-grid article > div { height: 19rem; }
    .hty-custom-final-cta { min-height: 24rem; margin-top: 2rem; margin-bottom: 3rem; padding: 2rem 1.25rem; border-radius: 1.25rem; }
    .hty-custom-final-cta h2 { font-size: 1.625rem; }
    .hty-custom-final-cta > a { min-width: 0; }
}

/* hty-detail-page */
.hty-detail-page {
    --hty-detail-border: #5f347e;
    --hty-detail-panel: #12091f;
    --hty-detail-muted: #bdafcb;
    --hty-detail-pink: #f044b9;
    --hty-detail-violet: #7550ff;
    --hty-detail-cyan: #39d9ff;
    background: #07020e;
}

.hty-detail-page main {
    padding-bottom: 7.5rem;
    background: radial-gradient(circle at 18% 54%, rgba(240, 68, 185, 0.055), transparent 23rem), radial-gradient(circle at 84% 72%, rgba(57, 217, 255, 0.045), transparent 25rem), #07020e;
}

.hty-detail-hero {
    position: relative;
    display: grid;
    place-items: center;
    width: min(calc(100% - 5rem), 85rem);
    min-height: 34.375rem;
    margin: 1.625rem auto 7.25rem;
    overflow: hidden;
    border: 0.0625rem solid rgba(116, 64, 138, 0.75);
    border-radius: 1.5rem;
    background: url('../images/customization-hero-bg.webp') center / cover no-repeat;
    isolation: isolate;
}

.hty-detail-hero::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    background: linear-gradient(100deg, rgba(7, 2, 14, 0.48), rgba(31, 8, 47, 0.54));
    content: "";
}

.hty-detail-hero-copy {
    width: min(100% - 3rem, 58rem);
    padding: 3rem 0;
    text-align: center;
}

.hty-detail-hero h1 {
    color: #fff;
    font-size: 3.125rem;
    font-weight: 900;
    line-height: 1.12;
}

.hty-detail-hero-copy > p {
    width: min(100%, 48rem);
    margin: 1.5rem auto 0;
    color: #c8bad8;
    font-size: 1rem;
    line-height: 1.65;
}

.hty-detail-hero-actions {
    display: flex;
    justify-content: center;
    gap: 1.25rem;
    margin-top: 2.25rem;
}

.hty-detail-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 12.5rem;
    min-height: 3.375rem;
    padding: 0.75rem 1.5rem;
    border: 0.0625rem solid transparent;
    border-radius: 1rem;
    color: #fff;
    font-size: 0.9375rem;
    font-weight: 800;
    line-height: 1.2;
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.hty-detail-button span { margin-left: 0.75rem; font-size: 1.125rem; }
.hty-detail-button-primary { background: linear-gradient(90deg, var(--hty-detail-pink), var(--hty-detail-violet)); box-shadow: 0 0.75rem 2rem rgba(143, 48, 242, 0.3); }
.hty-detail-button-secondary { border-color: #8b5aa6; background: rgba(20, 11, 36, 0.82); }
.hty-detail-button:hover { transform: translateY(-0.125rem); border-color: rgba(255, 255, 255, 0.5); }

.hty-detail-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.125rem;
    width: min(100%, 35rem);
    margin: 1.75rem auto 0;
}

.hty-detail-stats article {
    display: flex;
    min-height: 4.75rem;
    flex-direction: column;
    justify-content: center;
    padding: 0.625rem 1rem;
    border: 0.0625rem solid #472a60;
    border-radius: 1rem;
    background: rgba(18, 9, 31, 0.9);
    text-align: left;
}

.hty-detail-stats strong { color: #fff; font-size: 1.125rem; line-height: 1.2; }
.hty-detail-stats article:first-child strong { color: var(--hty-detail-cyan); }
.hty-detail-stats span { margin-top: 0.5rem; color: #8d7b9c; font-size: 0.625rem; font-weight: 800; line-height: 1.2; }

.hty-detail-overview,
.hty-detail-applications {
    width: min(calc(100% - 4rem), 77.5rem);
    margin: 0 auto;
}

.hty-detail-section-heading h2 { color: #fff; font-size: 2.375rem; font-weight: 900; line-height: 1.2; }
.hty-detail-section-heading p { margin-top: 0.75rem; color: var(--hty-detail-muted); font-size: 1rem; line-height: 1.55; }

.hty-detail-overview-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(25rem, 1fr);
    gap: 2.25rem;
    margin-top: 4.5rem;
}

.hty-detail-gallery,
.hty-detail-spec-panel {
    min-height: 36.25rem;
    border: 0.0625rem solid var(--hty-detail-border);
    border-radius: 1.5rem;
    background: var(--hty-detail-panel);
}

.hty-detail-gallery { padding: 1.8125rem; }

.hty-detail-gallery-stage {
    position: relative;
    display: grid;
    height: 26.875rem;
    place-items: center;
    overflow: hidden;
    border-radius: 1.125rem;
    background: #10081c;
}

.hty-detail-gallery-main { display: block; width: 100%; height: 100%; object-fit: contain; transition: opacity 0.18s ease, transform 0.35s ease; }
.hty-detail-gallery.is-changing .hty-detail-gallery-main { opacity: 0.25; transform: scale(0.985); }

.hty-detail-gallery-play {
    position: absolute;
    top: 50%;
    left: 50%;
    display: grid;
    width: 5.25rem;
    height: 5.25rem;
    place-items: center;
    border: 0.125rem solid rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    background: rgba(123, 75, 255, 0.24);
    box-shadow: 0 0 0 1.25rem rgba(240, 68, 185, 0.08), 0 0 3rem rgba(122, 75, 255, 0.42);
    cursor: pointer;
    transform: translate(-50%, -50%);
    transition: opacity 0.2s ease, transform 0.2s ease, background 0.2s ease;
}

.hty-detail-gallery-play:hover { background: rgba(240, 68, 185, 0.42); transform: translate(-50%, -50%) scale(1.05); }
.hty-detail-gallery-play[hidden] { display: none; }

.hty-detail-gallery-play span {
    width: 0;
    height: 0;
    margin-left: 0.375rem;
    border-top: 0.75rem solid transparent;
    border-bottom: 0.75rem solid transparent;
    border-left: 1.125rem solid #fff;
}

.hty-detail-gallery-play[aria-pressed="true"] span { width: 1.125rem; height: 1.375rem; margin-left: 0; border: 0; background: linear-gradient(90deg, #fff 0 36%, transparent 36% 64%, #fff 64% 100%); }

.hty-detail-gallery-thumbs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.125rem; margin-top: 1.375rem; }
.hty-detail-gallery-thumbs button { height: 4.5rem; overflow: hidden; border: 0.0625rem solid #4a2c62; border-radius: 0.75rem; background: #0d0717; cursor: pointer; transition: border-color 0.2s ease, transform 0.2s ease; }
.hty-detail-gallery-thumbs button:hover { transform: translateY(-0.125rem); }
.hty-detail-gallery-thumbs button.active { border: 0.125rem solid var(--hty-detail-pink); }
.hty-detail-gallery-thumbs img { display: block; width: 100%; height: 100%; object-fit: contain; }

.hty-detail-spec-panel { display: flex; flex-direction: column; padding: 2.25rem 2rem 1.75rem; background: #0f081a; }
.hty-detail-spec-panel h2 { color: #fff; font-size: 1.875rem; font-weight: 900; line-height: 1.2; }
.hty-detail-spec-panel dl { margin-top: 2.125rem; }
.hty-detail-spec-panel dl > div { display: grid; grid-template-columns: 9.5rem minmax(0, 1fr); gap: 1rem; align-items: center; min-height: 4.25rem; border-bottom: 0.0625rem solid #33203f; }
.hty-detail-spec-panel dt { color: #8d7b9c; font-size: 0.75rem; font-weight: 800; line-height: 1.3; text-transform: uppercase; }
.hty-detail-spec-panel dd { color: #fff; font-size: 0.875rem; font-weight: 800; line-height: 1.35; }

.hty-detail-spec-panel > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.875rem;
    margin-top: auto;
    border-radius: 0.875rem;
    background: linear-gradient(90deg, #f044b9, #6656ff);
    color: #fff;
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hty-detail-spec-panel > a:hover { transform: translateY(-0.125rem); box-shadow: 0 0.75rem 1.75rem rgba(102, 86, 255, 0.25); }

/* Rich-text content is intentionally styled through this single parent scope. */
.hty-detail-richtext {
    width: min(calc(100% - 4rem), 77.5rem);
    margin: 5.5rem auto 0;
    padding: 2.5rem 2.25rem;
    border: 0.0625rem solid rgba(95, 52, 126, 0.72);
    border-radius: 1.5rem;
    background: rgba(8, 3, 15, 0.7);
    color: var(--hty-detail-muted);
    font-size: 0.9375rem;
    line-height: 1.75;
}

.hty-detail-richtext h2,
.hty-detail-richtext h3 { color: #fff; font-weight: 900; line-height: 1.25; }
.hty-detail-richtext h2 { margin-bottom: 1.25rem; font-size: 2rem; }
.hty-detail-richtext h3 { margin: 2.25rem 0 0.875rem; font-size: 1.375rem; }
.hty-detail-richtext p + p { margin-top: 1rem; }
.hty-detail-richtext hr { height: 0.0625rem; margin: 1.75rem 0 0; border: 0; background: #2e1a3b; }
.hty-detail-richtext ul { display: grid; gap: 1.5rem; margin-top: 1.25rem; }
.hty-detail-richtext li { position: relative; padding-left: 1.5rem; }

.hty-detail-richtext li::before {
    position: absolute;
    top: 0.68rem;
    left: 0;
    width: 0.4375rem;
    height: 0.4375rem;
    border-radius: 50%;
    background: var(--hty-detail-pink);
    box-shadow: 0 0 0.75rem rgba(240, 68, 185, 0.5);
    content: "";
}

.hty-detail-richtext li strong,
.hty-detail-richtext li span { display: block; }
.hty-detail-richtext li strong { color: #fff; }
.hty-detail-richtext table { width: 100%; margin-top: 1.125rem; border-collapse: collapse; }
.hty-detail-richtext th,
.hty-detail-richtext td { padding: 0.625rem 0; border-bottom: 0.0625rem solid #2e1a3b; text-align: left; vertical-align: top; }
.hty-detail-richtext th { width: 28%; color: #8d7b9c; font-size: 0.75rem; text-transform: uppercase; }
.hty-detail-richtext td { color: #fff; font-weight: 700; }

.hty-detail-creations {
    position: relative;
    width: min(calc(100% - 2.5rem), 85rem);
    margin: 5.5rem auto 0;
    padding: 4rem 2.75rem 5.5rem;
    overflow: hidden;
    border-radius: 0.5rem;
    background: radial-gradient(circle at 83% 8%, rgba(85, 41, 145, 0.35), transparent 25rem), linear-gradient(120deg, #080311, #0d0518 55%, #090313);
}

.hty-detail-creations-heading { display: flex; min-height: 10rem; align-items: flex-start; justify-content: space-between; }
.hty-detail-creations-heading h2 { color: #fff; font-size: 2.625rem; font-weight: 900; line-height: 1.12; }
.hty-detail-creations-heading h2 span { color: var(--hty-detail-pink); }
.hty-detail-creations-heading p { margin-top: 1.25rem; color: var(--hty-detail-muted); font-size: 0.9375rem; line-height: 1.5; }
.hty-detail-creations-heading > img { display: block; width: 19.5rem; height: 11.5rem; margin: -1rem 7rem 0 0; object-fit: contain; }
.hty-detail-creations-swiper { overflow: hidden; margin-top: 1rem; }

.hty-detail-creation-card {
    position: relative;
    height: 26.875rem;
    overflow: hidden;
    border: 0.0625rem solid rgba(162, 99, 255, 0.7);
    border-radius: 1.25rem;
    background: #160b24;
}

.hty-detail-creation-card::after { position: absolute; inset: 35% 0 0; background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.94)); pointer-events: none; content: ""; }
.hty-detail-creation-card img { display: block; width: 100%; height: 100%; object-fit: cover; }
.hty-detail-creation-card span,
.hty-detail-creation-card h3,
.hty-detail-creation-card p,
.hty-detail-creation-card b { position: absolute; z-index: 1; }
.hty-detail-creation-card span { top: 1rem; left: 1rem; color: #fff; font-size: 0.625rem; font-weight: 800; text-transform: uppercase; }
.hty-detail-creation-card span::before { margin-right: 0.375rem; color: var(--hty-detail-pink); content: "\2605"; }
.hty-detail-creation-card h3 { right: 1.25rem; bottom: 3.5rem; left: 1.25rem; color: #fff; font-size: 1.625rem; line-height: 1.2; }
.hty-detail-creation-card p { right: 1.25rem; bottom: 1.5rem; left: 1.25rem; color: #c8bad8; font-size: 0.75rem; }

.hty-detail-creation-card b {
    right: 1.25rem;
    bottom: 1.25rem;
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border: 0.0625rem solid rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    color: #fff;
    font-size: 0.875rem;
}

.hty-detail-creations-next {
    position: absolute;
    z-index: 3;
    top: 5.75rem;
    right: 3rem;
    display: grid;
    width: 3rem;
    height: 3rem;
    place-items: center;
    border: 0.0625rem solid #8a55ce;
    border-radius: 50%;
    background: #12091f;
    color: #fff;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
}

.hty-detail-creations-pagination { position: absolute; z-index: 2; right: 0; bottom: 1.75rem; left: 0; display: flex; justify-content: center; }
.hty-detail-creations-pagination .swiper-pagination-bullet { width: 2.75rem; height: 0.25rem; margin: 0 0.25rem; border-radius: 0.1875rem; background: #3a2854; opacity: 1; }
.hty-detail-creations-pagination .swiper-pagination-bullet-active { background: linear-gradient(90deg, #f044b9, #7a4bff); }

.hty-detail-applications { margin-top: 4.5rem; }
.hty-detail-applications-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2rem; margin-top: 4rem; }
.hty-detail-applications-grid article { padding: 1rem 1rem 1.375rem; overflow: hidden; border: 0.0625rem solid #4e315e; border-radius: 1.5rem; background: var(--hty-detail-panel); }
.hty-detail-applications-grid img { display: block; width: 100%; aspect-ratio: 1.56 / 1; border-radius: 1.125rem; object-fit: cover; }
.hty-detail-applications-grid h3 { margin-top: 1.25rem; color: #fff; font-size: 1.25rem; line-height: 1.25; }
.hty-detail-applications-grid p { min-height: 3rem; margin-top: 0.75rem; color: var(--hty-detail-muted); font-size: 0.8125rem; line-height: 1.5; }
.hty-detail-applications-grid a { display: inline-flex; margin-top: 0.875rem; color: var(--hty-detail-cyan); font-size: 0.75rem; font-weight: 800; }
.hty-detail-applications-grid a span { margin-left: 0.375rem; }

@media (max-width: 75rem) {
    .hty-detail-overview-grid { grid-template-columns: minmax(0, 1.2fr) minmax(22rem, 1fr); gap: 1.5rem; }
    .hty-detail-spec-panel dl > div { grid-template-columns: 8rem minmax(0, 1fr); }
    .hty-detail-creations-heading > img { margin-right: 5rem; }
}

@media (max-width: 62rem) {
    .hty-detail-page main { padding-bottom: 5rem; }
    .hty-detail-hero { width: min(calc(100% - 2.5rem), 85rem); margin-bottom: 5rem; }
    .hty-detail-overview,
    .hty-detail-richtext,
    .hty-detail-applications { width: min(calc(100% - 2.5rem), 77.5rem); }
    .hty-detail-overview-grid { grid-template-columns: 1fr; margin-top: 3rem; }
    .hty-detail-gallery,
    .hty-detail-spec-panel { min-height: 0; }
    .hty-detail-spec-panel > a { margin-top: 1.75rem; }
    .hty-detail-creations-heading > img { width: 16rem; margin-right: 4rem; }
    .hty-detail-applications-grid { gap: 1rem; }
}

@media (max-width: 48rem) {
    .hty-detail-hero { min-height: 37rem; margin-top: 1rem; border-radius: 1.125rem; }
    .hty-detail-hero-copy { padding: 2.5rem 0; }
    .hty-detail-hero h1 { font-size: 2.5rem; }
    .hty-detail-hero-actions { align-items: stretch; flex-direction: column; gap: 0.75rem; width: min(100%, 20rem); margin-right: auto; margin-left: auto; }
    .hty-detail-stats { gap: 0.5rem; }
    .hty-detail-stats article { min-height: 4.25rem; padding: 0.5rem 0.625rem; }
    .hty-detail-stats strong { font-size: 0.875rem; }
    .hty-detail-stats span { font-size: 0.5rem; }
    .hty-detail-section-heading h2 { font-size: 2rem; }
    .hty-detail-gallery { padding: 1rem; border-radius: 1rem; }
    .hty-detail-gallery-stage { height: 22rem; }
    .hty-detail-gallery-play { width: 4.5rem; height: 4.5rem; }
    .hty-detail-gallery-thumbs { gap: 0.5rem; margin-top: 0.875rem; }
    .hty-detail-gallery-thumbs button { height: 4rem; }
    .hty-detail-spec-panel { padding: 1.5rem 1.25rem; border-radius: 1rem; }
    .hty-detail-spec-panel h2 { font-size: 1.625rem; }
    .hty-detail-spec-panel dl > div { grid-template-columns: 1fr; gap: 0.35rem; padding: 0.875rem 0; }
    .hty-detail-richtext { margin-top: 4rem; padding: 1.5rem 1.25rem; border-radius: 1rem; }
    .hty-detail-richtext h2 { font-size: 1.75rem; }
    .hty-detail-richtext h3 { font-size: 1.25rem; }
    .hty-detail-richtext table { display: block; overflow-x: auto; }
    .hty-detail-richtext th { min-width: 9rem; }
    .hty-detail-creations { width: calc(100% - 1.25rem); margin-top: 4rem; padding: 2.5rem 1.25rem 4.5rem; }
    .hty-detail-creations-heading { display: block; min-height: 0; }
    .hty-detail-creations-heading h2 { font-size: 2rem; }
    .hty-detail-creations-heading > img { width: 13rem; height: 7rem; margin: 1rem 0 0 auto; }
    .hty-detail-creations-next { top: 2.5rem; right: 1.25rem; }
    .hty-detail-creation-card { height: 24rem; }
    .hty-detail-applications { margin-top: 4rem; }
    .hty-detail-applications-grid { grid-template-columns: 1fr; margin-top: 2.5rem; }
    .hty-detail-applications-grid p { min-height: 0; }
}

@media (max-width: 30rem) {
    .hty-detail-hero,
    .hty-detail-overview,
    .hty-detail-richtext,
    .hty-detail-applications { width: calc(100% - 1.5rem); }
    .hty-detail-hero-copy { width: calc(100% - 2rem); }
    .hty-detail-hero h1 { font-size: 2rem; }
    .hty-detail-hero-copy > p { font-size: 0.875rem; }
    .hty-detail-gallery-stage { height: 18rem; }
    .hty-detail-gallery-thumbs button { height: 3.25rem; }
}

/* Product detail gallery correction and FAQ */
.hty-detail-gallery-stage {
    padding: 0.5rem;
}

.hty-detail-gallery-main {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.hty-detail-faq {
    width: min(calc(100% - 4rem), 77.5rem);
    margin: 6rem auto 0;
}

.hty-detail-faq-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.72fr) minmax(22rem, 1fr);
    gap: 1.875rem;
    margin-top: 4.5rem;
}

.hty-detail-faq-list,
.hty-detail-faq-support {
    min-height: 37.5rem;
    border: 0.0625rem solid var(--hty-detail-border);
    border-radius: 1.5rem;
    background: var(--hty-detail-panel);
}

.hty-detail-faq-list {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    padding: 1.5rem 1.25rem;
}

.hty-detail-faq-item {
    overflow: hidden;
    border: 0.0625rem solid #382446;
    border-radius: 1rem;
    background: #100819;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.hty-detail-faq-item.active {
    border-color: #8a4ead;
    background: #1b0e2b;
}

.hty-detail-faq-item h3 {
    font-size: 1rem;
    line-height: 1.3;
}

.hty-detail-faq-item button {
    display: grid;
    width: 100%;
    min-height: 5.375rem;
    grid-template-columns: 2.75rem minmax(0, 1fr);
    gap: 1.25rem;
    align-items: center;
    padding: 1rem 1.125rem;
    background: transparent;
    color: #ffffff;
    font-weight: 900;
    text-align: left;
    cursor: pointer;
}

.hty-detail-faq-item button span {
    display: grid;
    width: 2.75rem;
    height: 2.75rem;
    place-items: center;
    border-radius: 0.875rem;
    background: linear-gradient(90deg, #4bafff, #7a4bff);
    color: #ffffff;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1;
}

.hty-detail-faq-item.active button {
    min-height: 4.25rem;
    padding-bottom: 0.25rem;
}

.hty-detail-faq-item.active button span {
    background: linear-gradient(90deg, var(--hty-detail-pink), var(--hty-detail-violet));
}

.hty-detail-faq-answer {
    margin: -0.125rem 1.5rem 1.25rem 5.125rem;
    color: var(--hty-detail-muted);
    font-size: 0.8125rem;
    line-height: 1.5;
}

.hty-detail-faq-answer[hidden] {
    display: none;
}

.hty-detail-faq-support {
    display: flex;
    flex-direction: column;
    padding: 1.875rem;
    background: linear-gradient(100deg, #1a0d2b, #0f071a);
    box-shadow: 0 0.625rem 1.875rem rgba(128, 46, 229, 0.26);
}

.hty-detail-faq-support h2 {
    width: min(100%, 22.5rem);
    color: #ffffff;
    font-size: 1.875rem;
    font-weight: 900;
    line-height: 1.25;
}

.hty-detail-faq-support > p {
    width: min(100%, 22.5rem);
    margin-top: 1rem;
    color: var(--hty-detail-muted);
    font-size: 0.9375rem;
    line-height: 1.5;
}

.hty-detail-faq-support ul {
    display: grid;
    gap: 1.25rem;
    margin-top: auto;
    margin-bottom: 3rem;
}

.hty-detail-faq-support li {
    display: grid;
    grid-template-columns: 1.625rem minmax(0, 1fr);
    gap: 0.875rem;
    align-items: center;
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 800;
    line-height: 1.35;
}

.hty-detail-faq-support li::before {
    display: grid;
    width: 1.625rem;
    height: 1.625rem;
    place-items: center;
    border-radius: 50%;
    background: linear-gradient(90deg, var(--hty-detail-pink), var(--hty-detail-violet));
    color: #ffffff;
    font-size: 0.75rem;
    content: "\2713";
}

.hty-detail-faq-support > a {
    display: inline-flex;
    min-height: 3.25rem;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background: linear-gradient(90deg, var(--hty-detail-pink), var(--hty-detail-violet));
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hty-detail-faq-support > a:hover {
    transform: translateY(-0.125rem);
    box-shadow: 0 0.75rem 1.75rem rgba(122, 75, 255, 0.26);
}

.hty-detail-faq-support > a span {
    margin-left: 0.75rem;
}

@media (max-width: 62rem) {
    .hty-detail-faq {
        width: min(calc(100% - 2.5rem), 77.5rem);
        margin-top: 5rem;
    }

    .hty-detail-faq-grid {
        grid-template-columns: 1fr;
        margin-top: 3rem;
    }

    .hty-detail-faq-list,
    .hty-detail-faq-support {
        min-height: 0;
    }

    .hty-detail-faq-support ul {
        margin-top: 2.5rem;
    }
}

@media (max-width: 48rem) {
    .hty-detail-faq-list {
        gap: 0.75rem;
        padding: 0.875rem;
        border-radius: 1rem;
    }

    .hty-detail-faq-item button {
        min-height: 4.75rem;
        grid-template-columns: 2.5rem minmax(0, 1fr);
        gap: 0.875rem;
        padding: 0.75rem;
        font-size: 0.875rem;
    }

    .hty-detail-faq-item button span {
        width: 2.5rem;
        height: 2.5rem;
    }

    .hty-detail-faq-answer {
        margin: 0 1rem 1rem 4.125rem;
        font-size: 0.75rem;
    }

    .hty-detail-faq-support {
        padding: 1.5rem 1.25rem;
        border-radius: 1rem;
    }

    .hty-detail-faq-support h2 {
        font-size: 1.625rem;
    }
}

@media (max-width: 30rem) {
    .hty-detail-faq {
        width: calc(100% - 1.5rem);
    }
}

/* Shared desktop frame: keep every page aligned to the same Figma-based edges. */
@media (min-width: 62.0625rem) {
    :root {
        --hty-site-frame: min(calc(100% - 8.875rem), 105rem);
    }

    .hty-index-header-inner,
    .hty-index-products-inner,
    .hty-index-products-tabs,
    .hty-index-entry-inner,
    .hty-index-customization-inner,
    .hty-index-metrics-inner,
    .hty-index-certifications-inner,
    .hty-index-applications-inner,
    .hty-index-quote-inner,
    .hty-index-footer-inner,
    .hty-products-hero-inner,
    .hty-products-categories-inner,
    .hty-cotton-hero,
    .hty-cotton-models,
    .hty-cotton-benefits,
    .hty-cotton-customization,
    .hty-blog-articles-inner,
    .hty-blog-detail,
    .hty-about-who-inner,
    .hty-about-certifications-inner,
    .hty-about-capabilities-inner,
    .hty-about-factory-inner,
    .hty-about-service-inner,
    .hty-about-cta,
    .hty-applications-hero-inner,
    .hty-applications-section-inner,
    .hty-applications-value,
    .hty-applications-cta,
    .hty-custom-shell,
    .hty-custom-hero,
    .hty-custom-stats,
    .hty-detail-hero,
    .hty-detail-overview,
    .hty-detail-applications,
    .hty-detail-richtext,
    .hty-detail-creations,
    .hty-detail-faq {
        width: var(--hty-site-frame);
    }

    .hty-index-products-heading {
        margin-left: 0;
    }
}

@media (min-width: 90rem) {
    .hty-index-about {
        min-height: 46rem;
    }

    .hty-index-about-inner {
        width: min(calc(100% - 8.875rem), 81.125rem);
        height: 46rem;
        grid-template-columns: 36rem 40.625rem;
        gap: 5.5rem;
        padding: 3.8125rem 0 0;
    }

    .hty-index-about-visual {
        min-height: 36.375rem;
    }

    .hty-index-about-panel {
        width: 31.25rem;
        height: 31.25rem;
    }

    .hty-index-about-panel-back {
        top: 1.625rem;
    }

    .hty-index-about-panel-middle {
        top: 3.375rem;
        left: 2.25rem;
    }

    .hty-index-about-panel-front {
        top: 5.125rem;
        left: 4.5rem;
    }

    .hty-index-about-content {
        width: 40.625rem;
    }

    .hty-index-about-certifications ul {
        grid-template-columns: repeat(4, 7rem);
    }
}

@media (min-width: 62.0625rem) and (max-width: 75rem) {
    .hty-index-header-nav {
        gap: 1rem;
    }

    .hty-index-header-nav a {
        font-size: 0.875rem;
    }

    .hty-index-header-contact {
        min-width: 9rem;
        margin-left: 1.5rem;
    }
}