/* S5 Neon — dark, glow that follows the pointer, glass hero card, pinned horizontal bestseller rail */
.s5{--br:12px;--cr:18px;--fr:12px;--lr:10px;--glass:color-mix(in srgb,var(--surf) 75%,transparent)}
.s5-spot{position:fixed;left:0;top:0;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--acc) 28%,transparent),transparent 62%);pointer-events:none;z-index:-1;transform:translate(40vw,-120px)}
.s5 main,.s5 .ft{position:relative}
.s5 .hd{background:color-mix(in srgb,var(--bg) 70%,transparent)}
.s5 h1,.s5 h2{letter-spacing:-.03em}
.s5-hero{padding:clamp(40px,8vw,110px) 0 clamp(32px,5vw,60px)}
.s5-hg{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(24px,5vw,64px);align-items:center}
.s5-chip{display:inline-flex;gap:10px;align-items:center;padding:8px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--line);font-size:14px;margin:0 0 20px}
.s5-chip i{width:8px;height:8px;border-radius:50%;background:var(--acc);box-shadow:0 0 12px var(--acc)}
.s5-hero h1{font-size:clamp(40px,6.4vw,84px);line-height:1;font-weight:700;max-width:13ch}
.s5-sub{font-size:18px;color:var(--mute);max-width:32em;margin:20px 0 26px}
.s5-act{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.s5 .btn{box-shadow:0 10px 30px -10px var(--acc)}
.s5-vis{position:relative}
.s5-gl{border-radius:28px;padding:10px;background:var(--glass);border:1px solid var(--line);box-shadow:0 50px 100px -40px color-mix(in srgb,var(--acc) 45%,transparent)}
.s5-gl img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:20px}
.s5-fl{position:absolute;left:-18px;bottom:28px;display:flex;gap:8px;align-items:center;font-style:normal;font-size:14px;padding:12px 16px;border-radius:16px;background:var(--glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line)}
.s5-fl .ic{color:var(--acct)}
@media (max-width:900px){.s5-hg{grid-template-columns:minmax(0,1fr)}.s5-fl{left:10px}}
.s5-prom li{background:var(--glass);border:1px solid var(--line)}
.s5-hs{padding:clamp(56px,8vw,96px) 0;overflow:hidden}
.s5-track{display:flex;gap:18px;padding-left:max(20px,calc((100vw - 1240px) / 2));padding-right:20px;width:max-content}
.s5-track .pc{width:min(300px,72vw);flex:none}
html:not(.gs) .s5-track,.s5-track{max-width:none}
@media (max-width:899px){.s5-track{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.s5-track .pc{scroll-snap-align:start}}
html:not(.gs) .s5-track{width:auto;overflow-x:auto;padding-bottom:12px}
.s5 .pc-im,.s5 .ct-i{background:var(--surf);border:1px solid var(--line)}
.s5 .qa{border-color:color-mix(in srgb,var(--acc) 50%,var(--line))}
.s5-lu{padding:clamp(80px,12vw,160px) 0}
.s5-lu p{font:600 clamp(26px,3.6vw,46px)/1.25 var(--hf);max-width:26ch;margin:0}
.s5 .rv-g figure{background:var(--glass);border:1px solid var(--line)}
.s5-panel{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;border-radius:28px;padding:clamp(22px,4vw,48px);background:var(--glass);border:1px solid var(--line)}
.s5-panel h2{font-size:clamp(28px,3.6vw,46px)}
.s5-panel p{color:var(--mute)}
@media (max-width:760px){.s5-panel{grid-template-columns:minmax(0,1fr)}}