/* glance */
#qc-glance{padding-top:0;overflow:visible}
#qc-glance ul.qg{position:relative;z-index:2;list-style:none;margin:-72px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#qc-glance ul.qg>li{margin:0;list-style:none;display:flex;flex-direction:column;padding:36px 34px 34px;border-radius:10px;background:#fff;border:1px solid var(--e-global-color-c0line);box-shadow:0 24px 48px -24px rgba(17,17,17,.25)}
#qc-glance .qg-vis{display:flex;align-items:flex-end;height:112px;margin-bottom:28px}
#qc-glance .qg-num{color:var(--e-global-color-accent);font-family:var(--e-global-typography-primary-font-family),sans-serif;font-size:128px;font-weight:700;line-height:.8}
#qc-glance .qg-vis svg{display:block;height:100px;width:auto;overflow:visible}
#qc-glance .ax-h3{margin-bottom:10px}
/* tests */
#qc-tests ul.qt{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#qc-tests ul.qt>li{margin:0;list-style:none;display:flex;flex-direction:column;border-radius:10px;border:1px solid var(--e-global-color-c0line);overflow:hidden;background:#fff}
#qc-tests .qt-vis{aspect-ratio:4/3;background:var(--e-global-color-secondary)}
#qc-tests .qt-vis svg{display:block;width:100%;height:100%}
#qc-tests .qt-bd{padding:28px 28px 30px}
#qc-tests .qt-k{display:block;margin-bottom:6px;color:var(--e-global-color-accent);font-family:var(--e-global-typography-t0eyeb-font-family),sans-serif;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
#qc-tests .ax-h3{margin-bottom:18px}
#qc-tests .qt-k2{display:block;margin-bottom:6px;color:rgba(74,74,74,.7);font-family:var(--e-global-typography-t0eyeb-font-family),sans-serif;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
#qc-tests .qt-orbit{transform-box:view-box;transform-origin:120px 90px;animation:qtOrbit 3.2s linear infinite}
@keyframes qtOrbit{to{transform:rotate(360deg)}}
#qc-tests .qt-spin{transform-box:fill-box;transform-origin:center;animation:qtOrbit 1.1s linear infinite}
#qc-tests .qt-cloth{animation:qtRub 1.6s ease-in-out infinite alternate}
@keyframes qtRub{from{transform:translateX(-46px)}to{transform:translateX(46px)}}
#qc-tests .qt-ok{transform-box:fill-box;transform-origin:center;animation:qtPop 3.2s ease-in-out infinite}
@keyframes qtPop{0%,60%{transform:scale(0);opacity:0}70%{transform:scale(1.15);opacity:1}80%,100%{transform:scale(1);opacity:1}}
@media (prefers-reduced-motion:reduce){#qc-tests .qt-orbit,#qc-tests .qt-spin,#qc-tests .qt-cloth,#qc-tests .qt-ok{animation:none}#qc-tests .qt-ok{opacity:1}}
/* sync */
#qc-sync ol.qs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
#qc-sync ol.qs>li{position:relative;margin:0;list-style:none;padding-right:12px}
#qc-sync ol.qs>li:not(:last-child)::after{content:'';position:absolute;left:72px;right:-12px;top:31px;height:2px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 6px,transparent 6px 12px)}
#qc-sync .qs-n{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:32px;border-radius:50%;border:1.5px solid rgba(255,255,255,.28);background:var(--e-global-color-primary);color:#fff;font-family:var(--e-global-typography-secondary-font-family),sans-serif;font-size:22px;font-weight:600;transition:background .4s ease,border-color .4s ease}
#qc-sync li.is-on .qs-n{background:var(--e-global-color-accent);border-color:var(--e-global-color-accent)}
#qc-sync .qs-n svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#qc-sync .ax-h3{margin-bottom:12px;font-size:23px}
#qc-sync .qs-band{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 22px;margin-top:56px;padding:22px;border-radius:10px;border:1px solid rgba(255,255,255,.14);color:#fff;font-family:var(--e-global-typography-t0h3-font-family),sans-serif;font-size:22px;font-weight:600;text-transform:uppercase}
#qc-sync .qs-band i{font-style:normal;color:var(--e-global-color-accent);font-size:28px}
/* market */
#qc-mkt .qm{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px clamp(40px,6vw,96px);align-items:center}
#qc-mkt .ax-h2{margin-bottom:24px}
#qc-mkt ol.qm-ol{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
#qc-mkt ol.qm-ol::before{content:'';position:absolute;left:59px;top:40px;bottom:40px;width:2px;background:repeating-linear-gradient(180deg,#d6ccbf 0 6px,transparent 6px 12px)}
#qc-mkt ol.qm-ol>li{position:relative;margin:0;list-style:none;display:grid;grid-template-columns:64px minmax(0,1fr);gap:0 24px;align-items:center;padding:28px;border-radius:10px;background:var(--e-global-color-secondary);transition:background .3s ease}
#qc-mkt ol.qm-ol>li:hover{background:#e5d9ca}
#qc-mkt .qm-n{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#fff;color:var(--e-global-color-accent);font-family:var(--e-global-typography-secondary-font-family),sans-serif;font-size:22px;font-weight:600;box-shadow:0 0 0 1.5px var(--e-global-color-accent) inset}
#qc-mkt ol.qm-ol>li:last-child .qm-n{background:var(--e-global-color-accent);color:#fff}
#qc-mkt .ax-h3{margin-bottom:6px;font-size:22px}
@media (max-width:1100px){#qc-sync ol.qs{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}#qc-sync ol.qs>li:nth-child(2)::after{display:none}}
@media (max-width:900px){#qc-glance ul.qg,#qc-tests ul.qt{grid-template-columns:minmax(0,1fr)}#qc-glance ul.qg{margin-top:-40px}#qc-mkt .qm{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){#qc-sync ol.qs{grid-template-columns:minmax(0,1fr)}#qc-sync ol.qs>li::after{display:none}#qc-mkt ol.qm-ol>li{grid-template-columns:48px minmax(0,1fr);padding:20px}#qc-mkt .qm-n{width:48px;height:48px;font-size:18px}#qc-mkt ol.qm-ol::before{left:43px}}




/* glance v2: image + rows */
#qc-glance{padding-top:clamp(72px,8vw,128px);overflow:hidden;background:#fff}
#qc-glance .qg2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px clamp(40px,6vw,96px);align-items:center}
#qc-glance .qg-media{position:relative;aspect-ratio:4/5;border-radius:10px;overflow:hidden;background:#d9cfc2}
#qc-glance .qg-media img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover}
#qc-glance .qg-badge{position:absolute;left:20px;right:20px;bottom:20px;z-index:1;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:10px;background:rgba(255,255,255,.94);backdrop-filter:blur(6px)}
#qc-glance .qg-badge b{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--e-global-color-accent);color:#fff}
#qc-glance .qg-badge b svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
#qc-glance .qg-badge span{color:var(--e-global-color-primary);font-family:var(--e-global-typography-t0h3-font-family),sans-serif;font-size:18px;font-weight:600;line-height:1.2;text-transform:uppercase}
#qc-glance .ax-h2{margin-bottom:28px}
#qc-glance ul.qg{margin:0;display:block;list-style:none;padding:0}
#qc-glance ul.qg>li{display:grid;grid-template-columns:132px minmax(0,1fr);gap:0 28px;align-items:center;padding:28px 0;border:0;border-top:1px solid var(--e-global-color-c0line);border-radius:0;background:none;box-shadow:none}
#qc-glance ul.qg>li:last-child{border-bottom:1px solid var(--e-global-color-c0line)}
#qc-glance .qg-vis{height:auto;margin:0;justify-content:flex-start;align-items:center}
#qc-glance .qg-num{font-size:96px}
#qc-glance .qg-vis svg{height:76px}
#qc-glance ul.qg .ax-h3{margin-bottom:8px}
/* qc v2: image step cards */
#ab-qc ol.qc5{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
#ab-qc ol.qc5>li{margin:0;list-style:none;display:flex;flex-direction:column;border-radius:10px;background:#fff;overflow:hidden;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease}
#ab-qc ol.qc5>li:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(17,17,17,.12)}
#ab-qc .qc5-im{position:relative;aspect-ratio:4/5;overflow:hidden;background:#d9cfc2}
#ab-qc .qc5-im img{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
#ab-qc ol.qc5>li:hover .qc5-im img{transform:scale(1.07)}
#ab-qc .qc5-n{position:absolute;left:14px;top:14px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--e-global-color-accent);color:#fff;font-family:var(--e-global-typography-secondary-font-family),sans-serif;font-size:18px;font-weight:600}
#ab-qc ol.qc5>li:last-child .qc5-n{background:var(--e-global-color-primary)}
#ab-qc .qc5-bd{padding:22px 20px 24px}
#ab-qc .qc5-bd .ax-h3{font-size:19px;margin-bottom:10px}
#ab-qc .qc5-bd .ax-sm{font-size:15px}
#ab-qc .qc5-line{position:relative;height:2px;margin:0 0 28px;background:rgba(17,17,17,.12)}
#ab-qc .qc5-line i{position:absolute;inset:0;background:var(--e-global-color-accent);transform-origin:0 50%}
@media (max-width:1100px){#ab-qc ol.qc5{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;margin-right:calc(-1*var(--px))}#ab-qc ol.qc5>li{flex:0 0 250px;scroll-snap-align:start}}
@media (max-width:900px){#qc-glance .qg2{grid-template-columns:minmax(0,1fr)}#qc-glance .qg-media{aspect-ratio:4/3}}
@media (max-width:560px){#qc-glance ul.qg>li{grid-template-columns:80px minmax(0,1fr);gap:0 16px}#qc-glance .qg-num{font-size:64px}#qc-glance .qg-vis svg{height:52px}}