/* Q-switch: individual design slices; approved copy replaces composite GIF text. */
.qt-sliced{--accent:#1468a6;color:#101318;overflow-x:visible!important}
.qt-wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}
.qt-sliced h1,.qt-sliced h2,.qt-sliced p{margin:0}
.qt-sliced h2{font-size:23px;line-height:1.5;text-wrap:balance}
.qt-sliced p{font-size:14px;line-height:1.95;text-wrap:balance;word-break:normal;line-break:strict}
.qt-unit{display:inline-block;white-space:nowrap}
.qt-sliced .pv-header{border:0}.qt-sliced .pv-products__menu{width:330px}
.qt-hero{position:relative;isolation:isolate;height:37.2vw;min-height:560px;max-height:660px;background:linear-gradient(155deg,#b7c7d6,#fff 75%)}
.qt-hero-art{position:absolute;right:0;bottom:0;height:100%;max-width:57%;width:auto;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 18%);z-index:-1}
.qt-hero-layout{height:100%;min-height:560px;display:flex;align-items:center}
.qt-hero-copy{width:62%;padding:65px 0 0 6%}
.qt-sliced .qt-badge{color:#136da5;font-size:22px;font-weight:600;margin-bottom:14px}
.qt-hero h1{font-style:italic;font-size:clamp(30px,3.1vw,45px);line-height:1.4}
.qt-sliced .qt-subtitle{font-size:19px;margin-top:22px}
.qt-subtitle span{display:inline-block;margin-right:18px;white-space:nowrap}
.qt-orbit{position:relative;isolation:isolate;overflow:clip}
.qt-orbit-layout{position:relative;width:min(1600px,100%);aspect-ratio:1400/534;margin:auto}
.qt-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:59%;aspect-ratio:1;border-radius:50%;border:1px solid #edf1f8;background:radial-gradient(circle,transparent 62%,#f6f8fd 68%,#e2e9fa 70%,transparent 70.3%);z-index:-1}
.qt-orbit-art{position:absolute;left:39.5%;bottom:0;width:20.5%;height:96%;object-fit:contain}
.qt-features{list-style:none;margin:0;padding:0}
.qt-features li{position:absolute;display:flex;align-items:center;gap:22px;width:30%}
.qt-features img{width:50px;flex-shrink:0}
.qt-features p{font-size:14px}
.qt-measure{display:inline-block;margin-right:6px}
.qt-features li:nth-child(-n+3){flex-direction:row-reverse;text-align:right}
.qt-features li:nth-child(1){right:66%;top:20%}
.qt-features li:nth-child(2){right:70%;top:44%}
.qt-features li:nth-child(3){right:67%;top:70%}
.qt-features li:nth-child(4){left:65.5%;top:20%}
.qt-features li:nth-child(5){left:68%;top:44%}
.qt-features li:nth-child(6){left:66%;top:70%}
.qt-copy{min-width:0}
.qt-copy p{margin-top:18px}
.qt-overview{display:grid;grid-template-columns:1fr 260px;gap:75px;align-items:center;padding-block:30px}
.qt-sliced .qt-brand{font-size:31px;font-style:italic;margin-bottom:22px}
.qt-overview-device{width:240px;height:auto;justify-self:center}
.qt-two{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding-block:0}
.qt-motion{display:block;min-width:0;position:relative}.qt-motion img{display:block;width:100%;height:auto;object-fit:contain}
.qt-motion-caption{position:absolute;bottom:0;left:0;right:0;height:23%;display:flex;align-items:center;padding:0 18px;background:#080a0e;color:#fff;font-size:14px}
.qt-wave .qt-copy,.qt-pulse .qt-copy{padding:25px 0}
.qt-pulse{padding-bottom:65px}
.qt-sliced .pv-footer__links{background:#000}
.qt-sliced .pv-footer__brand{position:relative;isolation:isolate;background:#000}
.qt-sliced .pv-footer__brand::before{content:"";position:absolute;inset:0 0 0 35%;background:linear-gradient(90deg,#000,transparent 35%),url("../../images/products/tiaoq/sliced/footer.webp") center/cover;z-index:-1}
.qt-sliced .pv-footer__brand h2{font-size:28px}
@media(max-width:1100px) and (min-width:761px){.qt-features p{font-size:12px}.qt-features li{gap:10px}.qt-features img{width:40px}.qt-overview{gap:35px}.qt-hero-copy{padding-left:0}}
@media(max-width:760px){
.qt-wrap{width:calc(100% - 40px)}.qt-sliced .pv-products__menu{width:auto}
.qt-hero{height:730px;min-height:0;max-height:none}.qt-hero-layout{min-height:0;display:block}
.qt-hero-copy{width:100%;text-align:center;padding:115px 0 0}
.qt-hero h1{font-size:30px}.qt-sliced .qt-badge{font-size:18px}
.qt-sliced .qt-subtitle{font-size:16px}.qt-subtitle span{display:block;margin:0}
.qt-hero-art{width:100%;max-width:100%;height:370px;mask-image:linear-gradient(0deg,#000 85%,transparent)}
.qt-orbit{padding-top:25px}.qt-orbit-layout{width:calc(100% - 40px);aspect-ratio:auto}
.qt-orbit-art{position:static;width:170px;height:300px;margin:auto}
.qt-ring{width:100%;top:0;transform:translateX(-50%)}
.qt-features{display:grid;grid-template-columns:1fr 1fr;gap:30px 22px;margin:30px 0}
.qt-features li,.qt-features li:nth-child(n){position:static;width:100%;flex-direction:column;text-align:center;gap:12px}
.qt-features p{font-size:13px}.qt-features img{width:44px}
.qt-measure{display:block;margin:0;white-space:nowrap}
.qt-overview{grid-template-columns:1fr;gap:30px;padding-block:35px}
.qt-sliced .qt-brand{font-size:26px}
.qt-overview-device{width:190px}
.qt-two{grid-template-columns:1fr;gap:5px}
.qt-wave{padding-top:10px}.qt-pulse{padding-bottom:40px}
.qt-sliced .pv-footer__brand::before{left:0;opacity:.35}
}
