.hd-page{--hd-gold:#ffb340;--hd-blue:#3d62ec}.hd-page .enhancer-hero{background:radial-gradient(circle at 10% 20%,rgba(255,179,64,.22),transparent 34%),radial-gradient(circle at 94% 12%,rgba(61,98,236,.2),transparent 36%),#fafbff}.hd-page .enhancer-hero-copy h1{font-size:clamp(2.55rem,4.8vw,4.75rem)}.accuracy-inline{max-width:650px;margin-top:1rem;padding:.8rem 1rem;border-left:3px solid var(--hd-gold);background:#fff8e9;color:#5e543f;font-size:.9rem}.hd-infographic{overflow:hidden;border-radius:28px;background:#050505}.hd-infographic img{display:block;width:100%;height:auto}.hd-compare{min-height:0;aspect-ratio:3/2}.hd-compare.landscape{aspect-ratio:730/485}.hd-compare.cinematic{aspect-ratio:16/9}.hd-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0;padding:0;list-style:none}.hd-step-grid li{padding:1.3rem;border:1px solid var(--en-line);border-radius:20px;background:#fff}.hd-step-grid span{display:grid;width:44px;height:44px;place-items:center;margin-bottom:.8rem;border-radius:13px;background:#ece9ff;color:#5142d9;font-weight:900}.video-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:center;gap:1.5rem;margin-top:2rem;padding:1rem;border:1px solid var(--en-line);border-radius:28px;background:#fff}.video-card video{display:block;width:100%;max-height:520px;border-radius:20px;background:#111}.resolution-section,.concepts,.evaluate{background:#f7f6ff}.definition,.quality-section,.print-table{background:#fff}.feature-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.center-note{max-width:900px;margin:1.5rem auto 0;text-align:center}.hd-cases img{aspect-ratio:16/10}.spec-note{margin-top:1.2rem;padding:1.2rem;border:1px solid #dcd9ef;border-radius:20px;background:#fff}.print-table .enhancer-table{margin-bottom:1rem}.hd-page .enhancer-final img{aspect-ratio:3/2;object-fit:cover}
@media(max-width:991.98px){.video-card{grid-template-columns:1fr}.hd-compare{aspect-ratio:3/2;min-height:0}.hd-page .enhancer-slider-wrap{order:2}.hd-page .enhancer-hero-copy{order:1}}
@media(max-width:767.98px){.hd-step-grid,.feature-grid.three{grid-template-columns:1fr}.hd-page .enhancer-hero-copy h1{font-size:clamp(2.35rem,11vw,3.7rem)}.hd-compare,.hd-compare.landscape,.hd-compare.cinematic{min-height:0;aspect-ratio:4/3}.hd-compare .enhance-before img,.hd-compare .enhance-after img{object-fit:fill}}
