/* Huangguo module system — reference-inspired cinematic reel layout */
:root{--hg-black:#171406;--hg-ink:#211b08;--hg-yellow:#ffd51b;--hg-gold:#f5a900;--hg-orange:#ff8b18;--hg-cream:#fff7d8;--hg-muted:#bdb69a;--hg-line:rgba(255,213,27,.2)}
.hg-hero,.hg-film-section,.hg-radar-section,.hg-ranking-section,.hg-newlist-section,.hg-why-section,.hg-ai-section,.hg-app-section,.hg-talk-section,.hg-download-section,.hg-faq-preview,.hg-final-cta,.hg-sub-hero,.hg-category-intro,.hg-ranking-list-page,.hg-faq-page{position:relative;overflow:hidden}
.hg-hero{padding:54px 0 0;background:radial-gradient(ellipse at 50% 40%,rgba(255,193,0,.16),transparent 40%),linear-gradient(135deg,#211b08,#0d0d07 65%)}
.hg-hero:before{content:"";position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,#000,transparent 90%)}
.hg-hero-glow{position:absolute;left:50%;top:46%;width:min(900px,90vw);height:480px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(255,191,0,.14),transparent 68%);filter:blur(18px);pointer-events:none}
.hg-hero-stage{position:relative;z-index:1;display:grid;grid-template-columns:minmax(190px,1fr) minmax(390px,540px) minmax(190px,1fr);gap:8px;align-items:center;min-height:640px;perspective:1800px;perspective-origin:50% 45%}
.hg-hero-copy{text-align:center;position:relative;z-index:4;max-width:620px;margin:auto}
.hg-eyebrow{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,213,27,.36);background:rgba(255,213,27,.07);padding:7px 15px;border-radius:99px;color:var(--hg-yellow);font:800 11px/1.4 Inter,"Microsoft YaHei",sans-serif;letter-spacing:.2em}
.hg-eyebrow i{width:7px;height:7px;border-radius:50%;background:var(--hg-orange);box-shadow:0 0 14px var(--hg-orange);animation:hgBlink 1.7s infinite}@keyframes hgBlink{50%{opacity:.3}}
.hg-hero-logo{width:100px;height:76px;margin:22px auto 12px;display:grid;place-items:center;filter:drop-shadow(0 0 22px rgba(255,198,0,.28))}.hg-hero-logo img{width:100%;height:100%;object-fit:contain}
.hg-hero h1{font-size:clamp(40px,4.6vw,60px);line-height:1.08;letter-spacing:-.035em;color:#fff8d8}.hg-hero h1 em{display:inline-block;margin-top:10px;color:var(--hg-yellow);font-size:.57em;letter-spacing:.02em}
.hg-hero-sub{margin-top:20px;color:#fff2b7;font-weight:800;font-size:clamp(17px,1.8vw,22px);letter-spacing:.08em}.hg-hero-desc{max-width:460px;margin:12px auto 0;color:#c5bea5;font-size:14px;line-height:1.95}
.hg-hero-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}.hg-hero-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:23px}.hg-hero-tags span{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);border-radius:99px;padding:6px 11px;font-size:11px;color:#ddd4b3}
.hg-stack{height:590px;position:relative;transform-style:preserve-3d}.hg-stack-poster{position:absolute;width:174px;margin:0;animation:hgFloat 7s ease-in-out infinite;transform-style:preserve-3d}.hg-stack-poster img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:14px;border:1px solid rgba(255,225,105,.38);box-shadow:0 22px 55px rgba(0,0,0,.58)}.hg-stack-poster figcaption{padding:8px 3px 0;text-align:center;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff4c4}.hg-stack-inner{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.hg-stack-poster:hover{z-index:5}.hg-stack-poster:hover .hg-stack-inner{transform:translateZ(100px) scale(1.09)}
.hg-stack-left .p1{left:2%;top:4%;transform:rotateY(24deg) rotateZ(-4deg)}.hg-stack-left .p2{right:1%;top:19%;transform:rotateY(24deg) rotateZ(3deg);animation-delay:-1.4s}.hg-stack-left .p3{left:0;bottom:5%;transform:rotateY(24deg) rotateZ(-2deg);animation-delay:-2.8s}.hg-stack-left .p4{right:0;bottom:0;transform:rotateY(24deg) rotateZ(3deg);animation-delay:-4.2s}
.hg-stack-right .p1{right:2%;top:4%;transform:rotateY(-24deg) rotateZ(4deg);animation-delay:-.8s}.hg-stack-right .p2{left:1%;top:19%;transform:rotateY(-24deg) rotateZ(-3deg);animation-delay:-2.2s}.hg-stack-right .p3{right:0;bottom:5%;transform:rotateY(-24deg) rotateZ(2deg);animation-delay:-3.6s}.hg-stack-right .p4{left:0;bottom:0;transform:rotateY(-24deg) rotateZ(-3deg);animation-delay:-5s}
@keyframes hgFloat{0%,100%{translate:0 0}50%{translate:0 -12px}}
.hg-hero-bottom{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr) 1.5fr;gap:0;border-top:1px solid rgba(255,213,27,.18);padding:20px 0 24px;margin-top:8px}.hg-hero-bottom>div:not(.hg-hero-bottom-copy){display:flex;align-items:center;gap:14px;border-right:1px solid rgba(255,213,27,.18);padding-left:12px}.hg-hero-bottom b{font-size:25px;color:var(--hg-yellow)}.hg-hero-bottom span{font-weight:800}.hg-hero-bottom-copy{justify-self:end;text-align:right;color:#a9a187;font-size:12px;line-height:1.5}.hg-hero-bottom-copy strong{color:var(--hg-yellow);font-size:15px}
.hg-film-section{padding:0 0 30px;background:linear-gradient(160deg,#f4c21b,#dfa10b);color:#241b05}.hg-film-edge{height:17px;background:#5b3b04;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.4) 0 14px,transparent 14px 38px);background-position:center;background-size:38px 8px;background-repeat:repeat-x}.hg-film-edge.bottom{margin-top:22px}.hg-film-section .section-heading{padding-top:37px}.hg-film-section .section-kicker{color:#775306}.hg-film-section .section-heading p{color:#705516}.hg-module-tag{display:inline-flex;border:1px solid rgba(48,34,3,.25);padding:7px 13px;border-radius:99px;font-size:11px;font-weight:900;letter-spacing:.13em;color:#634607;white-space:nowrap}.hg-film-viewport{overflow-x:auto;scrollbar-width:none;cursor:grab;padding:5px 0 12px;touch-action:pan-x;overscroll-behavior-x:contain}.hg-film-viewport::-webkit-scrollbar{display:none}.hg-film-viewport.dragging{cursor:grabbing}.hg-film-track{display:flex;gap:15px;padding:0 max(24px,calc((100vw - 1240px)/2));width:max-content}.hg-film-frame{position:relative;width:190px;flex:none;border-radius:13px;overflow:hidden;background:rgba(255,255,255,.76);border:1px solid rgba(58,40,3,.2);box-shadow:0 10px 28px rgba(77,49,0,.15);transition:transform .3s,box-shadow .3s}.hg-film-frame:hover{transform:translateY(-8px);box-shadow:0 18px 34px rgba(77,49,0,.24)}.hg-film-frame img{width:100%;aspect-ratio:3/4;object-fit:cover}.hg-film-no{position:absolute;z-index:2;top:9px;left:9px;padding:4px 8px;background:#211806;color:#ffe36c;border-radius:6px;font-size:10px;font-weight:900}.hg-film-meta{padding:11px 12px 13px;display:grid;gap:4px}.hg-film-meta b{font-size:14px;color:#2a2108}.hg-film-meta small{font-size:11px;color:#80621a}.hg-film-controls{display:flex;justify-content:flex-end;gap:9px;padding:8px max(24px,calc((100vw - 1240px)/2)) 0}.hg-film-controls button{width:38px;height:38px;border:1px solid rgba(47,34,5,.35);border-radius:50%;background:transparent;color:#3b2b06;font-size:20px;cursor:pointer;transition:.2s}.hg-film-controls button:hover{background:#251b06;color:#ffdf54}
.hg-radar-section{padding:95px 0 88px;background:radial-gradient(ellipse at 14% 50%,rgba(255,194,0,.08),transparent 36%),linear-gradient(145deg,#171406,#0c0d07);color:#fff8dc}.hg-radar-section .section-heading p,.hg-newlist-section .section-heading p,.hg-talk-section .section-heading p{color:#b8b198}.hg-radar-section .hg-module-tag,.hg-newlist-section .hg-module-tag,.hg-talk-section .hg-module-tag{border-color:rgba(255,213,27,.28);color:var(--hg-yellow)}.hg-radar-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:35px;align-items:center;padding:32px;border:1px solid rgba(255,213,27,.2);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:0 25px 65px rgba(0,0,0,.24)}.hg-radar-visual{position:relative;display:grid;place-items:center;min-width:0}.hg-radar-visual svg{width:100%;max-width:500px;height:auto;overflow:visible}.hg-radar-center{position:absolute;text-align:center;max-width:150px;pointer-events:none}.hg-radar-center span{display:block;font-size:10px;letter-spacing:.2em;color:#c9b76b}.hg-radar-center b{display:block;font-size:23px;color:var(--hg-yellow);margin:5px 0}.hg-radar-center small{font-size:11px;line-height:1.5;color:#bcb49a}.hg-radar-side h3{font-size:27px;margin:13px 0 9px}.hg-radar-side>p{font-size:14px;color:#bcb49a}.hg-radar-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}.hg-radar-chips button{padding:9px 16px;border:1px solid rgba(255,213,27,.27);border-radius:99px;background:transparent;color:#f4e9b9;cursor:pointer;font-size:13px;transition:.22s}.hg-radar-chips button:hover,.hg-radar-chips button.active{background:var(--hg-yellow);border-color:var(--hg-yellow);color:#241b05;transform:translateY(-2px)}.hg-radar-result{margin-top:25px;padding:17px 18px;border-left:3px solid var(--hg-gold);background:rgba(255,213,27,.08);border-radius:0 12px 12px 0}.hg-radar-result span{display:block;font-size:11px;color:#c8b66d;letter-spacing:.12em}.hg-radar-result div{margin-top:7px;font-size:14px;font-weight:800;color:#fff3bf;line-height:1.8}
.hg-ranking-section{padding:90px 0 88px;background:linear-gradient(155deg,#f6c82a,#e7a80b);color:#261d06}.hg-ranking-section .section-heading p{color:#705619}.hg-ranking-section .hg-module-tag{border-color:rgba(47,34,5,.28);color:#674a09}.hg-rank-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:end}.hg-rank-feature{position:relative;overflow:hidden;padding:15px;border-radius:19px;background:rgba(255,255,255,.7);border:1px solid rgba(65,44,0,.17);box-shadow:0 16px 38px rgba(88,57,0,.12)}.hg-rank-feature.rank-1{transform:translateY(-12px)}.hg-rank-feature img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px}.hg-rank-feature.rank-1 img{aspect-ratio:4/3}.hg-rank-crown{position:absolute;z-index:2;top:24px;left:24px;padding:6px 11px;border-radius:7px;background:#201805;color:#ffe05a;font-size:11px;font-weight:900;letter-spacing:.12em}.hg-rank-feature-info{padding:13px 4px 2px}.hg-rank-feature h3{font-size:19px;color:#281e06}.hg-rank-feature p{font-size:12px;color:#80621b;margin-top:5px}.hg-rank-bar{display:block;height:5px;margin-top:13px;border-radius:99px;background:rgba(61,44,4,.13);overflow:hidden}.hg-rank-bar i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#e29b00,#f5c91e)}.hg-rank-list{margin-top:21px;border:1px solid rgba(65,44,0,.2);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.6)}.hg-rank-row{display:grid;grid-template-columns:54px 62px 1fr auto;gap:14px;align-items:center;padding:11px 17px;border-bottom:1px solid rgba(70,50,5,.12);transition:.2s}.hg-rank-row:last-child{border-bottom:0}.hg-rank-row:hover{background:rgba(255,255,255,.72)}.hg-rank-number{font-size:20px;color:#7a5b12}.hg-rank-row img{width:62px;height:76px;object-fit:cover;border-radius:8px}.hg-rank-row h3{font-size:15px;color:#2a2108}.hg-rank-row p{font-size:11px;color:#80621b;margin-top:4px}.hg-rank-row>a{font-size:12px;font-weight:800;color:#624605;white-space:nowrap}
.hg-newlist-section{padding:94px 0;background:linear-gradient(160deg,#151306,#0c0d07);color:#fff8df}.hg-new-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.hg-new-card{display:grid;grid-template-columns:126px 1fr;gap:17px;align-items:center;padding:13px;border-radius:17px;border:1px solid rgba(255,213,27,.15);background:linear-gradient(110deg,rgba(255,255,255,.065),rgba(255,255,255,.025));transition:transform .28s,border-color .28s,background .28s}.hg-new-card:hover{transform:translateY(-5px);border-color:rgba(255,213,27,.48);background:rgba(255,213,27,.07)}.hg-new-card>img{width:126px;aspect-ratio:3/4;object-fit:cover;border-radius:11px}.hg-new-info>span{display:inline-block;color:#eecb4b;font-size:10px;letter-spacing:.09em}.hg-new-info h3{font-size:17px;margin-top:7px;color:#fff4c6}.hg-new-info p{font-size:12px;color:#bcb49b;line-height:1.7;margin-top:6px}.hg-new-info>a{display:inline-flex;margin-top:9px;color:var(--hg-yellow);font-size:12px;font-weight:800}.hg-new-info>a b{margin-left:7px}
.hg-why-section{padding:90px 0;background:linear-gradient(155deg,#f3c52a,#dda20a);color:#261d06}.hg-centered-heading{text-align:center;max-width:720px;margin:0 auto 38px}.hg-centered-heading .section-kicker{color:#765509}.hg-centered-heading h2{font-size:clamp(29px,3.8vw,44px);margin-top:12px}.hg-centered-heading p{margin-top:11px;font-size:14px;color:#745916}.hg-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.hg-why-card{position:relative;overflow:hidden;display:block;padding:29px 27px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid rgba(64,46,5,.16);transition:.28s}.hg-why-card:hover{transform:translateY(-7px);background:#fff9e7;box-shadow:0 20px 35px rgba(78,52,0,.14)}.hg-why-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#261d06;color:#ffdc4e;font-size:16px;font-weight:900;margin-bottom:18px}.hg-why-card small{font-size:10px;letter-spacing:.15em;color:#8a6817;font-weight:900}.hg-why-card h3{font-size:20px;margin-top:9px;color:#2b2108}.hg-why-card p{font-size:13px;color:#79601d;margin-top:9px;line-height:1.8}
.hg-ai-section{padding:94px 0;background:radial-gradient(ellipse at 85% 30%,rgba(255,193,0,.1),transparent 34%),#151306;color:#fff7d9}.hg-ai-box{display:grid;grid-template-columns:1fr 280px;border:1px solid rgba(255,213,27,.22);border-radius:23px;overflow:hidden;background:rgba(255,255,255,.045);box-shadow:0 25px 65px rgba(0,0,0,.22)}.hg-ai-chat{display:flex;flex-direction:column;min-height:400px}.hg-ai-bar{display:flex;align-items:center;gap:11px;padding:17px 21px;border-bottom:1px solid rgba(255,213,27,.15);background:rgba(255,213,27,.06)}.hg-ai-bar i{width:9px;height:9px;border-radius:50%;background:#9bd34a;box-shadow:0 0 12px rgba(155,211,74,.7)}.hg-ai-bar b{font-size:14px}.hg-ai-bar span{margin-left:auto;font-size:10px;letter-spacing:.15em;color:#c9b66e}.hg-ai-log{flex:1;min-height:245px;max-height:340px;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:13px}.hg-ai-message{max-width:82%;padding:13px 16px;border-radius:14px;font-size:13px;line-height:1.8;animation:hgMsg .25s ease}.hg-ai-message small{display:block;font-size:10px;opacity:.62;margin-bottom:4px}.hg-ai-message.bot{align-self:flex-start;background:#fff5c9;color:#302508;border-top-left-radius:4px}.hg-ai-message.user{align-self:flex-end;background:#f2bd18;color:#241b05;border-bottom-right-radius:4px}@keyframes hgMsg{from{opacity:0;transform:translateY(9px)}}.hg-ai-form{display:flex;gap:10px;padding:15px;border-top:1px solid rgba(255,213,27,.15)}.hg-ai-form input{flex:1;min-width:0;border:1px solid rgba(255,213,27,.22);border-radius:99px;background:rgba(0,0,0,.24);color:#fff4c2;padding:12px 16px;outline:none}.hg-ai-form input::placeholder{color:#9e9576}.hg-ai-form button{border:0;border-radius:99px;background:linear-gradient(120deg,#ffe45a,#f5a900);color:#251b05;padding:0 20px;font-weight:900;cursor:pointer}.hg-ai-side{padding:22px;background:rgba(255,213,27,.06);border-left:1px solid rgba(255,213,27,.15)}.hg-ai-side h3{font-size:15px;margin-bottom:14px}.hg-ai-side button{display:block;width:100%;text-align:left;padding:11px 13px;margin-top:9px;border-radius:11px;border:1px solid rgba(255,213,27,.18);background:rgba(255,255,255,.04);color:#f5e8b6;font-size:12px;cursor:pointer;transition:.2s}.hg-ai-side button:hover{border-color:var(--hg-yellow);background:rgba(255,213,27,.12);transform:translateX(4px)}
.hg-app-section{padding:92px 0;background:linear-gradient(155deg,#f5c72b,#e3a20b);color:#2a2108}.hg-app-section .hg-centered-heading p{color:#735816}.hg-app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.hg-app-card{padding:27px 25px;border-radius:17px;background:rgba(255,255,255,.68);border:1px solid rgba(66,47,5,.16);transition:.25s}.hg-app-card:hover{transform:translateY(-6px);background:#fff9e7}.hg-app-card span{font-size:10px;letter-spacing:.17em;color:#8b6714;font-weight:900}.hg-app-card b{display:block;font-size:21px;margin-top:13px}.hg-app-card p{font-size:13px;color:#7d611c;margin-top:7px}.hg-device-row{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:20px}.hg-device-row>div{display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:12px;padding:15px 18px;border-radius:14px;border:1px solid rgba(60,43,5,.2);background:rgba(255,255,255,.38)}.hg-device-icon{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#241b06;color:#ffdb50;font-weight:900;font-size:13px}.hg-device-row b{font-size:14px}.hg-device-row small{font-size:11px;color:#80621a}
.hg-talk-section{padding:88px 0;background:#141205;color:#fff7dc}.hg-ticker{overflow:hidden;border-block:1px solid rgba(255,213,27,.2);background:rgba(255,213,27,.07);padding:13px 0}.hg-ticker-track{display:flex;gap:50px;width:max-content;animation:hgTicker 32s linear infinite}.hg-ticker:hover .hg-ticker-track{animation-play-state:paused}.hg-ticker-track span{font-size:13px;color:#f4d96e;white-space:nowrap}.hg-ticker-track span:before{content:"✦";margin-right:13px;color:#ff9d19}@keyframes hgTicker{to{transform:translateX(-50%)}}.hg-talk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px}.hg-talk-card{padding:23px;border:1px solid rgba(255,213,27,.15);border-radius:15px;background:rgba(255,255,255,.04)}.hg-talk-card b{font-size:17px;color:#ffe27a}.hg-talk-card p{font-size:13px;color:#bcb49a;margin-top:9px;min-height:46px}.hg-talk-card a{display:inline-block;color:var(--hg-yellow);font-size:12px;font-weight:800;margin-top:12px}
.hg-download-section{padding:84px 0;background:linear-gradient(160deg,#f2c323,#d99b06);color:#251c06}.hg-download-panel{position:relative;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:30px;padding:48px 55px;border-radius:27px;overflow:visible;border:1px solid rgba(59,42,4,.2);background:radial-gradient(ellipse at 85% 45%,rgba(255,255,255,.68),transparent 32%),linear-gradient(120deg,#fff1a8,#f5c32c 50%,#efa60b);box-shadow:0 25px 60px rgba(97,62,0,.18)}.hg-download-copy .section-kicker{color:#7c5a0b}.hg-download-copy h2{font-size:clamp(30px,3.6vw,43px);margin-top:12px}.hg-download-copy p{font-size:14px;color:#765818;margin-top:12px;max-width:470px}.hg-download-points{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0 24px}.hg-download-points span{font-size:12px;color:#60490e;font-weight:800}.hg-download-panel .btn-gold{background:#211905;color:#ffdf55;box-shadow:0 12px 28px rgba(49,34,0,.2)}.hg-download-panel .qr-pop{bottom:calc(100% + 12px);top:auto}.hg-download-qr{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:265px}.hg-download-qr img{position:relative;z-index:1;width:190px;height:190px;padding:9px;background:#fff;border-radius:18px;box-shadow:0 20px 40px rgba(52,37,2,.2)}.hg-download-qr b{margin-top:13px;font-size:14px}.hg-download-qr small{font-size:10px;letter-spacing:.17em;color:#86640f;margin-top:4px}.hg-qr-ring{position:absolute;width:250px;height:250px;border:1px solid rgba(112,78,4,.2);border-radius:50%;box-shadow:0 0 0 20px rgba(255,255,255,.12),0 0 0 42px rgba(255,255,255,.08)}
.hg-faq-preview{padding:84px 0 94px;background:#141205;color:#fff7dc}.hg-faq-preview .section-heading p{color:#bdb49a}.hg-faq-list{border-top:1px solid rgba(255,213,27,.2)}.hg-faq-list details,.hg-faq-item{border-bottom:1px solid rgba(255,213,27,.17);padding:18px 0}.hg-faq-list summary,.hg-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;list-style:none;font-size:16px;font-weight:800;color:#fff3c3}.hg-faq-list summary::-webkit-details-marker,.hg-faq-item summary::-webkit-details-marker{display:none}.hg-faq-list summary i,.hg-faq-item summary i{font-style:normal;font-size:21px;color:var(--hg-yellow);transition:transform .2s}.hg-faq-list details[open] summary i,.hg-faq-item[open] summary i{transform:rotate(45deg)}.hg-faq-list details p,.hg-faq-item p{padding:12px 42px 2px 0;font-size:14px;color:#bdb49a;line-height:1.9}
.hg-final-cta{padding:82px 0;background:#100f07}.hg-final-card{padding:55px 28px;text-align:center;border-radius:25px;border:1px solid rgba(255,213,27,.24);background:radial-gradient(ellipse at 50% 0%,rgba(255,195,0,.18),transparent 60%),#1c190b}.hg-final-card>img{width:145px;height:85px;object-fit:contain;margin:0 auto 17px}.hg-final-card .section-kicker{color:var(--hg-yellow)}.hg-final-card h2{font-size:clamp(29px,4vw,45px);margin-top:12px;color:#fff4c1}.hg-final-card p{color:#bcb49b;margin-top:11px;font-size:14px}.hg-final-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:25px}
.hg-sub-hero{padding:68px 0 62px;background:radial-gradient(ellipse at 78% 45%,rgba(255,194,0,.16),transparent 34%),linear-gradient(135deg,#211b08,#0d0e08 68%);color:#fff6d2}.hg-sub-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;min-height:360px}.hg-sub-copy h1{font-size:clamp(40px,5vw,58px);margin-top:20px}.hg-sub-copy h1 em{color:var(--hg-yellow)}.hg-sub-copy>p{font-size:14px;line-height:1.9;color:#c1b99f;margin-top:12px;max-width:570px}.hg-sub-copy .hg-sub-lead{font-size:19px;color:#fff0b1;font-weight:800;margin-top:17px}.hg-sub-feature{position:relative;width:min(360px,100%);justify-self:center;padding:12px;border:1px solid rgba(255,213,27,.28);border-radius:20px;background:rgba(255,255,255,.06);box-shadow:0 24px 60px rgba(0,0,0,.35);transform:rotate(2deg)}.hg-sub-feature>img{width:100%;height:310px;object-fit:cover;border-radius:13px}.hg-sub-feature>div{display:grid;gap:4px;padding:11px 5px 3px}.hg-sub-feature small{font-size:9px;letter-spacing:.16em;color:var(--hg-yellow)}.hg-sub-feature b{font-size:18px}.hg-sub-feature span{font-size:12px;color:#c6b98b}.hg-category-intro{padding:75px 0;background:#171406;color:#fff5d0}.hg-category-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.hg-category-intro h2{font-size:clamp(29px,3.5vw,42px);margin-top:12px}.hg-category-intro p{font-size:14px;color:#c1b99f;margin-top:13px;line-height:1.9}.hg-category-points{display:grid;gap:10px}.hg-category-points>div{display:flex;align-items:center;gap:17px;padding:15px 18px;border:1px solid rgba(255,213,27,.17);border-radius:13px;background:rgba(255,255,255,.04)}.hg-category-points b{font-size:20px;color:var(--hg-yellow)}.hg-category-points span{font-size:14px;font-weight:800}.hg-faq-page{background:#141205;color:#fff6d6}.hg-faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;align-items:start}.hg-faq-aside{position:sticky;top:110px;padding:28px;border:1px solid rgba(255,213,27,.2);border-radius:18px;background:linear-gradient(145deg,#25200c,#171406)}.hg-faq-aside h2{font-size:32px;margin-top:14px}.hg-faq-aside h2 em{color:var(--hg-yellow)}.hg-faq-aside p{font-size:13px;color:#bdb49a;margin:14px 0 22px}.hg-faq-page-list{border-top:1px solid rgba(255,213,27,.2)}.hg-faq-mark{width:270px;height:270px;justify-self:center;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,213,27,.25);background:radial-gradient(circle,rgba(255,213,27,.17),transparent 70%);box-shadow:0 0 80px rgba(255,198,0,.1)}.hg-faq-mark span{font-size:68px;font-weight:900;color:var(--hg-yellow)}.hg-faq-mark b{font-size:11px;letter-spacing:.18em;color:#c8b879}
.hg-ranking-list-page{background:#141205;color:#fff6d6}.hg-rank-page-list{display:grid;gap:11px}.hg-rank-page-row{display:grid;grid-template-columns:52px 78px 1fr auto;gap:17px;align-items:center;padding:13px 16px;border:1px solid rgba(255,213,27,.15);border-radius:15px;background:linear-gradient(100deg,rgba(255,255,255,.06),rgba(255,255,255,.02));transition:.22s}.hg-rank-page-row:hover{border-color:rgba(255,213,27,.5);transform:translateX(4px)}.hg-rank-page-no{font-size:25px;color:var(--hg-yellow)}.hg-rank-page-row>img{width:78px;height:95px;object-fit:cover;border-radius:9px}.hg-rank-page-row h3{font-size:16px}.hg-rank-page-row p{font-size:12px;color:#c6b98f;margin-top:4px}.hg-rank-page-row small{display:block;font-size:11px;color:#aaa187;margin-top:4px}.hg-rank-page-row>a{font-size:12px;color:var(--hg-yellow);font-weight:800;white-space:nowrap}
@media(max-width:1050px){.hg-hero-stage{grid-template-columns:170px minmax(320px,1fr) 170px;min-height:590px}.hg-stack-poster{width:145px}.hg-stack{height:540px}.hg-radar-wrap{gap:20px;padding:24px}.hg-new-card{grid-template-columns:110px 1fr}.hg-new-card>img{width:110px}.hg-download-panel{padding:38px 35px}}
@media(max-width:820px){.hg-hero-stage{grid-template-columns:1fr;min-height:0;gap:20px}.hg-hero-copy{grid-row:1}.hg-stack{height:260px;order:2;display:flex;overflow:hidden;gap:10px;justify-content:center}.hg-stack-poster{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:22%;max-width:140px;flex:none;transform:none!important;animation:none}.hg-stack-poster:nth-child(2n){margin-top:25px}.hg-stack-poster:nth-child(3n){margin-top:8px}.hg-stack-poster figcaption{font-size:10px}.hg-stack-poster img{border-radius:10px}.hg-stack-left{margin-top:12px}.hg-stack-right{margin-top:-12px}.hg-hero-bottom{margin-top:12px}.hg-radar-wrap{grid-template-columns:1fr}.hg-radar-visual svg{max-width:420px}.hg-sub-hero-grid{gap:25px}.hg-sub-feature{width:280px}.hg-sub-feature>img{height:245px}}
@media(max-width:640px){.hg-hero{padding-top:34px}.hg-hero-stage{gap:8px}.hg-hero-copy{padding:0 2px}.hg-hero-logo{width:86px;height:65px;margin:17px auto 10px}.hg-hero h1{font-size:42px}.hg-hero-desc{font-size:13px}.hg-hero-tags{gap:6px}.hg-hero-tags span{font-size:10px;padding:5px 8px}.hg-stack{height:205px;gap:6px}.hg-stack-poster{width:23%;padding:0}.hg-stack-poster figcaption{font-size:9px;padding-top:5px}.hg-stack-poster img{border-radius:8px}.hg-hero-bottom{grid-template-columns:repeat(3,1fr);padding:14px 0}.hg-hero-bottom>div:not(.hg-hero-bottom-copy){gap:7px;padding-left:4px}.hg-hero-bottom b{font-size:20px}.hg-hero-bottom span{font-size:12px}.hg-hero-bottom-copy{grid-column:1/-1;justify-self:start;text-align:left;margin-top:10px}.hg-film-section{padding-bottom:18px}.hg-film-section .section-heading{padding-top:28px}.hg-film-track{gap:10px;padding-inline:17px}.hg-film-frame{width:145px}.hg-film-frame img{aspect-ratio:3/4}.hg-film-meta{padding:8px 9px 10px}.hg-film-meta b{font-size:12px}.hg-film-controls{padding-inline:17px}.hg-film-controls button{width:34px;height:34px}.hg-radar-section,.hg-newlist-section,.hg-ai-section,.hg-talk-section{padding:68px 0}.hg-radar-wrap{padding:16px;border-radius:18px}.hg-radar-center{max-width:115px}.hg-radar-center b{font-size:18px}.hg-radar-center small{font-size:9px}.hg-radar-side h3{font-size:22px}.hg-radar-chips button{padding:8px 13px;font-size:12px}.hg-ranking-section,.hg-why-section,.hg-app-section{padding:68px 0}.hg-rank-podium{grid-template-columns:1fr;gap:12px}.hg-rank-feature{display:grid;grid-template-columns:112px 1fr;gap:12px;align-items:center;padding:11px}.hg-rank-feature.rank-1{transform:none}.hg-rank-feature img{width:112px;height:130px;aspect-ratio:auto;grid-row:1}.hg-rank-feature-info{padding:0}.hg-rank-feature h3{font-size:16px}.hg-rank-crown{top:17px;left:17px;font-size:9px;padding:4px 7px}.hg-rank-list{margin-top:13px}.hg-rank-row{grid-template-columns:34px 48px 1fr;gap:9px;padding:9px}.hg-rank-row img{width:48px;height:60px}.hg-rank-number{font-size:16px}.hg-rank-row h3{font-size:13px}.hg-rank-row p{font-size:10px}.hg-rank-row>a{grid-column:3;justify-self:start;font-size:10px}.hg-new-grid{grid-template-columns:1fr;gap:10px}.hg-new-card{grid-template-columns:94px 1fr;gap:12px;padding:10px}.hg-new-card>img{width:94px}.hg-new-info h3{font-size:14px}.hg-new-info p{font-size:11px}.hg-new-info>a{font-size:11px;margin-top:6px}.hg-why-grid,.hg-app-grid,.hg-talk-grid{grid-template-columns:1fr;gap:11px}.hg-why-card{padding:21px}.hg-why-card h3{font-size:18px}.hg-ai-box{grid-template-columns:1fr}.hg-ai-chat{min-height:360px}.hg-ai-side{border-left:0;border-top:1px solid rgba(255,213,27,.15);display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:16px}.hg-ai-side h3{grid-column:1/-1;margin:0}.hg-ai-side button{margin:0;padding:10px}.hg-ai-form{padding:11px}.hg-ai-form input{font-size:12px;padding:11px 13px}.hg-ai-form button{font-size:12px;padding:0 13px}.hg-app-grid{gap:10px}.hg-app-card{padding:19px}.hg-app-card b{font-size:18px;margin-top:8px}.hg-device-row{grid-template-columns:1fr;gap:8px}.hg-device-row>div{padding:11px 14px}.hg-talk-card p{min-height:0}.hg-download-section{padding:62px 0}.hg-download-panel{grid-template-columns:1fr;padding:27px 21px;gap:18px;border-radius:20px}.hg-download-copy h2{font-size:31px}.hg-download-copy p{font-size:13px}.hg-download-points{gap:9px 13px;margin:15px 0 19px}.hg-download-points span{font-size:11px}.hg-download-qr{min-height:230px}.hg-download-qr img{width:158px;height:158px}.hg-qr-ring{width:205px;height:205px}.hg-faq-preview{padding:65px 0 72px}.hg-faq-list summary,.hg-faq-item summary{font-size:14px}.hg-faq-list details p,.hg-faq-item p{font-size:12px;padding-right:8px}.hg-final-cta{padding:58px 0}.hg-final-card{padding:36px 19px}.hg-final-card>img{width:125px;height:72px}.hg-sub-hero{padding:46px 0 42px}.hg-sub-hero-grid{grid-template-columns:1fr;gap:25px}.hg-sub-copy h1{font-size:40px}.hg-sub-copy>p{font-size:13px}.hg-sub-copy .hg-sub-lead{font-size:17px}.hg-sub-feature{width:220px}.hg-sub-feature>img{height:230px}.hg-category-intro{padding:55px 0}.hg-category-intro-grid{grid-template-columns:1fr;gap:22px}.hg-category-intro h2{font-size:32px}.hg-category-points>div{padding:12px 14px}.hg-faq-layout{grid-template-columns:1fr;gap:25px}.hg-faq-aside{position:static;padding:21px}.hg-faq-aside h2{font-size:28px}.hg-faq-mark{width:190px;height:190px}.hg-faq-mark span{font-size:49px}.hg-rank-page-row{grid-template-columns:31px 58px 1fr;gap:9px;padding:10px}.hg-rank-page-no{font-size:18px}.hg-rank-page-row>img{width:58px;height:73px}.hg-rank-page-row h3{font-size:13px}.hg-rank-page-row p,.hg-rank-page-row small{font-size:10px}.hg-rank-page-row>a{grid-column:3;justify-self:start;font-size:10px}.hg-centered-heading{margin-bottom:26px}.hg-centered-heading h2{font-size:30px}.hg-ticker-track{gap:25px}.hg-talk-card{padding:19px}}
@media(prefers-reduced-motion:reduce){.hg-stack-poster,.hg-ticker-track{animation:none!important}.hg-film-viewport{scroll-behavior:auto!important}}


/* ===== Readability pass: stronger contrast, full text wrapping ===== */
.hg-hero-desc{color:#e1dbc5}
.hg-hero-tags span{color:#f1e8c9}
.hg-stack-poster figcaption{
  color:#fff8df;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  line-height:1.45;
  overflow-wrap:anywhere;
  min-height:2.8em;
  text-shadow:0 2px 8px rgba(0,0,0,.85);
}
.hg-film-section .section-kicker{color:#513900}
.hg-film-section .section-heading h2{color:#241b05}
.hg-film-section .section-heading p{color:#4e3908}
.hg-film-section .hg-module-tag{color:#493400;border-color:rgba(53,37,3,.42)}
.hg-film-meta b{color:#211803}
.hg-film-meta small{color:#4c3605;font-size:12px;line-height:1.45}
.hg-rank-feature p,.hg-rank-row p{color:#55400b}
.hg-rank-number{color:#60480a}
.hg-rank-row>a{color:#493400}
.hg-ranking-section .section-heading p{color:#503a08}
.hg-why-section .hg-centered-heading p{color:#503b0a}
.hg-why-card small{color:#5d4308}
.hg-why-card p{color:#4f3b0a}
.hg-app-section .hg-centered-heading p{color:#503b0a}
.hg-app-card p,.hg-device-row small{color:#55400b}
.hg-download-copy p{color:#4e3908}
.hg-download-points span{color:#493400}
.hg-download-qr small{color:#594107}
.hg-sub-copy>p{color:#e0d8bf}
.hg-sub-copy .hg-sub-lead{color:#fff2bd}
.hg-sub-feature span{color:#e0d4ad}
.hg-sub-feature small{color:#ffe16a}

/* Sub-page hero actions: consistent sizing, clear hierarchy and aligned QR hover */
.hg-sub-hero{overflow:visible;z-index:3}
.hg-sub-hero-grid{position:relative;z-index:2}
.hg-sub-hero .hg-hero-actions{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-wrap:wrap;
  gap:13px;
  margin-top:27px;
}
.hg-sub-hero .hg-hero-actions>.download-hover{
  display:inline-flex;
  position:relative;
  flex:0 0 auto;
}
.hg-sub-hero .hg-hero-actions>.btn,
.hg-sub-hero .hg-hero-actions .download-hover>.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:178px;
  min-height:54px;
  padding:14px 24px;
  border-radius:999px;
  font-size:15px;
  line-height:1.35;
  font-weight:900;
  letter-spacing:.02em;
  white-space:normal;
  text-align:center;
  box-shadow:0 10px 24px rgba(0,0,0,.24);
}
.hg-sub-hero .hg-hero-actions .btn-gold{
  color:#241b05;
  background:linear-gradient(120deg,#ffe66a 0%,#ffd21a 55%,#f5a900 100%);
  border:1px solid rgba(255,245,185,.55);
}
.hg-sub-hero .hg-hero-actions .btn-gold:hover{
  box-shadow:0 15px 32px rgba(255,194,0,.28);
  transform:translateY(-3px);
}
.hg-sub-hero .hg-hero-actions .btn-outline{
  color:#ffe477;
  border:1px solid rgba(255,218,83,.72);
  background:rgba(255,213,27,.08);
  box-shadow:none;
}
.hg-sub-hero .hg-hero-actions .btn-outline:hover{
  color:#241b05;
  background:#ffdc42;
  border-color:#ffdc42;
}
.hg-sub-hero .hg-hero-actions .qr-pop{
  z-index:120;
  width:218px;
  color:#211b08;
  background:#fffdf4;
  box-shadow:0 18px 48px rgba(0,0,0,.48);
}
.hg-sub-hero .hg-hero-actions .qr-pop img{
  width:146px;
  height:146px;
  object-fit:contain;
}
.hg-sub-hero .hg-hero-actions .qr-pop b{color:#241b05;font-size:14px}
.hg-sub-hero .hg-hero-actions .qr-pop small{color:#554b31;font-size:12px}

/* New episode cards: larger poster, stronger text hierarchy, no clipped copy */
.hg-new-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  align-items:stretch;
}
.hg-new-card{
  grid-template-columns:148px minmax(0,1fr);
  min-height:216px;
  gap:19px;
  padding:16px;
  align-items:center;
  overflow:visible;
}
.hg-new-card>img{
  width:148px;
  height:auto;
  aspect-ratio:3/4;
  object-fit:cover;
  border-radius:12px;
  align-self:center;
}
.hg-new-info{min-width:0}
.hg-new-info>span{
  color:#ffe16a;
  font-size:12px;
  line-height:1.5;
  font-weight:800;
  letter-spacing:.04em;
}
.hg-new-info h3{
  color:#fff7d9;
  font-size:19px;
  line-height:1.4;
  margin-top:8px;
  overflow-wrap:anywhere;
  word-break:normal;
}
.hg-new-info p{
  color:#e0dac6;
  font-size:14px;
  line-height:1.8;
  margin-top:8px;
  overflow-wrap:anywhere;
  display:block;
  overflow:visible;
}
.hg-new-info>a{
  display:inline-flex;
  align-items:center;
  color:#ffdc39;
  font-size:14px;
  line-height:1.5;
  margin-top:12px;
  font-weight:900;
}
.hg-new-info>a b{margin-left:8px}

@media(max-width:1050px){
  .hg-new-grid{gap:15px}
  .hg-new-card{grid-template-columns:124px minmax(0,1fr);gap:15px;min-height:190px;padding:13px}
  .hg-new-card>img{width:124px}
  .hg-new-info h3{font-size:17px}
  .hg-new-info p{font-size:13.5px}
}
@media(max-width:820px){
  .hg-sub-hero .hg-hero-actions{gap:11px}
  .hg-sub-hero .hg-hero-actions>.btn,
  .hg-sub-hero .hg-hero-actions .download-hover>.btn{min-width:160px}
  .hg-new-grid{grid-template-columns:1fr;gap:14px}
  .hg-new-card{grid-template-columns:132px minmax(0,1fr);min-height:190px}
  .hg-new-card>img{width:132px}
  .hg-new-info h3{font-size:18px}
  .hg-new-info p{font-size:14px}
}
@media(max-width:640px){
  .hg-sub-hero .hg-hero-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:22px;
  }
  .hg-sub-hero .hg-hero-actions>.download-hover,
  .hg-sub-hero .hg-hero-actions>.btn{width:100%;min-width:0}
  .hg-sub-hero .hg-hero-actions>.download-hover>.btn,
  .hg-sub-hero .hg-hero-actions>.btn{
    width:100%;
    min-width:0;
    min-height:50px;
    padding:12px 10px;
    font-size:14px;
  }
  .hg-new-card{
    grid-template-columns:108px minmax(0,1fr);
    gap:13px;
    min-height:0;
    padding:12px;
    border-radius:15px;
  }
  .hg-new-card>img{width:108px;aspect-ratio:3/4}
  .hg-new-info>span{font-size:11px}
  .hg-new-info h3{font-size:16px;line-height:1.4;margin-top:5px}
  .hg-new-info p{font-size:13px;line-height:1.7;margin-top:6px}
  .hg-new-info>a{font-size:12px;margin-top:8px}
  .hg-film-meta b{font-size:13px;line-height:1.4;white-space:normal}
  .hg-film-meta small{font-size:11px}
}
@media(max-width:380px){
  .hg-sub-hero .hg-hero-actions{grid-template-columns:1fr}
  .hg-new-card{grid-template-columns:96px minmax(0,1fr);gap:11px;padding:10px}
  .hg-new-card>img{width:96px}
  .hg-new-info h3{font-size:15px}
  .hg-new-info p{font-size:12.5px}
}


/* ===== Motion polish: smoother timing and less abrupt movement ===== */
:root{
  --hg-motion:cubic-bezier(.22,.68,.2,1);
  --hg-motion-soft:cubic-bezier(.2,.72,.22,1);
}
html{scroll-behavior:smooth}
.hg-hero,.hg-download-section,.hg-final-cta,.hg-sub-hero{
  overflow:visible;
  position:relative;
  z-index:5;
}
.hg-hero-stage,.hg-sub-hero-grid{overflow:visible}
.reveal{
  transition:
    opacity .82s var(--hg-motion),
    transform .82s var(--hg-motion);
  will-change:opacity,transform;
}
.reveal.out{transition-duration:.62s}
.hg-stack-poster{
  animation-duration:8.5s;
  animation-timing-function:var(--hg-motion);
}
.hg-stack-inner,.hg-stack-poster img,.hg-film-frame,.hg-rank-feature,
.hg-rank-row,.hg-why-card,.hg-app-card,.hg-talk-card,.hg-new-card,
.hg-sub-feature,.hg-rank-page-row,.hg-hero-actions .btn{
  transition-timing-function:var(--hg-motion)!important;
  transition-duration:.42s!important;
}
.hg-stack-poster:hover .hg-stack-inner{transform:translateZ(58px) scale(1.045)}
.hg-film-frame:hover{transform:translateY(-5px)}
.hg-new-card:hover,.hg-why-card:hover,.hg-app-card:hover,.hg-talk-card:hover{
  transform:translateY(-4px);
}
.hg-rank-page-row:hover{transform:translateX(2px)}
.hg-sub-feature{transform:rotate(1deg)}
.hg-sub-feature:hover{transform:rotate(0) translateY(-4px)}
.hg-ai-message{animation:hgMsg .34s var(--hg-motion) both}
.hg-ticker-track,.hg-film-track{will-change:transform}
.hg-film-viewport{scroll-behavior:auto}
.hg-film-viewport.dragging{cursor:grabbing}

/* Restore hover QR popups above all hero/download sections */
.download-hover{
  position:relative;
  z-index:30;
}
.download-hover:hover,
.download-hover:focus-within,
.top-download:hover,
.top-download:focus-within{
  z-index:220;
}
.download-hover>.qr-pop{
  display:flex;
  z-index:240;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:
    opacity .24s var(--hg-motion),
    transform .24s var(--hg-motion),
    visibility .24s;
}
.download-hover:hover>.qr-pop,
.download-hover:focus-within>.qr-pop{
  display:flex!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto;
}
.download-hover>.qr-pop.qr-above{
  bottom:calc(100% + 13px);
  top:auto;
  left:50%;
  transform:translate(-50%,9px) scale(.97);
}
.download-hover:hover>.qr-pop.qr-above,
.download-hover:focus-within>.qr-pop.qr-above{
  transform:translate(-50%,0) scale(1)!important;
}
.download-hover>.qr-pop.qr-below{
  top:calc(100% + 13px);
  bottom:auto;
  left:50%;
  transform:translate(-50%,-9px) scale(.97);
}
.download-hover:hover>.qr-pop.qr-below,
.download-hover:focus-within>.qr-pop.qr-below{
  transform:translate(-50%,0) scale(1)!important;
}
.site-header,.header-inner,.header-actions{overflow:visible}
/* .site-header{z-index:260} */
.top-download{z-index:261}
.top-download>.qr-pop{z-index:280}

/* Smaller new-grid posters while keeping readable text */
.hg-new-card{
  grid-template-columns:120px minmax(0,1fr);
  min-height:184px;
  gap:16px;
  padding:14px;
}
.hg-new-card>img{width:120px}
.hg-new-info h3{font-size:18px}
.hg-new-info p{font-size:13.5px;line-height:1.72}
@media(max-width:1050px){
  .hg-new-card{
    grid-template-columns:108px minmax(0,1fr);
    min-height:170px;
    gap:14px;
    padding:12px;
  }
  .hg-new-card>img{width:108px}
}
@media(max-width:640px){
  .hg-new-card{
    grid-template-columns:94px minmax(0,1fr);
    min-height:0;
    gap:12px;
    padding:11px;
  }
  .hg-new-card>img{width:94px}
  .hg-new-info h3{font-size:15px}
  .hg-new-info p{font-size:12.5px;line-height:1.65}
}
@media(max-width:380px){
  .hg-new-card{grid-template-columns:86px minmax(0,1fr);gap:10px}
  .hg-new-card>img{width:86px}
}

/* Keep QR hover behavior desktop-only; touch devices open the download link directly */
@media(max-width:640px){
  .download-hover>.qr-pop{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .reveal,.hg-stack-poster,.hg-film-track,.hg-ticker-track,
  .hg-stack-inner,.hg-stack-poster img,.hg-film-frame,.hg-rank-feature,
  .hg-rank-row,.hg-why-card,.hg-app-card,.hg-talk-card,.hg-new-card,
  .hg-sub-feature,.hg-rank-page-row,.hg-hero-actions .btn{
    animation:none!important;
    transition:none!important;
    scroll-behavior:auto!important;
  }
}


/* ===== V4: QR popup reliability across all download placements ===== */
.site-header,.header-inner,.header-actions,
.hg-hero,.hg-hero-stage,.hg-hero-copy,.hg-hero-actions,
.hg-sub-hero,.hg-sub-hero-grid,.hg-download-section,
.hg-download-panel,.hg-download-copy,.hg-final-cta{
  overflow:visible!important;
}
/* .site-header{position:sticky;z-index:600!important} */
.header-actions{position:relative;z-index:601}
.download-hover{position:relative!important;display:inline-flex;z-index:602}
.download-hover:hover,.download-hover:focus-within{z-index:9998!important}
.download-hover .qr-pop{
  display:flex!important;
  width:218px;
  min-height:0;
  padding:15px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  border-radius:16px;
  background:#fffdf4!important;
  color:#241d0a!important;
  box-shadow:0 18px 48px rgba(0,0,0,.42);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  z-index:10000!important;
  transition:opacity .22s ease,transform .22s ease,visibility .22s ease;
}
.download-hover .qr-pop img{
  display:block!important;
  width:146px!important;
  height:146px!important;
  max-width:none;
  object-fit:contain;
  padding:0;
  background:#fff;
  border-radius:7px;
}
.download-hover .qr-pop b{
  display:block;
  color:#241d0a!important;
  font-size:14px;
  line-height:1.4;
  font-weight:900;
}
.download-hover .qr-pop small{
  display:block;
  color:#625638!important;
  font-size:12px;
  line-height:1.4;
}
.download-hover:hover .qr-pop,
.download-hover:focus-within .qr-pop{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.download-hover .qr-pop.qr-above{
  top:auto!important;
  bottom:calc(100% + 13px)!important;
  left:50%!important;
  transform:translate(-50%,8px) scale(.97);
}
.download-hover:hover .qr-pop.qr-above,
.download-hover:focus-within .qr-pop.qr-above{
  transform:translate(-50%,0) scale(1)!important;
}
.download-hover .qr-pop.qr-below{
  top:calc(100% + 13px)!important;
  bottom:auto!important;
  left:50%!important;
  transform:translate(-50%,-8px) scale(.97);
}
.download-hover:hover .qr-pop.qr-below,
.download-hover:focus-within .qr-pop.qr-below{
  transform:translate(-50%,0) scale(1)!important;
}
.hg-download-panel{position:relative;z-index:10}
.hg-download-copy{position:relative;z-index:20}
.hg-download-copy .download-hover{z-index:30}
@media(max-width:640px){
  .download-hover .qr-pop{display:none!important}
}

/* ===== V4: more compact new-episode posters and clearer title treatment ===== */
.hg-new-grid{gap:17px}
.hg-new-card{
  grid-template-columns:104px minmax(0,1fr)!important;
  gap:16px!important;
  min-height:160px;
  padding:14px!important;
  align-items:center;
}
.hg-new-card>img{
  width:104px!important;
  height:auto;
  aspect-ratio:3/4;
  object-fit:cover;
  border-radius:10px;
}
.hg-new-info{min-width:0}
.hg-new-info h3{
  display:block;
  margin:0 0 7px!important;
  padding:0 0 7px 11px;
  border-left:3px solid #ffd51b;
  border-bottom:1px solid rgba(255,213,27,.18);
  color:#fff8df!important;
  font-size:19px!important;
  line-height:1.38!important;
  font-weight:900!important;
  letter-spacing:.01em;
  text-shadow:0 1px 10px rgba(0,0,0,.28);
  overflow-wrap:anywhere;
}
.hg-new-info>span{
  color:#f6d85c!important;
  font-size:11px!important;
  line-height:1.5;
  font-weight:800;
}
.hg-new-info p{
  color:#ddd6c1!important;
  font-size:13px!important;
  line-height:1.72!important;
  margin-top:6px!important;
}
.hg-new-info>a{
  color:#ffdf43!important;
  font-size:13px!important;
  font-weight:900!important;
  margin-top:9px!important;
}
@media(max-width:1050px){
  .hg-new-card{grid-template-columns:96px minmax(0,1fr)!important;gap:14px!important}
  .hg-new-card>img{width:96px!important}
  .hg-new-info h3{font-size:18px!important}
}
@media(max-width:640px){
  .hg-new-grid{gap:12px}
  .hg-new-card{
    grid-template-columns:82px minmax(0,1fr)!important;
    gap:12px!important;
    min-height:0;
    padding:11px!important;
  }
  .hg-new-card>img{width:82px!important;border-radius:9px}
  .hg-new-info h3{
    font-size:16px!important;
    line-height:1.35!important;
    padding-left:8px;
    padding-bottom:5px;
    margin-bottom:6px!important;
  }
  .hg-new-info>span{font-size:10px!important}
  .hg-new-info p{font-size:12px!important;line-height:1.62!important}
  .hg-new-info>a{font-size:12px!important;margin-top:7px!important}
}
@media(max-width:380px){
  .hg-new-card{grid-template-columns:76px minmax(0,1fr)!important;gap:10px!important}
  .hg-new-card>img{width:76px!important}
  .hg-new-info h3{font-size:15px!important}
}


/* ===== V5: exact poster selectors requested for hg-new-grid pages ===== */
.hg-new-grid.hg-poster-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:stretch;
}
.hg-new-grid.hg-poster-grid>.hg-poster-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:13px 11px 15px;
  border:1px solid rgba(255,213,27,.17);
  border-radius:17px;
  background:linear-gradient(150deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  box-shadow:0 10px 28px rgba(0,0,0,.16);
  transition:transform .38s cubic-bezier(.22,.68,.2,1),border-color .38s,background .38s,box-shadow .38s;
}
.hg-new-grid.hg-poster-grid>.hg-poster-card:hover{
  transform:translateY(-5px);
  border-color:rgba(255,213,27,.48);
  background:linear-gradient(150deg,rgba(255,213,27,.10),rgba(255,255,255,.035));
  box-shadow:0 18px 34px rgba(0,0,0,.25);
}
.hg-new-grid.hg-poster-grid .hg-poster-media{
  position:relative;
  display:block;
  width:100%;
  max-width:176px;
  aspect-ratio:3/4;
  margin:0 auto;
  overflow:hidden;
  border:1px solid rgba(255,221,93,.22);
  border-radius:12px;
  background:#201d11;
  isolation:isolate;
}
.hg-new-grid.hg-poster-grid .hg-poster-media>img{
  display:block;
  width:100%;
  height:100%;
  aspect-ratio:3/4;
  object-fit:cover;
  border-radius:inherit;
  transition:transform .55s cubic-bezier(.22,.68,.2,1),filter .45s ease;
}
.hg-new-grid.hg-poster-grid>.hg-poster-card:hover .hg-poster-media>img{
  transform:scale(1.045);
  filter:brightness(.82);
}
.hg-new-grid.hg-poster-grid .hg-play{
  position:absolute;
  left:50%;
  top:50%;
  display:grid;
  place-items:center;
  width:43px;
  height:43px;
  border-radius:50%;
  color:#211a04;
  background:rgba(255,216,45,.96);
  box-shadow:0 7px 22px rgba(0,0,0,.35);
  opacity:0;
  transform:translate(-50%,-44%) scale(.86);
  transition:opacity .28s ease,transform .32s cubic-bezier(.22,.68,.2,1);
}
.hg-new-grid.hg-poster-grid>.hg-poster-card:hover .hg-play{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
}
.hg-new-grid.hg-poster-grid .hg-poster-no{
  position:absolute;
  top:9px;
  left:9px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:29px;
  height:25px;
  padding:0 7px;
  border:1px solid rgba(255,229,132,.35);
  border-radius:7px;
  color:#ffe477;
  background:rgba(10,10,5,.78);
  font-size:11px;
  font-weight:900;
  line-height:1;
  backdrop-filter:blur(8px);
}
.hg-new-grid.hg-poster-grid .hg-poster-info{
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:flex-start;
  min-width:0;
  padding:13px 3px 0;
  text-align:left;
}
.hg-new-grid.hg-poster-grid .hg-mini-tags{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-bottom:8px;
}
.hg-new-grid.hg-poster-grid .hg-mini-tags span{
  display:inline-flex;
  align-items:center;
  padding:4px 9px;
  border:1px solid rgba(255,215,57,.25);
  border-radius:999px;
  color:#f8d85b;
  background:rgba(255,210,26,.09);
  font-size:11px;
  font-weight:800;
  line-height:1.4;
}
.hg-new-grid.hg-poster-grid .hg-poster-info h3{
  display:block;
  width:100%;
  margin:0;
  padding:0 0 0 10px;
  border-left:3px solid #ffd21a;
  color:#fff6d9;
  font-size:clamp(16px,1.25vw,18px);
  font-weight:900;
  line-height:1.48;
  letter-spacing:.01em;
  overflow-wrap:anywhere;
  word-break:normal;
  text-shadow:0 2px 10px rgba(0,0,0,.3);
}
.hg-new-grid.hg-poster-grid .hg-poster-info p{
  width:100%;
  margin:9px 0 0;
  color:#d5cdb6;
  font-size:13px;
  font-weight:400;
  line-height:1.75;
  overflow-wrap:anywhere;
}
@media(max-width:1080px){
  .hg-new-grid.hg-poster-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:17px!important;
  }
  .hg-new-grid.hg-poster-grid .hg-poster-media{max-width:164px}
}
@media(max-width:700px){
  .hg-new-grid.hg-poster-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:13px!important;
  }
  .hg-new-grid.hg-poster-grid>.hg-poster-card{
    padding:10px 9px 12px;
    border-radius:14px;
  }
  .hg-new-grid.hg-poster-grid .hg-poster-media{max-width:138px;border-radius:10px}
  .hg-new-grid.hg-poster-grid .hg-poster-info{padding:10px 2px 0}
  .hg-new-grid.hg-poster-grid .hg-mini-tags{margin-bottom:6px}
  .hg-new-grid.hg-poster-grid .hg-mini-tags span{font-size:10px;padding:3px 7px}
  .hg-new-grid.hg-poster-grid .hg-poster-info h3{
    font-size:15px;
    line-height:1.45;
    padding-left:8px;
    border-left-width:2px;
  }
  .hg-new-grid.hg-poster-grid .hg-poster-info p{
    font-size:12px;
    line-height:1.65;
    margin-top:7px;
  }
  .hg-new-grid.hg-poster-grid .hg-play{width:36px;height:36px;font-size:13px}
}
@media(max-width:360px){
  .hg-new-grid.hg-poster-grid{gap:10px!important}
  .hg-new-grid.hg-poster-grid>.hg-poster-card{padding:8px 7px 10px}
  .hg-new-grid.hg-poster-grid .hg-poster-media{max-width:126px}
  .hg-new-grid.hg-poster-grid .hg-poster-info h3{font-size:14px}
  .hg-new-grid.hg-poster-grid .hg-poster-info p{font-size:11.5px}
}

/* QR portal presentation: the script places popups at the document root to bypass clipping */
.qr-pop.qr-portal{
  display:flex!important;
  position:fixed!important;
  z-index:2147483000!important;
  width:218px!important;
  padding:15px!important;
  border-radius:16px!important;
  background:#fffdf4!important;
  color:#241d0a!important;
  box-shadow:0 18px 48px rgba(0,0,0,.46)!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
.qr-pop.qr-portal img{
  display:block!important;
  width:146px!important;
  height:146px!important;
  object-fit:contain!important;
  padding:0!important;
  background:#fff!important;
  border-radius:7px!important;
}
.qr-pop.qr-portal b{color:#241d0a!important;font-size:14px!important;line-height:1.4}
.qr-pop.qr-portal small{color:#625638!important;font-size:12px!important;line-height:1.4}


/* V6: QR hover popups disabled site-wide by request */
.qr-pop,
.download-hover .qr-pop,
.download-hover:hover .qr-pop,
.download-hover:focus-within .qr-pop{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.download-hover,
.download-hover:hover,
.download-hover:focus-within{
  z-index:auto!important;
}