/* ==========================================================================
   메인: 쇼핑몰(noeul.shop) 메인에서 옮겨 온 구역 — 2026-11-04 사장님 요청
   (3000+ 기업과 함께한 비투비티 · 비투비티의 유통 시스템 · 비투비티는 전부 제작 가능합니다! · PROCESS 단체복 제작 프로세스 · 수상)
   쇼핑몰 화면과 똑같이 보이도록 쇼핑몰 nds.css·nds-v3.css·index.php 스타일 중 이 구역에 실제로 걸리는 규칙만 자동으로 뽑아 옮겼다.
   모든 선택자는 .nsx(이 구역을 감싼 div) 안으로 한정해서 헤더·히어로·카드·유튜브·푸터에는 영향이 없다.
   크기 단위는 쇼핑몰 원본 그대로(rem, 1rem = 16px).
   ========================================================================== */
/* 회사 사이트 기본값(main.css img·video·a)이 쇼핑몰과 달라 이 구역 안에서만 되돌린다. 아래 쇼핑몰 규칙이 다시 정한다 */
:where(.nsx) img,:where(.nsx) video{max-width:revert;display:revert}
:where(.nsx) a{color:revert;text-decoration:revert}
/* 쇼핑몰 메인에서 옮긴 구역 전용 스타일 — tools: extract_css.py 로 자동 추출(395개 규칙). 범위: .nsx */
.nsx{font-family:"Pretendard Variable", Pretendard, -apple-system, "system-ui", "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", sans-serif;font-size:16px;font-weight:400;line-height:normal;color:rgb(43, 47, 54);letter-spacing:normal;word-break:keep-all;overflow-wrap:anywhere;text-rendering:auto;-webkit-font-smoothing:antialiased;font-feature-settings:normal;font-variant-numeric:normal}
.nsx{--nds-ink:#15181d;--nds-text:#2b2f36;--nds-sub:#626872;--nds-mute:#8a9099;--nds-line:#e3e5e9;--nds-line-strong:#cdd1d7;--nds-surface:#f4f5f7;--nds-surface-2:#eceef1;--nds-white:#ffffff;--nds-red:#ff0019;--nds-red-strong:#d10019;--nds-red-ink:#c40018;--nds-red-soft:#fff1f2;--nds-dark:#17191d;--nds-dark-2:#23262c;--nds-font:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", sans-serif;--nds-fs-display:3.5rem;--nds-fs-xl:2.75rem;--nds-fs-l:2rem;--nds-fs-m:1.5rem;--nds-fs-s:1.1875rem;--nds-fs-body:1rem;--nds-fs-sm:0.875rem;--nds-fs-xs:0.8125rem;--nds-container:95rem;--nds-gutter:1.5rem;--nds-side:2.5rem;--nds-section:7rem;--nds-section-head:2.5rem;--nds-radius-s:0.25rem;--nds-radius:0.5rem;--nds-radius-l:0.75rem;--nds-header-h:5.5rem;--nds-bar-h:2.5rem;--nds-ease:cubic-bezier(.2, .7, .2, 1)}
@media (min-width: 1900px){.nsx{--nds-container:min(calc(100vw - 10rem), 105rem)}}
@media (max-width: 1280px){.nsx{--nds-side:2rem}}
@media (max-width: 1024px){.nsx{--nds-side:1.5rem;--nds-section:5.5rem;--nds-fs-xl:2.25rem;--nds-fs-display:2.75rem}}
@media (max-width: 768px){.nsx{--nds-side:1.25rem;--nds-section:4rem;--nds-section-head:1.75rem;--nds-fs-display:2rem;--nds-fs-xl:1.75rem;--nds-fs-l:1.5rem;--nds-fs-m:1.25rem;--nds-fs-s:1.0625rem;--nds-header-h:3.75rem}}
.nsx{--nds-page-inset:0rem}
@media (min-width: 1025px){.nsx{--nds-page-inset:1.5rem}}
@media (min-width: 1281px){.nsx{--nds-page-inset:2.5rem}}
.nsx{--nds-fs-xl:3.25rem}
@media (max-width: 1024px){.nsx{--nds-fs-xl:2.5rem}}
@media (max-width: 768px){.nsx{--nds-fs-xl:1.875rem}}
.nsx{--nq-bar-h:3.75rem}
@media (min-width: 769px){.nsx{--nh-row-h:5.5rem;--nh-nav-h:3.5rem;--nds-header-h:calc(var(--nh-row-h) + var(--nh-nav-h) + 0.125rem)}}
@media (min-width: 769px){.nsx{--nh-nav-h:4rem}}
@media (min-width: 769px){.nsx{--nds-header-h:calc(var(--nds-bar-h) + var(--nh-row-h) + var(--nh-nav-h) + 0.125rem)}}
@media (max-width: 768px){.nsx{--m-side:1.25rem;--m-head-top:1.5rem;--m-sec:2rem;--m-band:2.5rem;--m-block:1.5rem;--m-block-end:2rem;--m-el:1rem;--m-tight:0.5rem;--m-micro:0.25rem;--m-tap:2.75rem;--m-btn:3.25rem;--m-btn-2:3rem;--m-input:3rem;--m-tab:3rem;--m-chip:2.5rem;--m-bottom:calc(var(--nq-bar-h) + env(safe-area-inset-bottom, 0rem));--nds-section:2rem;--nds-section-head:1.5rem;--nds-fs-l:1.75rem}}
.nsx{--nds-fs-display:5.5rem;--nds-fs-chapter:2.5rem;--nds-fs-lead:1.5rem;--nds-fs-text:1.0625rem;--nds-fs-meta:0.875rem;--nds-fs-figure:6rem;--nds-space-xl:10rem;--nds-space-l:7rem;--nds-space-m:4rem;--nds-swoosh:url("../img/nds-swoosh.svg")}
@media (max-width: 1024px){.nsx{--nds-fs-display:4rem;--nds-fs-figure:4.5rem;--nds-space-xl:7.5rem;--nds-space-l:5.5rem;--nds-space-m:3rem}}
@media (max-width: 768px){.nsx{--nds-fs-display:2.5rem;--nds-fs-chapter:1.5rem;--nds-fs-lead:1.1875rem;--nds-fs-text:0.9375rem;--nds-fs-meta:0.8125rem;--nds-fs-figure:3.25rem;--nds-space-xl:5.5rem;--nds-space-l:4rem;--nds-space-m:1.5rem}}
.nsx{--vn0_5:-0.5rem;--vn0_25:-0.25rem;--vn0_0625:-0.0625rem;--v0_1563:0.1563rem;--v0_25:0.25rem;--v0_3125:0.3125rem;--v0_375:0.375rem;--v0_4375:0.4375rem;--v0_5:0.5rem;--v0_625:0.625rem;--v0_75:0.75rem;--v0_875:0.875rem;--v1:1rem;--v1_125:1.125rem;--v1_25:1.25rem;--v1_375:1.375rem;--v1_5:1.5rem;--v1_75:1.75rem;--v1_875:1.875rem;--v2:2rem;--v2_25:2.25rem;--v2_5:2.5rem;--v2_875:2.875rem;--v3:3rem;--v3_25:3.25rem;--v3_5:3.5rem;--v3_625:3.625rem;--v3_75:3.75rem;--v5_625:5.625rem;--v7_5:7.5rem;--v8_75:8.75rem;--v56_25:56.25rem}
@media (max-width: 1440px){.nsx{--vn0_5:-0.7407vh;--vn0_25:-0.3704vh;--vn0_0625:-0.0926vh;--v0_1563:0.2316vh;--v0_25:0.3704vh;--v0_3125:0.463vh;--v0_375:0.5556vh;--v0_4375:0.6481vh;--v0_5:0.7407vh;--v0_625:0.9259vh;--v0_75:1.1111vh;--v0_875:1.2963vh;--v1:1.4815vh;--v1_125:1.6667vh;--v1_25:1.8519vh;--v1_375:2.037vh;--v1_5:2.2222vh;--v1_75:2.5926vh;--v1_875:2.7778vh;--v2:2.963vh;--v2_25:3.3333vh;--v2_5:3.7037vh;--v2_875:4.2593vh;--v3:4.4444vh;--v3_25:4.8148vh;--v3_5:5.1852vh;--v3_625:5.3704vh;--v3_75:5.5556vh;--v5_625:8.3333vh;--v7_5:11.1111vh;--v8_75:12.963vh;--v56_25:83.3333vh}}
.nsx{--nds-header-h:7.5rem}
@media (max-width: 768px){.nsx{--nds-header-h:3.75rem}}
@media (min-width: 769px) and (max-width: 1023.98px){.nsx{--nds-header-h:10.5rem}}
.nsx{font-family: var(--nds-font);}
.nsx{display: block; overflow-x: clip; color: var(--nds-text);}
.nsx{--home-gap: 4.5rem;}
@media (max-width: 1024px){.nsx{--home-gap: 3.75rem;}}
@media (max-width: 768px){.nsx{--home-gap: 2.75rem;}}
@media (max-width: 768px){.nsx{--home-gap: 2rem; --nds-section: 2rem; --nds-fs-text: 0.9375rem; --nds-fs-meta: 0.8125rem; --nds-fs-chapter: 1.5rem; --nds-space-m: 1.5rem;}}
:where(.nsx) .nds-container{width: 100%; max-width: calc(var(--nds-container) + var(--nds-side) * 2); margin: 0px auto; padding-left: var(--nds-side); padding-right: var(--nds-side); box-sizing: border-box;}
.nsx .nds-container{padding-left: calc(var(--nds-side) + var(--nds-page-inset)); padding-right: calc(var(--nds-side) + var(--nds-page-inset));}
.nsx :focus-visible{outline: 0.125rem solid var(--nds-red-strong); outline-offset: 0.125rem;}
:where(.nsx) .nds-section{padding-top: var(--nds-section); padding-bottom: var(--nds-section);}
:where(.nsx) .nds-section-head{display: flex; align-items: flex-end; justify-content: space-between; gap: 1.5rem; margin-bottom: var(--nds-section-head);}
:where(.nsx) .nds-section-head__text{min-width: 0px;}
:where(.nsx) .nds-section-title{margin: 0px; font-size: var(--nds-fs-xl); line-height: 1.15; font-weight: 800; letter-spacing: -0.01em; color: var(--nds-ink); text-transform: uppercase;}
:where(.nsx) .nds-section-title--ko{text-transform: none; letter-spacing: -0.03em;}
:where(.nsx) .nds-section-subtitle{margin: 0.75rem 0px 0px; font-size: var(--nds-fs-m); line-height: 1.4; font-weight: 700; letter-spacing: -0.02em; color: var(--nds-ink); text-wrap: balance;}
:where(.nsx) .nds-section-desc{margin: 0.75rem 0px 0px; max-width: 46em; font-size: var(--nds-fs-body); line-height: 1.7; color: var(--nds-sub);}
:where(.nsx) .nds-btn{display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; height: 3rem; padding: 0px 1.5rem; border-radius: var(--nds-radius-s); border: 0.0625rem solid transparent; font-family: inherit; font-size: var(--nds-fs-body); font-weight: 700; letter-spacing: -0.01em; text-decoration: none; cursor: pointer; white-space: nowrap; transition: background-color 0.15s, border-color 0.15s, color 0.15s; box-sizing: border-box;}
:where(.nsx) .nds-btn--primary{background: var(--nds-red-strong); color: rgb(255, 255, 255);}
:where(.nsx) .nds-btn--primary:hover{background: rgb(184, 0, 22);}
:where(.nsx) .nds-btn--dark{background: var(--nds-ink); color: rgb(255, 255, 255);}
:where(.nsx) .nds-btn--dark:hover{background: rgb(44, 48, 56);}
:where(.nsx) .nds-btn--lg{height: 3.5rem; padding: 0px 2rem; font-size: 1.0625rem;}
:where(.nsx) .nds-section-title{font-weight: 800; letter-spacing: -0.015em;}
:where(.nsx) .nds-section-subtitle{font-size: 1.375rem; font-weight: 600;}
@media (max-width: 768px){:where(.nsx) .nds-section-subtitle{font-size: 1.125rem;}}
:where(.nsx) .yt-thumb::after{content: none !important;}
@media (max-width: 768px){:where(.nsx) .nds-section-head{display: flex; flex-direction: row; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: var(--m-block); text-align: left;}}
@media (max-width: 768px){:where(.nsx) .nds-section-head__text{flex: 1 1 auto; min-width: 0px;}}
@media (max-width: 768px){:where(.nsx) .nds-section-title{font-size: 0.8125rem; font-weight: 600; line-height: 1.4; letter-spacing: 0px; text-transform: uppercase; color: var(--nds-sub);}}
@media (max-width: 768px){:where(.nsx) .nds-section-title--ko{font-size: 1.5rem; font-weight: 800; line-height: 1.3; letter-spacing: -0.03em; text-transform: none; color: var(--nds-ink);}}
@media (max-width: 768px){:where(.nsx) .nds-section-subtitle{margin-top: 0.25rem; font-size: 1.5rem; font-weight: 800; line-height: 1.3; letter-spacing: -0.03em; color: var(--nds-ink); text-wrap: balance;}}
@media (max-width: 768px){:where(.nsx) .nds-section-desc{margin-top: 0.5rem; font-size: 0.9375rem; font-weight: 400; line-height: 1.6; color: var(--nds-sub);}}
@media (max-width: 768px){:where(.nsx) .nds-btn{height: 3rem; font-size: 0.9375rem;}}
@media (max-width: 768px){:where(.nsx) .nds-btn--lg{height: 3.25rem; padding: 0px 1.5rem; font-size: 1rem;}}
:where(.nsx) img:not(.is-media-loaded),:where(.nsx) video:not(.is-media-loaded){background-color: rgb(228, 228, 228); background-image: linear-gradient(100deg, transparent 20%, rgba(255, 255, 255, 0.85) 50%, transparent 80%); background-size: 200% 100%; background-repeat: no-repeat; animation: 1.2s ease-in-out 0s infinite normal none running mediaShimmer;}
:where(.nsx) img.is-media-loaded{animation: auto ease 0s 1 normal none running none; background: none;}
:where(.nsx) *,:where(.nsx) ::before,:where(.nsx) ::after{box-sizing: border-box;}
.nsx img{max-width: 100%;}
:where(.nsx) :where(h1, h2, h3, h4, p){margin: 0px;}
.nsx .nds-section-head{flex-wrap: wrap;}
:where(.nsx) .home-arrows{display: flex; gap: 0.5rem; flex-shrink: 0;}
:where(.nsx) .home-arrow{width: 2.75rem; height: 2.75rem; display: inline-flex; align-items: center; justify-content: center; padding: 0px; border: 0.0625rem solid var(--nds-line-strong); border-radius: 50%; background: rgb(255, 255, 255); color: var(--nds-ink); font-size: 0.875rem; cursor: pointer; transition: border-color 0.15s;}
:where(.nsx) .home-arrow:hover{border-color: var(--nds-ink);}
:where(.nsx) .logo-mq-rows{display: flex; flex-direction: column; gap: 1.75rem;}
:where(.nsx) .logo-mq-row{position: relative; overflow: hidden; mask-image: linear-gradient(90deg, transparent 0px, rgb(0, 0, 0) 6%, rgb(0, 0, 0) 94%, transparent 100%);}
:where(.nsx) .logo-mq-track{display: flex; gap: 0.75rem; width: max-content; animation: 55s linear 0s infinite normal none running marquee;}
:where(.nsx) .logo-mq-track.r2,:where(.nsx) .logo-mq-track.r4{animation-name: marqueeRev;}
:where(.nsx) .logo-mq-item{display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 9.5rem; height: 4.5rem; overflow: hidden; border: 0px; border-radius: var(--nds-radius-s); background: rgb(255, 255, 255);}
:where(.nsx) .logo-mq-item img{display: block; width: 100%; height: 100%; object-fit: cover; object-position: center center;}
:where(.nsx) .logo-mq-item.ct img{object-fit: contain; padding: 0.5rem;}
:where(.nsx) .home-awards{display: grid; grid-template-columns: repeat(7, minmax(0px, 1fr)); gap: 1.5rem 1rem; margin-top: 4rem; padding-top: 3rem; border-top: 0.0625rem solid var(--nds-line-strong);}
:where(.nsx) .award-item{display: flex; flex-direction: column; align-items: center; gap: 0.875rem; min-width: 0px; text-align: center;}
:where(.nsx) .award-img{display: block; width: 7rem; height: 7rem; object-fit: contain;}
:where(.nsx) .award-title{font-size: var(--nds-fs-sm); line-height: 1.45; font-weight: 700; color: var(--nds-ink);}
:where(.nsx) .award-sub{margin-top: 0.25rem; font-size: var(--nds-fs-xs); color: var(--nds-sub);}
:where(.nsx) .quality-content{display: grid; grid-template-columns: repeat(12, minmax(0px, 1fr)); column-gap: var(--nds-gutter); row-gap: var(--nds-gutter);}
:where(.nsx) .quality-video-card{grid-column: span 7; display: flex; flex-direction: column; gap: 0.625rem; min-width: 0px;}
:where(.nsx) .quality-player{position: relative; flex: 1 1 auto; min-height: 0px;}
:where(.nsx) .quality-player::before{content: ""; display: block; padding-top: 56.25%;}
:where(.nsx) .qp-wrap{position: relative; width: 100%; overflow: hidden; background: rgb(0, 0, 0);}
:where(.nsx) .qp-wrap video{display: block; width: 100%; height: 100%; object-fit: cover;}
:where(.nsx) .quality-player .qp-wrap{position: absolute; inset: 0px; border-radius: var(--nds-radius);}
:where(.nsx) .qp-controls{position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 2; display: flex; align-items: center; gap: 0.5rem; padding: 0.5rem 0.625rem; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);}
:where(.nsx) .qp-btn{flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 2.75rem; height: 2.75rem; padding: 0px; border: 0px; border-radius: 50%; background: transparent; color: rgb(255, 255, 255); font-size: 0.9375rem; cursor: pointer;}
:where(.nsx) .qp-btn:hover{background: rgba(255, 255, 255, 0.16);}
:where(.nsx) .qp-btn:focus-visible{outline: rgb(255, 255, 255) solid 0.125rem; outline-offset: -0.125rem;}
:where(.nsx) .qp-progress{position: relative; flex: 1 1 0%; height: 0.25rem; border-radius: 0.125rem; background: rgba(255, 255, 255, 0.32); cursor: pointer;}
:where(.nsx) .qp-progress::before{content: ""; position: absolute; inset: -1.25rem 0px;}
:where(.nsx) .qp-progress-fill{position: absolute; left: 0px; top: 0px; bottom: 0px; width: 0%; border-radius: 0.125rem; background: rgb(255, 255, 255); pointer-events: none;}
:where(.nsx) .quality-thumb-list{display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 0.625rem;}
:where(.nsx) .yt-thumb{position: relative; display: block; width: 100%; margin: 0px; padding: 0px; border: 0px; border-radius: var(--nds-radius-s); overflow: hidden; background: var(--nds-dark); cursor: pointer; transition: box-shadow 0.2s;}
:where(.nsx) .yt-thumb::before{content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 1; height: 0.1875rem; background: linear-gradient(90deg,#fff calc(var(--qp,0) * 100%),rgba(0,0,0,.4) 0); opacity: 0; pointer-events: none;}
:where(.nsx) .yt-thumb video{display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; opacity: 0.5; transition: opacity 0.2s; pointer-events: none;}
:where(.nsx) .yt-thumb:hover video{opacity: 0.8;}
:where(.nsx) .yt-thumb.active{box-shadow: 0 0 0 0.125rem #fff,0 0 0 0.25rem var(--nds-ink);}
:where(.nsx) .yt-thumb.active video{opacity: 1;}
:where(.nsx) .yt-thumb.active::before{opacity: 1;}
:where(.nsx) .yt-thumb:focus-visible{outline: 0.125rem solid var(--nds-ink); outline-offset: 0.3125rem;}
:where(.nsx) .quality-video-slider,:where(.nsx) .quality-video-dots{display: none;}
:where(.nsx) .quality-info-card{grid-column: span 5; display: flex; flex-direction: column; min-width: 0px; padding: 2.5rem 2.5rem 2.25rem; border-radius: var(--nds-radius); background: var(--nds-surface);}
:where(.nsx) .quality-info-logo img{display: block; width: 2.5rem; height: auto;}
:where(.nsx) .quality-info-copy{margin: 1.375rem 0px 2rem;}
:where(.nsx) #quality-section .quality-intro-text{margin: 0px; font-size: 1.75rem; line-height: 1.36; font-weight: 800; letter-spacing: -0.03em; color: var(--nds-ink);}
:where(.nsx) #quality-section .quality-info-desc{margin: 0.875rem 0px 0px; font-size: var(--nds-fs-text); line-height: 1.7; font-weight: 300; color: var(--nds-sub);}
:where(.nsx) .quality-info-side{margin-top: auto;}
:where(.nsx) .quality-feature-list{margin: 0px; padding: 0px; list-style: none; border-top: 0.0625rem solid rgba(21, 24, 29, 0.14);}
:where(.nsx) #quality-section .quality-feature{display: flex; align-items: center; gap: 0.625rem; padding: 0.75rem 0px; border-bottom: 0.0625rem solid rgba(21, 24, 29, 0.1); font-size: var(--nds-fs-text); line-height: 1.4; font-weight: 700; color: var(--nds-ink);}
:where(.nsx) .quality-feature iconify-icon{flex-shrink: 0; color: var(--nds-red-ink);}
:where(.nsx) #quality-section .quality-cta{display: flex; width: 100%; margin-top: 1.5rem; height: 3.25rem; font-size: var(--nds-fs-text);}
:where(.nsx) #quality-section .quality-cta:focus-visible{outline: 0.125rem solid var(--nds-ink); outline-offset: 0.1875rem;}
:where(.nsx) .quality-brand{grid-column: 1 / -1; display: grid; grid-template-columns: 13.75rem minmax(0px, 1fr); border: 0.0625rem solid var(--nds-line); border-radius: var(--nds-radius); background: rgb(255, 255, 255);}
:where(.nsx) .quality-brand-head{display: flex; flex-direction: column; justify-content: center; gap: 0.25rem; padding: 1.5rem 1.75rem; border-radius: 0.4375rem 0px 0px 0.4375rem; background: var(--nds-surface);}
:where(.nsx) .quality-brand-label{margin: 0px; font-size: var(--nds-fs-meta); line-height: 1.4; font-weight: 300; color: var(--nds-ink);}
:where(.nsx) .quality-brand-title{margin: 0px; font-size: var(--nds-fs-lead); line-height: 1.3; font-weight: 800; letter-spacing: -0.03em; color: var(--nds-ink);}
:where(.nsx) .quality-brand-head .brand-box-arrows{margin-top: 1rem;}
:where(.nsx) .brand-box-arrows[hidden]{display: none;}
@media (max-width: 1100px){:where(.nsx) .quality-info-card{padding: 2rem 2rem 1.75rem;}}
@media (max-width: 1100px){:where(.nsx) .quality-info-logo img{width: 2rem;}}
@media (max-width: 1100px){:where(.nsx) .quality-info-copy{margin: 1rem 0px 1.5rem;}}
@media (max-width: 1100px){:where(.nsx) #quality-section .quality-intro-text{font-size: 1.375rem;}}
@media (max-width: 1100px){:where(.nsx) #quality-section .quality-info-desc{margin-top: 0.625rem; font-size: var(--nds-fs-body);}}
@media (max-width: 1100px){:where(.nsx) #quality-section .quality-feature{padding: 0.625rem 0px; font-size: var(--nds-fs-body);}}
@media (max-width: 1100px){:where(.nsx) #quality-section .quality-cta{margin-top: 1.25rem; height: 3rem;}}
@media (max-width: 1100px){:where(.nsx) .quality-brand{grid-template-columns: minmax(0px, 1fr);}}
@media (max-width: 1100px){:where(.nsx) .quality-brand-head{flex-direction: row; align-items: center; justify-content: flex-start; gap: 0.75rem; padding: 1rem 1.5rem; border-bottom: 0.0625rem solid var(--nds-line); border-radius: 0.4375rem 0.4375rem 0px 0px;}}
@media (max-width: 1100px){:where(.nsx) .quality-brand-head .brand-box-arrows{margin: 0px 0px 0px auto;}}
@media (max-width: 1100px){:where(.nsx) .quality-brand .brand-box-item:first-child{border-left: 0px;}}
@media (max-width: 900px){:where(.nsx) .quality-video-card,:where(.nsx) .quality-info-card{grid-column: 1 / -1;}}
@media (max-width: 900px){:where(.nsx) .quality-info-card{display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); column-gap: 2rem; align-items: end;}}
@media (max-width: 900px){:where(.nsx) .quality-info-copy{margin-bottom: 0px;}}
@media (max-width: 900px){:where(.nsx) .quality-info-side{margin-top: 0px;}}
@media (max-width: 768px){:where(.nsx) .quality-content{display: flex; flex-direction: column; gap: 0px;}}
@media (max-width: 768px){:where(.nsx) .quality-video-card{display: none;}}
@media (max-width: 768px){:where(.nsx) .quality-video-slider{display: flex; gap: 0.75rem; margin: 0 calc(var(--nds-side) * -1); padding: 0 var(--nds-side); overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding: 0 var(--nds-side); scrollbar-width: none; order: -2;}}
@media (max-width: 768px){:where(.nsx) .quality-video-slider::-webkit-scrollbar{display: none;}}
@media (max-width: 768px){:where(.nsx) .qvs-slide{flex: 0 0 100%; aspect-ratio: 16 / 10; scroll-snap-align: start;}}
@media (max-width: 768px){:where(.nsx) .qvs-slide .qp-wrap{height: 100%; border-radius: var(--nds-radius);}}
@media (max-width: 768px){:where(.nsx) .qvs-video{display: block; width: 100%; height: 100%; object-fit: cover;}}
@media (max-width: 768px){:where(.nsx) .quality-video-dots{display: flex; justify-content: center; gap: 0.5rem; margin-top: 0.75rem; order: -1;}}
@media (max-width: 768px){:where(.nsx) .quality-video-dot{width: 0.375rem; height: 0.375rem; border-radius: 50%; background: var(--nds-line-strong);}}
@media (max-width: 768px){:where(.nsx) .quality-video-dot.active{background: var(--nds-ink);}}
@media (max-width: 768px){:where(.nsx) .quality-info-card{display: flex; align-items: stretch; margin-top: 1.25rem; padding: 1.75rem 1.25rem 1.25rem;}}
@media (max-width: 768px){:where(.nsx) .quality-info-logo img{width: 1.875rem;}}
@media (max-width: 768px){:where(.nsx) #quality-section .quality-intro-text{font-size: var(--nds-fs-lead);}}
@media (max-width: 768px){:where(.nsx) #quality-section .quality-info-desc{font-size: 0.9375rem;}}
@media (max-width: 768px){:where(.nsx) .quality-info-copy{margin: 0.875rem 0px 1.5rem;}}
@media (max-width: 768px){:where(.nsx) #quality-section .quality-cta{height: 3.25rem;}}
@media (max-width: 768px){:where(.nsx) .quality-brand{margin-top: 1rem;}}
@media (max-width: 768px){:where(.nsx) .quality-brand-head{padding: 0.875rem 1.25rem;}}
@media (max-width: 768px){:where(.nsx) .quality-brand-title{font-size: 1.125rem;}}
:where(.nsx) .brand-box-wrap{min-width: 0px;}
:where(.nsx) .brand-box-scroll{height: 100%; overflow-x: auto; scrollbar-width: none;}
:where(.nsx) .brand-box-scroll::-webkit-scrollbar{display: none;}
:where(.nsx) .brand-box-track{display: flex; width: 100%; height: 100%;}
:where(.nsx) .brand-box-item{box-sizing: border-box; flex: 1 0 6.75rem; min-width: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.625rem; padding: 1.375rem 0.75rem 1.125rem; border-left: 0.0625rem solid var(--nds-line); color: var(--nds-text); text-decoration: none; -webkit-user-drag: none; position: relative; transition: flex-grow 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
:where(.nsx) .brand-box-item:focus-visible{outline: 0.125rem solid var(--nds-ink); outline-offset: -0.125rem;}
:where(.nsx) .brand-box-thumb{display: flex; align-items: center; justify-content: center; width: 100%; max-width: 8.75rem; aspect-ratio: 3 / 2; overflow: hidden; transition: max-width 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
:where(.nsx) .brand-box-wrap.is-fit .brand-box-item{flex: 1 1 0px;}
:where(.nsx) .brand-box-wrap.is-fit .brand-box-item{height: 9.25rem; padding-top: 0px; padding-bottom: 0px;}
:where(.nsx) .brand-box-wrap.is-fit .brand-box-thumb{height: 4.75rem; aspect-ratio: auto; max-width: 7rem; transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1), max-width 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
:where(.nsx) .brand-box-wrap.is-fit .brand-box-label{transition: font-size 0.4s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s;}
@media (min-width: 769px){:where(.nsx) .brand-box-wrap.is-fit .brand-box-item:hover,:where(.nsx) .brand-box-wrap.is-fit .brand-box-item:focus-visible{flex-grow: 2.2;}}
@media (min-width: 769px){:where(.nsx) .brand-box-wrap.is-fit .brand-box-item:hover .brand-box-thumb,:where(.nsx) .brand-box-wrap.is-fit .brand-box-item:focus-visible .brand-box-thumb{height: 5.375rem; max-width: 7.875rem;}}
@media (min-width: 769px){:where(.nsx) .brand-box-wrap.is-fit .brand-box-item:hover .brand-box-label,:where(.nsx) .brand-box-wrap.is-fit .brand-box-item:focus-visible .brand-box-label{font-size: 0.9375rem; font-weight: 600;}}
:where(.nsx) .brand-box-item:hover .brand-box-label{color: var(--nds-ink);}
@media (prefers-reduced-motion: reduce){:where(.nsx) .brand-box-item,:where(.nsx) .brand-box-thumb{transition: none;}}
:where(.nsx) .brand-box-thumb img{display: block; max-width: 100%; max-height: 100%; object-fit: contain; filter: brightness(1.04); mix-blend-mode: multiply;}
:where(.nsx) .brand-box-label{font-size: var(--nds-fs-meta); line-height: 1.4; font-weight: 400; color: var(--nds-sub);}
@media (min-width: 1025px){.nsx :is(#printingSection .pv, .home-portfolio .logo-mq-section, #quality-section .quality-content, #process-timeline, #reviewSection .review-grid, .home-awards-band .home-awards){--hw: min(calc(100vw - var(--sbw, 0rem) - 3.75rem), 106.25rem); width: var(--hw); max-width: none; margin-left: calc((100% - var(--hw)) / 2); margin-right: calc((100% - var(--hw)) / 2);}}
:where(.nsx) #process-timeline{position: relative; display: grid; grid-template-columns: repeat(7, minmax(0px, 1fr)); gap: 1rem;}
:where(.nsx) .process-line{position: absolute; top: 2rem; left: 2rem; right: 2rem; z-index: 0; height: 0.0625rem; background: rgba(255, 255, 255, 0.28); transform: scaleX(0); transform-origin: left center; transition: transform 1.4s;}
:where(.nsx) .process-step{position: relative; z-index: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 1.25rem; min-width: 0px;}
:where(.nsx) .process-icon{display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 4rem; height: 4rem; border: 0.0625rem solid rgba(255, 255, 255, 0.32); border-radius: 50%; background: var(--nds-dark); color: rgb(255, 255, 255);}
:where(.nsx) .process-step.is-key .process-icon{border-color: var(--nds-red-strong); background: var(--nds-red-strong);}
:where(.nsx) .process-num{font-size: var(--nds-fs-xs); font-weight: 700; letter-spacing: 0.06em; color: rgb(143, 149, 158);}
:where(.nsx) .process-name{margin-top: 0.375rem; font-size: 1.0625rem; font-weight: 800; letter-spacing: -0.02em; color: rgb(255, 255, 255);}
:where(.nsx) .process-desc{margin-top: 0.5rem; font-size: var(--nds-fs-sm); line-height: 1.65; color: rgb(174, 179, 187);}
@media (max-width: 1100px){:where(.nsx) .home-awards{grid-template-columns: repeat(4, minmax(0px, 1fr));}}
@media (max-width: 1100px){:where(.nsx) #process-timeline{grid-template-columns: repeat(4, minmax(0px, 1fr)); row-gap: 2.5rem;}}
@media (max-width: 1100px){:where(.nsx) .process-line{display: none;}}
@media (max-width: 768px){:where(.nsx) .logo-mq-item{width: 7rem; height: 3.5rem;}}
@media (max-width: 768px){:where(.nsx) .logo-mq-rows{gap: 1.125rem;}}
@media (max-width: 768px){:where(.nsx) .logo-mq-track{gap: 0.5rem;}}
@media (max-width: 768px){:where(.nsx) .home-awards{display: flex; gap: 0.75rem; margin: 2.5rem calc(var(--nds-side) * -1) 0; padding: 2rem var(--nds-side) 0.25rem; overflow-x: auto; scrollbar-width: none;}}
@media (max-width: 768px){:where(.nsx) .home-awards::-webkit-scrollbar{display: none;}}
@media (max-width: 768px){:where(.nsx) .award-item{flex: 0 0 8rem;}}
@media (max-width: 768px){:where(.nsx) .award-img{width: 5.75rem; height: 5.75rem;}}
@media (max-width: 768px){:where(.nsx) .award-title{font-size: var(--nds-fs-xs);}}
@media (max-width: 768px){:where(.nsx) .brand-box-arrows{display: none;}}
@media (max-width: 768px){:where(.nsx) .brand-box-track{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr));}}
@media (max-width: 768px){:where(.nsx) .brand-box-item{padding: 1.125rem 0.5rem 0.875rem; border-left: 0.0625rem solid var(--nds-line); border-top: 0.0625rem solid var(--nds-line);}}
@media (max-width: 768px){:where(.nsx) .brand-box-item:nth-child(3n+1){border-left: 0px;}}
@media (max-width: 768px){:where(.nsx) .brand-box-item:nth-child(-n+3){border-top: 0px;}}
@media (max-width: 768px){:where(.nsx) #process-timeline{grid-template-columns: minmax(0px, 1fr); row-gap: 0px;}}
@media (max-width: 768px){:where(.nsx) .process-step{flex-direction: row; align-items: flex-start; gap: 1rem; padding: 1rem 0px; border-top: 0.0625rem solid rgba(255, 255, 255, 0.12);}}
@media (max-width: 768px){:where(.nsx) .process-step:last-child{border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.12);}}
@media (max-width: 768px){:where(.nsx) .process-icon{width: 2.75rem; height: 2.75rem;}}
@media (max-width: 768px){:where(.nsx) .process-name{margin-top: 0.125rem;}}
@media (max-width: 768px){:where(.nsx) .process-desc{margin-top: 0.25rem;}}
@media (prefers-reduced-motion: reduce){:where(.nsx) .logo-mq-track{animation-play-state: paused;}}
.nsx .nds-section-title{font-size: var(--nds-fs-meta); line-height: 1.4; font-weight: 300; letter-spacing: 0px;}
.nsx .nds-section-subtitle{font-size: var(--nds-fs-chapter); line-height: 1.2; font-weight: 800; letter-spacing: -0.035em;}
.nsx .nds-section-desc{font-size: var(--nds-fs-text); font-weight: 300; max-width: 46rem;}
.nsx #homeQualityTitle{font-size: var(--nds-fs-chapter); line-height: 1.2; font-weight: 800; letter-spacing: -0.035em;}
.nsx .c3-headline{font-size: var(--nds-fs-chapter); line-height: 1.2; letter-spacing: -0.035em;}
:where(.nsx) .award-title{font-size: var(--nds-fs-meta); font-weight: 800; letter-spacing: -0.01em;}
:where(.nsx) .award-sub{font-size: 0.8125rem; font-weight: 300;}
@media (max-width: 768px){:where(.nsx) #processStatsGrid{margin-top: 2rem !important;}}
@media (max-width: 768px){:where(.nsx) #processStatsGrid .stat-box{padding: 0.875rem 0.25rem !important;}}
@media (max-width: 768px){:where(.nsx) #processStatsGrid .stat-value{font-size: 1.125rem !important;}}
@media (max-width: 768px){:where(.nsx) #processStatsGrid .stat-suffix{font-size: 0.625rem !important;}}
@media (max-width: 768px){:where(.nsx) #processStatsGrid .stat-label{font-size: 0.5625rem !important; margin-top: 0.25rem !important;}}
@media (max-width: 768px){:where(.nsx) #processStatsGrid .stat-sub{font-size: 0.625rem !important; margin-top: 0.125rem !important;}}
:where(.nsx) #customSection{--cx-sub: #a3aab3; padding-top: 4.5rem; padding-bottom: 4.5rem; background: rgb(255, 255, 255); color: var(--nds-ink);}
:where(.nsx) .c3-grid{display: grid; grid-template-columns: minmax(0px, 7fr) minmax(0px, 5fr); gap: 3.5rem; align-items: center;}
:where(.nsx) .c3-grid > .c3-stage{order: -1;}
:where(.nsx) .c3-side{display: flex; flex-direction: column; min-width: 0px;}
:where(.nsx) #customSection #cmTitle.sr-only{position: absolute; width: 0.0625rem; height: 0.0625rem; margin: -0.0625rem; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;}
:where(.nsx) .c3-headline{margin: 0px; font-size: clamp(2rem, 2.9vw, 2.75rem); line-height: 1.18; font-weight: 800; letter-spacing: -0.04em; color: var(--nds-ink); word-break: keep-all;}
:where(.nsx) .c3-promise{margin: 0.875rem 0px 0px; font-size: 1.375rem; line-height: 1.35; font-weight: 800; letter-spacing: -0.03em; color: var(--nds-red-strong); word-break: keep-all;}
:where(.nsx) .c3-lead{margin: 0.875rem 0px 0px; max-width: 30em; font-size: 1rem; line-height: 1.65; color: var(--nds-sub); word-break: keep-all;}
:where(.nsx) .c3-flow{display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 1.375rem 0px 0px; padding: 0px; list-style: none;}
:where(.nsx) .c3-flow li{display: inline-flex; align-items: center; gap: 0.5rem; height: 2.25rem; padding: 0px 0.875rem 0px 0.75rem; border: 0.0625rem solid var(--nds-line-strong); border-radius: 62.4375rem; font-size: 0.875rem; font-weight: 700; color: var(--nds-ink);}
:where(.nsx) .c3-flow li::before{content: ""; width: 0.625rem; height: 0.375rem; margin-top: -0.1875rem; border-left: 0.125rem solid var(--nds-red); border-bottom: 0.125rem solid var(--nds-red); transform: rotate(-45deg);}
:where(.nsx) .c3-spec{margin-top: 1.75rem; border-top: 0.0625rem solid var(--nds-line);}
:where(.nsx) .c3-spec__title{margin: 1rem 0px 0.25rem; font-size: 0.8125rem; font-weight: 700; color: var(--nds-sub);}
:where(.nsx) .c3-tabs{display: none;}
:where(.nsx) .c3-row{display: grid; grid-template-columns: 4.5rem minmax(0px, 1fr); gap: 0.75rem; align-items: center; padding: 0.625rem 0px; border-bottom: 0.0625rem solid var(--nds-line);}
:where(.nsx) .c3-row__label{margin: 0px; font-size: 0.875rem; font-weight: 700; color: var(--nds-ink);}
:where(.nsx) .c3-group__opts{display: flex; flex-wrap: wrap; gap: 0.375rem;}
:where(.nsx) .c3-chip{min-height: 2.25rem; padding: 0px 0.8125rem; border: 0.0625rem solid var(--nds-line-strong); border-radius: var(--nds-radius-s); background: rgb(255, 255, 255); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.8125rem; font-weight: 600; color: var(--nds-text); cursor: pointer; transition: background-color 0.15s, border-color 0.15s, color 0.15s;}
:where(.nsx) .c3-chip:hover{border-color: var(--nds-ink);}
:where(.nsx) .c3-chip[aria-checked="true"],:where(.nsx) .c3-chip[aria-pressed="true"]{border-color: var(--nds-ink); background: var(--nds-ink); color: rgb(255, 255, 255);}
:where(.nsx) .c3-chip[aria-pressed]{display: inline-flex; align-items: center; gap: 0.375rem;}
:where(.nsx) .c3-chip[aria-pressed="true"]::before{content: ""; width: 0.5625rem; height: 0.3125rem; margin-top: -0.1875rem; border-left: 0.125rem solid; border-bottom: 0.125rem solid; transform: rotate(-45deg);}
:where(.nsx) .c3-group__opts--swatch{gap: 0px; margin-left: -0.25rem;}
:where(.nsx) .c3-sw{flex: 0 0 auto; padding: 0.25rem; border: 0px; background: none; cursor: pointer;}
:where(.nsx) .c3-sw__dot{display: block; width: 1.5rem; height: 1.5rem; border-radius: 50%; background: var(--sw); box-shadow: rgba(21, 24, 29, 0.16) 0px 0px 0px 0.0625rem inset; outline: transparent solid 0.125rem; outline-offset: 0.125rem; transition: outline-color 0.15s;}
:where(.nsx) .c3-sw:hover .c3-sw__dot{outline-color: var(--nds-line-strong);}
:where(.nsx) .c3-sw[aria-checked="true"] .c3-sw__dot{outline-color: var(--nds-ink);}
:where(.nsx) .c3-chip:focus-visible,:where(.nsx) .c3-sw:focus-visible{outline: 0.125rem solid var(--nds-red-strong); outline-offset: 0.125rem;}
:where(.nsx) .c3-side .c3-cta{gap: 0.625rem; width: 100%; height: 3.5rem; margin-top: 1.5rem; font-size: 1rem;}
:where(.nsx) .c3-side .c3-cta iconify-icon{flex-shrink: 0; transition: transform .2s var(--nds-ease);}
:where(.nsx) .c3-side .c3-cta:hover iconify-icon,:where(.nsx) .c3-side .c3-cta:focus-visible iconify-icon{transform: translateX(0.25rem);}
:where(.nsx) .c3-stage{position: relative; height: 37.5rem; overflow: hidden; border-radius: var(--nds-radius); background: radial-gradient(58% 52% at 50% 44%, rgb(59, 64, 72) 0%, rgb(36, 40, 46) 46%, rgb(21, 24, 28) 100%);}
:where(.nsx) .c3-stage::after{content: ""; position: absolute; left: 50%; bottom: 9%; width: 46%; height: 6%; transform: translateX(-50%); border-radius: 50%; background: radial-gradient(closest-side, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0)); pointer-events: none;}
:where(.nsx) .c3-stage__canvas{position: absolute; inset: 0px; z-index: 1; cursor: grab;}
:where(.nsx) .c3-stage__canvas:active{cursor: grabbing;}
:where(.nsx) .c3-stage__state{position: absolute; left: 50%; top: 50%; z-index: 3; transform: translate(-50%, -50%); max-width: 80%; margin: 0px; padding: 0.75rem 1rem; border-radius: var(--nds-radius-s); background: rgba(16, 19, 23, 0.85); font-size: var(--nds-fs-sm); text-align: center; color: rgb(255, 255, 255);}
:where(.nsx) .c3-stage__bar{position: absolute; left: 1.25rem; right: 1.25rem; top: 1.125rem; z-index: 3; display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; pointer-events: none;}
:where(.nsx) .c3-stage__tag{display: flex; align-items: center; gap: 0.5rem; margin: 0px; font-size: 0.8125rem; font-weight: 600; color: rgb(213, 217, 222);}
:where(.nsx) .c3-stage__tag b{display: inline-flex; align-items: center; height: 1.375rem; padding: 0px 0.4375rem; border-radius: 0.25rem; background: var(--nds-red-strong); font-size: 0.6875rem; font-weight: 800; letter-spacing: 0.06em; color: rgb(255, 255, 255);}
:where(.nsx) .c3-stage__ctrl{display: flex; align-items: center; gap: 0.5rem; pointer-events: auto;}
:where(.nsx) .c3-view{display: inline-flex; padding: 0.1875rem; border: 0.0625rem solid rgba(255, 255, 255, 0.18); border-radius: 62.4375rem; background: rgba(16, 19, 23, 0.55);}
:where(.nsx) .c3-view button{height: 1.875rem; padding: 0px 0.875rem; border: 0px; border-radius: 62.4375rem; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.8125rem; font-weight: 700; color: var(--cx-sub); cursor: pointer;}
:where(.nsx) .c3-view button[aria-pressed="true"]{background: rgb(255, 255, 255); color: var(--nds-ink);}
:where(.nsx) .c3-demo{display: inline-flex; align-items: center; gap: 0.5rem; height: 2.375rem; padding: 0px 0.875rem 0px 0.75rem; border: 0.0625rem solid rgba(255, 255, 255, 0.18); border-radius: 62.4375rem; background: rgba(16, 19, 23, 0.55); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.8125rem; font-weight: 700; color: rgb(255, 255, 255); cursor: pointer;}
:where(.nsx) .c3-demo:hover,:where(.nsx) .c3-view button:hover{color: rgb(255, 255, 255);}
:where(.nsx) .c3-demo:focus-visible,:where(.nsx) .c3-view button:focus-visible,:where(.nsx) .c3-hot:focus-visible{outline: rgb(255, 255, 255) solid 0.125rem; outline-offset: 0.125rem;}
:where(.nsx) .c3-demo__ic{position: relative; width: 0.625rem; height: 0.75rem;}
:where(.nsx) .c3-demo__ic::before{content: ""; position: absolute; left: 0.0625rem; top: 0px; border-style: solid; border-width: 0.375rem 0px 0.375rem 0.5625rem; border-color: transparent transparent transparent currentcolor;}
:where(.nsx) .c3-hots{position: absolute; inset: 0px; z-index: 2; pointer-events: none;}
:where(.nsx) .c3-hot{position: absolute; left: 0px; top: 0px; width: 2.75rem; height: 2.75rem; margin: -1.375rem 0px 0px -1.375rem; padding: 0px; border: 0px; background: none; cursor: pointer; pointer-events: auto; transition: opacity 0.2s;}
:where(.nsx) .c3-hot[hidden]{display: block; opacity: 0; pointer-events: none;}
:where(.nsx) .c3-hot::before{content: "+"; position: absolute; left: 50%; top: 50%; display: flex; align-items: center; justify-content: center; width: 1.25rem; height: 1.25rem; margin: -0.625rem 0px 0px -0.625rem; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.35) 0px 0.125rem 0.5rem; font-size: 0.9375rem; font-weight: 700; line-height: 1; color: var(--nds-ink); transition: transform 0.2s, opacity 0.2s;}
:where(.nsx) .c3-hot[aria-pressed="true"]::before{opacity: 0;}
:where(.nsx) .c3-hot:hover::before{transform: scale(1.2);}
:where(.nsx) .c3-hot__label{position: absolute; left: 50%; bottom: 100%; transform: translate(-50%, 0.125rem); padding: 0.25rem 0.5rem; border-radius: 0.25rem; background: rgb(255, 255, 255); font-size: 0.75rem; font-weight: 700; white-space: nowrap; color: var(--nds-ink); opacity: 0; transition: opacity 0.15s, transform 0.15s; pointer-events: none;}
:where(.nsx) .c3-hot:hover .c3-hot__label,:where(.nsx) .c3-hot:focus-visible .c3-hot__label{opacity: 1; transform: translate(-50%, -0.125rem);}
@media (prefers-reduced-motion: no-preference){:where(.nsx) .c3-hot:not([aria-pressed="true"])::after{content: ""; position: absolute; left: 50%; top: 50%; width: 1.25rem; height: 1.25rem; margin: -0.625rem 0px 0px -0.625rem; border-radius: 50%; animation: 2.2s ease 0s infinite normal none running c3pulse;}}
:where(.nsx) .c3-stage__foot{position: absolute; left: 1.25rem; right: 1.25rem; bottom: 1.125rem; z-index: 3; display: flex; align-items: flex-end; justify-content: space-between; gap: 1rem; pointer-events: none;}
:where(.nsx) .c3-readout{margin: 0px;}
:where(.nsx) .c3-readout__v{display: block; font-size: 1.125rem; font-weight: 800; letter-spacing: -0.02em; color: rgb(255, 255, 255);}
:where(.nsx) .c3-readout__v span + span::before{content: "·"; margin: 0px 0.5rem; color: var(--cx-sub); font-weight: 400;}
:where(.nsx) .c3-stage__hint{margin: 0px; font-size: 0.75rem; color: var(--cx-sub); text-align: right;}
@media (max-width: 1279px){:where(.nsx) .c3-grid{grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.1fr); gap: 2.5rem;}}
@media (max-width: 1279px){:where(.nsx) .c3-stage{height: 35rem;}}
@media (max-width: 1024px){:where(.nsx) .c3-grid{grid-template-columns: minmax(0px, 1fr); gap: 2rem;}}
@media (max-width: 1024px){:where(.nsx) .c3-stage{height: 32.5rem;}}
.nsx .nds-section{padding-top: var(--home-gap); padding-bottom: var(--home-gap);}
:where(.nsx) .best-cat-view-all--cta{display: inline-flex; align-items: center; justify-content: center; gap: 0.625rem; min-width: 0px; height: 3rem; padding: 0px 1.75rem; border: 0px; border-radius: 62.4375rem; background: rgb(236, 28, 36); color: rgb(255, 255, 255); font-size: 1rem; font-weight: 500; letter-spacing: -0.01em; text-decoration: none; cursor: pointer; box-shadow: rgba(236, 28, 36, 0.24) 0px 0.5rem 1.125rem; transition: background-color 0.2s, box-shadow 0.2s, transform 0.2s;}
:where(.nsx) .best-cat-view-all--cta iconify-icon{flex-shrink: 0; transition: transform 0.2s;}
:where(.nsx) .best-cat-view-all--cta:hover{background: rgb(212, 18, 26); box-shadow: rgba(236, 28, 36, 0.3) 0px 0.625rem 1.375rem;}
:where(.nsx) .best-cat-view-all--cta:hover iconify-icon{transform: translateX(0.25rem);}
:where(.nsx) .best-cat-view-all--cta:focus-visible{outline: 0.125rem solid var(--nds-ink); outline-offset: 0.25rem;}
:where(.nsx) .home-process--orig-color{background: rgb(244, 246, 249); color: rgb(17, 17, 17);}
:where(.nsx) .home-process--orig-color .nds-section-title{color: rgb(255, 0, 25);}
:where(.nsx) .home-process--orig-color .nds-section-subtitle{color: rgb(17, 17, 17);}
:where(.nsx) .home-process--orig-color .process-line{background: linear-gradient(90deg, rgb(255, 0, 25), rgb(255, 107, 107));}
:where(.nsx) .home-process--orig-color .process-icon{border-color: rgb(255, 0, 25); background: rgb(255, 255, 255); color: rgb(255, 0, 25);}
:where(.nsx) .home-process--orig-color .process-step.is-key .process-icon{border-color: rgb(255, 0, 25); background: rgb(255, 0, 25); color: rgb(255, 255, 255);}
:where(.nsx) .home-process--orig-color .process-num{color: rgb(255, 0, 25);}
:where(.nsx) .home-process--orig-color .process-name{color: rgb(17, 17, 17);}
:where(.nsx) .home-process--orig-color .process-desc{color: rgb(136, 136, 136);}
@media (max-width: 768px){:where(.nsx) .home-process--orig-color .process-step{border-top-color: rgb(229, 231, 235);}}
@media (max-width: 768px){:where(.nsx) .home-process--orig-color .process-step:last-child{border-bottom-color: rgb(229, 231, 235);}}
:where(.nsx) .home-awards-band{background: rgb(150, 0, 18); border-top: 1rem solid rgb(184, 0, 22); border-bottom: 1rem solid rgb(184, 0, 22);}
:where(.nsx) .home-awards-band .home-awards{margin-top: 0px; border-top: 0px; padding: 3rem 0px;}
:where(.nsx) .home-awards .award-title{color: rgb(255, 255, 255);}
:where(.nsx) .home-awards .award-sub{color: rgb(255, 255, 255); opacity: 0.9;}
@media (max-width: 768px){:where(.nsx) .home-awards-band{border-top-width: 0.75rem; border-bottom-width: 0.75rem;}}
@media (max-width: 768px){:where(.nsx) .home-awards-band .home-awards{margin: 0 calc(var(--nds-side) * -1); padding: 2rem var(--nds-side) 1.75rem;}}
:where(.nsx) .process-num{font-size: var(--nds-fs-meta); font-weight: 300; letter-spacing: 0px;}
:where(.nsx) .process-name{font-size: var(--nds-fs-text); font-weight: 800; letter-spacing: -0.02em;}
:where(.nsx) .process-desc{font-size: var(--nds-fs-meta); font-weight: 300;}
@media (max-width: 768px){:where(.nsx) .award-title{font-size: var(--nds-fs-meta);}}
@media (max-width: 768px){.nsx .nds-section-head{flex-wrap: nowrap; align-items: flex-end; gap: 1rem; margin-bottom: 1.5rem; text-align: left;}}
@media (max-width: 768px){.nsx .nds-section-head__text{flex: 1 1 auto; min-width: 0px;}}
@media (max-width: 768px){.nsx .nds-section-title{font-size: 0.8125rem; line-height: 1.4; font-weight: 600; letter-spacing: 0px; text-transform: uppercase; color: var(--nds-sub);}}
@media (max-width: 768px){.nsx .nds-section-title--ko,.nsx #homeQualityTitle,.nsx #cmTitle{font-size: 1.5rem; line-height: 1.3; font-weight: 800; letter-spacing: -0.03em; text-transform: none; color: var(--nds-ink);}}
@media (max-width: 768px){.nsx .nds-section-subtitle{margin-top: 0.25rem; font-size: 1.5rem; line-height: 1.3; font-weight: 800; letter-spacing: -0.03em; color: var(--nds-ink); text-wrap: balance;}}
@media (max-width: 768px){.nsx .nds-section-desc{margin-top: 0.5rem; max-width: none; font-size: 0.9375rem; line-height: 1.6; font-weight: 400; color: var(--nds-sub);}}
@media (max-width: 768px){.nsx .logo-mq-rows{gap: 0.75rem;}}
@media (max-width: 768px){.nsx .logo-mq-row{mask-image: none;}}
@media (max-width: 768px){.nsx .logo-mq-item{width: 5.75rem; height: 2.75rem;}}
@media (max-width: 768px){.nsx .logo-mq-rows:active .logo-mq-track,.nsx .logo-mq-rows:focus-within .logo-mq-track{animation-play-state: paused;}}
@media (max-width: 768px){.nsx .qvs-slide{flex: 0 0 86%; aspect-ratio: 16 / 9;}}
@media (max-width: 768px){.nsx .quality-video-slider{padding-left: 7vw; padding-right: 7vw; scroll-padding: 0px; scroll-snap-type: x mandatory;}}
@media (max-width: 768px){.nsx .qvs-slide{position: relative; flex-basis: 86vw; scroll-snap-align: center; scroll-snap-stop: always;}}
@media (max-width: 768px){.nsx .qvs-slide::after{content: ""; position: absolute; inset: 0px; z-index: 2; border: 0.1875rem solid transparent; border-radius: var(--nds-radius); pointer-events: none; transition: border-color 0.2s;}}
@media (max-width: 768px){.nsx .qvs-slide.is-active::after{border-color: var(--nds-red);}}
@media (max-width: 768px){.nsx .quality-video-dots{margin-top: 0.75rem;}}
@media (max-width: 768px){.nsx .quality-info-card{margin-top: 1rem; padding: 1.25rem;}}
@media (max-width: 768px){.nsx .quality-info-copy{margin: 0.75rem 0px 1rem;}}
@media (max-width: 768px){:where(.nsx) #quality-section .quality-info-desc{margin-top: 0.5rem;}}
@media (max-width: 768px){:where(.nsx) #quality-section .quality-feature{padding: 0.5rem 0px;}}
@media (max-width: 768px){:where(.nsx) #quality-section .quality-cta{margin-top: 1rem;}}
@media (max-width: 768px){:where(.nsx) #quality-section .quality-info-desc{font-size: 0.9375rem; line-height: 1.6; font-weight: 400;}}
@media (max-width: 768px){.nsx .quality-brand{display: block; margin-top: 1rem; border: 0px; border-radius: 0px; background: none;}}
@media (max-width: 768px){.nsx .quality-brand-head{display: block; margin: 0px 0px 0.75rem; padding: 0px; border: 0px; border-radius: 0px; background: none;}}
@media (max-width: 768px){.nsx .quality-brand-label{font-size: 0.8125rem; line-height: 1.4; font-weight: 600; letter-spacing: 0px; text-transform: uppercase; color: var(--nds-sub);}}
@media (max-width: 768px){.nsx .quality-brand-title{margin-top: 0.25rem; font-size: 1.25rem; line-height: 1.35; font-weight: 800; letter-spacing: -0.02em;}}
@media (max-width: 768px){:where(.nsx) #brandBoxScroll{height: auto; margin: 0px -1.25rem; padding: 0px 1.25rem 0.25rem; overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-padding-inline: 1.25rem; scrollbar-width: none;}}
@media (max-width: 768px){:where(.nsx) #brandBoxTrack{display: flex; gap: 0.75rem; width: auto; height: auto;}}
@media (max-width: 768px){:where(.nsx) #brandBoxTrack .brand-box-item{flex: 0 0 min(6.5rem, 31.1526% - 0.311526rem); height: 6rem; gap: 0.5rem; padding: 0.75rem 0.5rem; border: 0.0625rem solid var(--nds-line); border-radius: 0.5rem; scroll-snap-align: start;}}
@media (max-width: 768px){:where(.nsx) #brandBoxTrack .brand-box-thumb{width: 100%; max-width: none; height: 2.5rem; aspect-ratio: auto;}}
@media (max-width: 768px){:where(.nsx) #brandBoxTrack .brand-box-label{font-size: 0.8125rem;}}
@media (max-width: 768px){:where(.nsx) #brandBoxTrack .brand-box-item.active .brand-box-label{font-weight: 400; color: var(--nds-sub);}}
@media (max-width: 768px){:where(.nsx) #customSection{padding-top: 2.5rem; padding-bottom: 2.5rem;}}
@media (max-width: 768px){:where(.nsx) #customSection .c3-grid > .c3-stage{order: 5;}}
@media (max-width: 768px){:where(.nsx) #customSection .c3-grid{display: flex; flex-direction: column; align-items: stretch; gap: 0px;}}
@media (max-width: 768px){:where(.nsx) #customSection .c3-side{display: contents;}}
@media (max-width: 768px){.nsx .c3-headline{order: 2; margin-top: 0px; font-size: 1.5rem; line-height: 1.3; letter-spacing: -0.03em;}}
@media (max-width: 768px){.nsx .c3-promise{order: 2; margin-top: 0.625rem; font-size: 1.125rem;}}
@media (max-width: 768px){.nsx .c3-lead{display: none;}}
@media (max-width: 768px){.nsx .c3-flow{order: 4; gap: 0.375rem; margin-top: 0.875rem;}}
@media (max-width: 768px){.nsx .c3-flow li{gap: 0.375rem; height: 1.875rem; padding: 0px 0.625rem 0px 0.5625rem; font-size: 0.78125rem;}}
@media (max-width: 768px){.nsx .c3-flow li::before{width: 0.5rem; height: 0.3125rem;}}
@media (max-width: 768px){:where(.nsx) #customSection .c3-stage{order: 5; height: 25rem; margin: 1.25rem calc(var(--nds-side) * -1) 0; border-radius: 0px;}}
@media (max-width: 768px){.nsx .c3-spec{order: 6; margin-top: 0.5rem; border-top: 0px;}}
@media (max-width: 768px){.nsx .c3-side .c3-cta{order: 7; height: 3.25rem; margin-top: 1rem; font-size: 1rem;}}
@media (max-width: 768px){:where(.nsx) #customSection .c3-stage__bar{left: 1rem; right: 1rem; top: 0.75rem;}}
@media (max-width: 768px){:where(.nsx) #customSection .c3-stage__tag{font-size: 0.8125rem;}}
@media (max-width: 768px){:where(.nsx) #customSection .c3-view button{height: 2rem; padding: 0px 0.75rem; font-size: 0.8125rem;}}
@media (max-width: 768px){:where(.nsx) #customSection .c3-demo{width: 2.375rem; height: 2.375rem; padding: 0px; justify-content: center;}}
@media (max-width: 768px){:where(.nsx) #customSection .c3-demo__label{position: absolute; width: 0.0625rem; height: 0.0625rem; overflow: hidden; clip: rect(0px, 0px, 0px, 0px);}}
@media (max-width: 768px){:where(.nsx) #customSection .c3-stage__tag span{position: absolute; left: 0px; top: 3.25rem; font-size: 0.75rem; color: var(--cx-sub);}}
@media (max-width: 768px){:where(.nsx) #customSection .c3-stage__foot{left: 1rem; right: 1rem; bottom: 0.625rem; flex-direction: column; align-items: flex-start; gap: 0.125rem;}}
@media (max-width: 768px){:where(.nsx) #customSection .c3-readout__v{font-size: 0.9375rem;}}
@media (max-width: 768px){:where(.nsx) #customSection .c3-stage__hint{text-align: left; font-size: 0.71875rem;}}
@media (max-width: 768px){.nsx .c3-spec__title{margin-top: 0.75rem; font-size: 0.8125rem;}}
@media (max-width: 768px){.nsx .c3-row{grid-template-columns: 3.75rem minmax(0px, 1fr); gap: 0.625rem; align-items: start; padding: 0.625rem 0px;}}
@media (max-width: 768px){.nsx .c3-row__label{padding-top: 0.625rem; font-size: 0.875rem; line-height: 1.3; word-break: keep-all;}}
@media (max-width: 768px){:where(.nsx) #customSection .c3-group__opts{display: grid; grid-template-columns: repeat(auto-fill, minmax(4.75rem, 1fr)); gap: 0.375rem; margin: 0px; padding: 0px; overflow: visible;}}
@media (max-width: 768px){:where(.nsx) #customSection .c3-group__opts--swatch{display: flex; flex-wrap: wrap; gap: 0px; margin-left: -0.25rem;}}
@media (max-width: 768px){.nsx .c3-chip{min-width: 0px; min-height: 2rem; padding: 0px 0.375rem; font-size: 0.8125rem; justify-content: center; white-space: nowrap;}}
@media (max-width: 768px){.nsx .c3-sw{flex: 0 0 auto; padding: 0.25rem;}}
@media (max-width: 768px){.nsx .c3-sw__dot{width: 1.875rem; height: 1.875rem;}}
@media (max-width: 768px){.nsx .nds-section.home-process{padding-top: 2.5rem; padding-bottom: 2.5rem; background: var(--nds-surface);}}
@media (max-width: 768px){.nsx .home-process .nds-section-title{color: var(--nds-red-ink);}}
@media (max-width: 768px){:where(.nsx) #process-timeline{display: grid; grid-template-columns: repeat(7, minmax(0px, 1fr)); gap: 0px 0.25rem; position: relative;}}
@media (max-width: 768px){:where(.nsx) #process-timeline .process-line{display: block; position: absolute; top: 1.125rem; left: calc(7.14286%); right: calc(7.14286%); height: 0.0625rem; background: var(--nds-red); z-index: 0;}}
@media (max-width: 768px){:where(.nsx) .home-process .process-step,:where(.nsx) .home-process--orig-color .process-step{flex-direction: column; align-items: center; gap: 0.5rem; padding: 0px; text-align: center; position: relative; z-index: 1; border: 0px !important;}}
@media (max-width: 768px){:where(.nsx) .home-process .process-icon{width: 2.25rem; height: 2.25rem; border: 0.09375rem solid var(--nds-red); background: rgb(255, 255, 255); color: var(--nds-red);}}
@media (max-width: 768px){:where(.nsx) .home-process .process-step.is-key .process-icon{border-color: var(--nds-red); background: var(--nds-red); color: rgb(255, 255, 255);}}
@media (max-width: 768px){:where(.nsx) .home-process .process-icon iconify-icon{width: 1.125rem; height: 1.125rem;}}
@media (max-width: 768px){:where(.nsx) .home-process .process-num,:where(.nsx) .home-process .process-desc{display: none;}}
@media (max-width: 768px){:where(.nsx) .home-process .process-step > div{padding: 0px 0.125rem;}}
@media (max-width: 768px){:where(.nsx) .home-process .process-name{margin: 0px; font-size: 0.75rem; line-height: 1.35; font-weight: 700; letter-spacing: 0px; word-break: keep-all; color: var(--nds-ink);}}
@media (max-width: 768px){:where(.nsx) #processStatsGrid{grid-template-columns: repeat(4, minmax(0px, 1fr)) !important; margin-top: 1.5rem !important; border-color: var(--nds-line) !important;}}
@media (max-width: 768px){:where(.nsx) #processStatsGrid .stat-box{padding: 0.875rem 0.25rem !important; border-color: var(--nds-line) !important;}}
@media (max-width: 768px){:where(.nsx) #processStatsGrid .stat-value{white-space: nowrap; font-size: 1.25rem !important; color: var(--nds-red-ink) !important;}}
@media (max-width: 768px){:where(.nsx) #processStatsGrid .stat-suffix{font-size: 0.75rem !important;}}
@media (max-width: 768px){:where(.nsx) #processStatsGrid .stat-label,:where(.nsx) #processStatsGrid .stat-sub{font-size: 0.6875rem !important; letter-spacing: 0px !important; color: var(--nds-sub) !important;}}
@media (max-width: 768px){:where(.nsx) .home-awards-band{background: rgb(150, 0, 18); border-top: 0.75rem solid var(--nds-red-strong); border-bottom: 0.75rem solid var(--nds-red-strong);}}
@media (max-width: 768px){:where(.nsx) .home-awards-band .home-awards{display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem 0.5rem; margin: 0px; padding: 1.375rem 0px; overflow: visible; border: 0px;}}
@media (max-width: 768px){:where(.nsx) .home-awards .award-item{flex: 0 0 calc(25% - 0.375rem); gap: 0.375rem; min-width: 0px;}}
@media (max-width: 768px){:where(.nsx) .home-awards .award-img{width: 3rem; height: 3rem;}}
@media (max-width: 768px){:where(.nsx) .home-awards .award-title{font-size: 0.65625rem; line-height: 1.35; font-weight: 700; letter-spacing: 0px; color: rgb(255, 255, 255); word-break: keep-all;}}
@media (max-width: 768px){:where(.nsx) .home-awards .award-sub{margin-top: 0.125rem; font-size: 0.625rem; font-weight: 400; color: rgb(255, 255, 255); opacity: 0.85;}}
@media (max-width: 768px){@media (max-width: 374px){:where(.nsx) #processStatsGrid .stat-value{font-size: 1.125rem !important;}}}
@media (max-width: 768px){@media (max-width: 340px){:where(.nsx) #processStatsGrid .stat-value{font-size: 0.9375rem !important;}}}
@media (max-width: 359px){.nsx .c3-row{grid-template-columns: minmax(0px, 1fr); gap: 0.375rem;}}
@media (max-width: 359px){.nsx .c3-row__label{padding-top: 0px;}}
@media (max-width: 599px){:where(.nsx) #customSection .c3-tabs{display: flex; margin-top: 0.125rem; border-bottom: 0.0625rem solid var(--nds-line);}}
@media (max-width: 599px){:where(.nsx) #customSection .c3-tab{position: relative; flex: 1 1 0px; height: 2.75rem; padding: 0px; border: 0px; background: none; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.875rem; font-weight: 600; color: var(--nds-sub); cursor: pointer;}}
@media (max-width: 599px){:where(.nsx) #customSection .c3-tab[aria-expanded="true"]{font-weight: 800; color: var(--nds-ink);}}
@media (max-width: 599px){:where(.nsx) #customSection .c3-tab[aria-expanded="true"]::after{content: ""; position: absolute; left: 0px; right: 0px; bottom: -0.0625rem; height: 0.125rem; background: var(--nds-ink);}}
@media (max-width: 599px){:where(.nsx) #customSection .c3-tab:focus-visible{outline: 0.125rem solid var(--nds-red-strong); outline-offset: -0.125rem;}}
@media (max-width: 599px){.nsx .c3-row{display: none; padding: 0.875rem 0px 0.375rem; border-bottom: 0px;}}
@media (max-width: 599px){.nsx .c3-row.is-open{display: block;}}
@media (max-width: 599px){.nsx .c3-row__label{position: absolute; width: 0.0625rem; height: 0.0625rem; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap;}}
@media (max-width: 599px){:where(.nsx) #customSection .c3-group__opts{display: flex; flex-wrap: wrap; gap: 0.375rem;}}
@media (max-width: 599px){:where(.nsx) #customSection .c3-group__opts--swatch{gap: 0px; margin-left: -0.1875rem;}}
@media (max-width: 599px){.nsx .c3-chip{padding: 0px 0.6875rem; font-size: 0.8125rem;}}
@media (max-width: 599px){.nsx .c3-sw{padding: 0.1875rem;}}
@media (max-width: 599px){.nsx .c3-sw__dot{width: 1.5625rem; height: 1.5625rem;}}
@media (max-width: 599px){:where(.nsx) #customSection .c3-stage__tag span{display: none;}}
@media (min-width: 600px) and (max-width: 768px){:where(.nsx) #customSection .c3-group__opts:not(.c3-group__opts--swatch){display: flex; flex-wrap: wrap;}}
@media (min-width: 600px) and (max-width: 768px){.nsx .c3-chip{padding: 0px 0.875rem;}}
@media (min-width: 600px) and (max-width: 768px){.nsx .qvs-slide{flex-basis: 70vw;}}
@media (min-width: 600px) and (max-width: 768px){.nsx .quality-video-slider{padding-left: 15vw; padding-right: 15vw;}}
.nsx .nds-section-head .nds-section-title:not(.nds-section-title--ko){color: var(--nds-red-ink); font-size: 1rem;}
.nsx .nds-section-head .nds-section-subtitle,.nsx .nds-section-head #homeQualityTitle{color: rgb(31, 47, 87);}
@media (max-width: 768px){.nsx .nds-section-head .nds-section-title:not(.nds-section-title--ko){font-size: 0.875rem;}}
.nsx .quality-brand-head .brand-box-view-all{align-self: flex-start; height: 2.5rem; margin-top: 1rem; padding: 0px 1.25rem; gap: 0.5rem; font-size: 0.9375rem;}
.nsx .quality-brand-head .brand-box-view-all + .brand-box-arrows{margin-top: 0.75rem;}
@media (max-width: 1100px){.nsx .quality-brand-head .brand-box-view-all{align-self: center; margin: 0px 0px 0px auto;}}
@media (max-width: 1100px){.nsx .quality-brand-head .brand-box-view-all + .brand-box-arrows{margin: 0px;}}
@media (max-width: 768px){.nsx .quality-brand-head{display: flex; align-items: flex-end; justify-content: space-between; gap: 0.75rem;}}
@media (max-width: 768px){.nsx .quality-brand-head .brand-box-view-all{flex: 0 0 auto; align-self: flex-end; padding: 0px 1.125rem;}}
@keyframes mediaShimmer { 
  0% { background-position: 200% 0px; }
  100% { background-position: -200% 0px; }
}
@keyframes marquee { 
  0% { transform: translateX(-50%); }
  100% { transform: translateX(0px); }
}
@keyframes marqueeRev { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}
@keyframes c3pulse { 
  0% { box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 0px; }
  70% { box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 0.875rem; }
  100% { box-shadow: rgba(255, 255, 255, 0) 0px 0px 0px 0px; }
}