.htp{--htp-col:minmax(0, 46rem);color:var(--text)}.htp-sec{padding-block:52px}.htp-sec[id]{scroll-margin-top:calc(var(--bk-topbar-h) + var(--s4))}@media (min-width:768px){.htp-sec{padding-block:76px}}.htp-h{font-family:var(--font-display), sans-serif;letter-spacing:-.01em;color:var(--text);margin:0;font-size:26px;font-weight:800;line-height:1.25}@media (min-width:768px){.htp-h{font-size:36px}}.htp-lead{max-width:46rem;color:var(--text-muted);margin:12px 0 0;font-size:15px;line-height:1.95}.htp-eyebrow{font-family:var(--font-display), sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700;display:block}.htp[lang=my] .htp-eyebrow{letter-spacing:.02em;text-transform:none;font-size:12.5px}.htp-hero{background:var(--bg);border-bottom:1px solid var(--line);position:relative;overflow:hidden}.htp-hero-art{object-fit:cover;object-position:center right;opacity:.85;width:74%;max-width:900px;position:absolute;inset:0 0 0 auto;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 26%);mask-image:linear-gradient(90deg,#0000 0%,#000 26%)}.htp-hero-veil{background:linear-gradient(90deg, var(--bg) 8%, color-mix(in srgb, var(--bg) 84%, transparent) 48%, transparent 90%), radial-gradient(120% 90% at 6% 0%, hsl(var(--brand-h) var(--brand-s) 58% / .22), transparent 62%);position:absolute;inset:0}@media (max-width:767px){.htp-hero-art{opacity:.55;object-position:72% center;width:100%;-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}.htp-hero-veil{background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 64%, transparent) 0%, color-mix(in srgb, var(--bg) 88%, transparent) 58%, var(--bg) 100%), radial-gradient(120% 80% at 20% 0%, hsl(var(--brand-h) var(--brand-s) 58% / .26), transparent 62%)}}.htp-hero-in{max-width:40rem;padding-block:52px 46px;position:relative}@media (min-width:768px){.htp-hero-in{padding-block:84px 78px}}.htp-hero h1{font-family:var(--font-display), sans-serif;letter-spacing:-.015em;color:var(--text);margin:10px 0 0;font-size:34px;font-weight:800;line-height:1.18}@media (min-width:768px){.htp-hero h1{font-size:54px}}.htp-hero p{color:var(--text-muted);max-width:34rem;margin:14px 0 0;font-size:15px;line-height:2}.htp-jump{flex-wrap:wrap;gap:10px 22px;margin-top:22px;display:flex}.htp-jump a{color:var(--text);border-bottom:1.5px solid var(--brand-line);align-items:center;gap:7px;padding-bottom:4px;font-size:14px;font-weight:700;transition:border-color .16s,color .16s;display:inline-flex}.htp-jump a:hover{color:var(--brand);border-bottom-color:var(--brand)}.htp-jump svg{width:15px;height:15px;color:var(--brand)}.htp-two{gap:26px;display:grid}@media (min-width:900px){.htp-two{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:start;gap:48px}}.htp-aside .htp-lead{font-size:14.5px}.htp-need{border-top:1px solid var(--line);margin:22px 0 0;padding-top:18px}.htp-need ul{margin:10px 0 0;padding:0;list-style:none}.htp-need li{color:var(--text);padding:6px 0 6px 20px;font-size:14.5px;line-height:1.7;position:relative}.htp-need li:before{content:"";background:var(--brand);border-radius:50%;width:7px;height:7px;position:absolute;top:15px;left:0}.htp-spine{margin-top:4px}@media (max-width:899px){.htp-spine{margin-top:26px}}.htp-beat{grid-template-columns:74px minmax(0,1fr);gap:0 18px;padding-bottom:26px;display:grid;position:relative}@media (min-width:768px){.htp-beat{grid-template-columns:108px minmax(0,1fr);gap:0 26px}}.htp-beat:before{content:"";background:linear-gradient(180deg, var(--brand-line), color-mix(in srgb, var(--brand-line) 25%, transparent));width:1px;position:absolute;top:20px;bottom:0;left:92px}@media (min-width:768px){.htp-beat:before{left:134px}}.htp-beat:last-child:before{display:none}.htp-beat-time{font-family:var(--font-display), sans-serif;color:var(--brand);text-align:right;white-space:nowrap;padding-top:2px;padding-right:2px;font-size:13px;font-weight:700}@media (min-width:768px){.htp-beat-time{font-size:15px}}.htp-beat-body{padding-left:20px;position:relative}@media (min-width:768px){.htp-beat-body{padding-left:26px}}.htp-beat-body:before{content:"";background:var(--brand);width:11px;height:11px;box-shadow:0 0 0 4px hsl(var(--brand-h) var(--brand-s) 58% / .18);border-radius:50%;position:absolute;top:6px;left:-5px}.htp-beat h3{font-family:var(--font-display), sans-serif;color:var(--text);margin:0;font-size:17px;font-weight:700}@media (min-width:768px){.htp-beat h3{font-size:19px}}.htp-beat p{color:var(--text-muted);margin:7px 0 0;font-size:14.5px;line-height:1.95}.htp-money{align-items:start;gap:30px;margin-top:26px;display:grid}@media (min-width:900px){.htp-money{grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:46px}.htp-money.is-flip{grid-template-columns:minmax(0,420px) minmax(0,1fr)}.htp-money.is-flip .htp-money-steps{grid-area:1/2}.htp-money.is-flip .htp-money-facts{grid-area:1/1}}.htp-money-art{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--panel);position:relative;overflow:hidden}.htp-money-art img{width:100%;height:auto;display:block}.htp-money-art:after{content:"";background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--bg) 58%, transparent));pointer-events:none;height:34%;position:absolute;inset:auto 0 0}.htp-steps{counter-reset:htp;margin:24px 0 0;padding:0;list-style:none}.htp-steps li{counter-increment:htp;border-top:1px solid var(--line);padding:16px 0 16px 42px;position:relative}.htp-steps li:last-child{border-bottom:1px solid var(--line)}.htp-steps li:before{content:counter(htp);width:26px;height:26px;font-family:var(--font-display), sans-serif;color:var(--brand);background:hsl(var(--brand-h) var(--brand-s) 58% / .14);border:1px solid var(--brand-line);border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid;position:absolute;top:15px;left:0}.htp-steps h3{color:var(--text);margin:0;font-size:15.5px;font-weight:700;line-height:1.6}.htp-steps p{color:var(--text-muted);margin:6px 0 0;font-size:14.5px;line-height:1.95}.htp-facts{margin:26px 0 0}.htp-facts dl{grid-template-columns:minmax(0,1fr) auto;gap:0;margin:10px 0 0;display:grid}.htp-facts dt,.htp-facts dd{border-top:1px solid var(--line);margin:0;padding:11px 0;font-size:14.5px;line-height:1.6}.htp-facts dt{color:var(--text-muted)}.htp-facts dd{text-align:right;color:var(--text);padding-left:16px;font-weight:700}.htp-facts dd.is-money{color:var(--gold,#ffd873);font-family:var(--font-display), sans-serif}.htp-banks{margin-top:26px}.htp-banks table{border-collapse:separate;border-spacing:0;width:100%;margin-top:10px}.htp-banks th,.htp-banks td{border-bottom:1px solid var(--line);text-align:left;padding:10px 0;font-size:14.5px}.htp-banks th{letter-spacing:.06em;color:var(--text-subtle);text-transform:uppercase;font-size:12px;font-weight:700}.htp-banks td:last-child,.htp-banks th:last-child{text-align:right;color:var(--text);white-space:nowrap;font-weight:700}.htp-note{color:var(--text-subtle);margin:12px 0 0;font-size:13.5px;line-height:1.9}.htp-help{border-radius:var(--r);background:var(--panel);border:1px solid var(--line-2);margin-top:26px;padding:18px 20px}.htp-help h3{color:var(--text);align-items:center;gap:9px;margin:0;font-size:15px;font-weight:700;display:flex}.htp-help h3 svg{width:18px;height:18px;color:var(--gold,#ffd873)}.htp-help p{color:var(--text-muted);margin:9px 0 0;font-size:14px;line-height:1.95}.htp-link{color:var(--brand);align-items:center;gap:6px;margin-top:18px;font-size:14px;font-weight:700;display:inline-flex}.htp-link svg{width:15px;height:15px;transition:transform .16s}.htp-link:hover svg{transform:translate(3px)}.htp-chapters{gap:18px;margin-top:34px;display:grid}.htp-ch{border-radius:var(--r-lg);border:1px solid var(--line);background:radial-gradient(90% 130% at 100% 0%, color-mix(in srgb, var(--ink-solid) 16%, transparent), transparent 62%), var(--panel);padding:22px 20px;position:relative;overflow:hidden}@media (min-width:900px){.htp-ch{grid-template-columns:minmax(0,1fr) minmax(0,46rem);align-items:start;gap:22px 30px;padding:30px 34px;display:grid}.htp-ch-dia{grid-area:1/1;align-self:center}.htp-ch-body{grid-area:1/2}.htp-ch-shots{grid-area:2/2;gap:10px;max-width:440px;display:flex}.htp-ch.is-flip{grid-template-columns:minmax(0,46rem) minmax(0,1fr)}.htp-ch.is-flip .htp-ch-dia{grid-area:1/2}.htp-ch.is-flip .htp-ch-body{grid-area:1/1}.htp-ch.is-flip .htp-ch-shots{grid-area:2/1}}.htp-ch-dia{color:var(--ink-solid);place-items:center;padding:4px 0 14px;display:grid}@media (min-width:900px){.htp-ch-dia{padding:0}}.htp-dia{width:100%;max-width:300px;height:auto;filter:drop-shadow(0 6px 18px color-mix(in srgb, var(--ink-solid) 30%, transparent))}.htp-ch-head{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.htp-ch h3{font-family:var(--font-display), sans-serif;color:var(--text);margin:0;font-size:20px;font-weight:800}@media (min-width:768px){.htp-ch h3{font-size:23px}}.htp-ch-count{font-family:var(--font-display), sans-serif;color:var(--ink-solid);white-space:nowrap;font-size:13px;font-weight:700}.htp-ch-count b{font-size:17px;font-weight:800}.htp-ch-what{color:var(--text-muted);margin:8px 0 0;font-size:14.5px;line-height:1.9}.htp-round{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}@media (min-width:620px){.htp-round{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}.htp-round li{color:var(--text);padding-top:22px;font-size:13.5px;line-height:1.75;position:relative}.htp-round li:before{content:counter(htpr);counter-increment:htpr;font-family:var(--font-display), sans-serif;color:var(--ink-solid);border-bottom:2px solid color-mix(in srgb, var(--ink-solid) 55%, transparent);min-width:14px;padding-bottom:3px;font-size:11px;font-weight:800;position:absolute;top:0;left:0}.htp-round{counter-reset:htpr}.htp-tip{border-left:2px solid color-mix(in srgb, var(--ink-solid) 60%, transparent);color:var(--text-muted);margin:18px 0 0;padding-left:14px;font-size:13.5px;line-height:1.9}.htp-tip b{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-solid);margin-bottom:3px;font-size:11px;display:block}.htp-ch-shots{gap:9px;margin-top:16px;display:flex}.htp-ch-shots span{border-radius:var(--r-sm);border:1px solid var(--line);flex:1 1 0;min-width:0;display:block;overflow:hidden}.htp-ch-shots img{aspect-ratio:1;object-fit:cover;width:100%;display:block}@media (min-width:900px){.htp-ch-shots{margin-top:0}}.htp-ch-cta{color:var(--ink-solid);align-items:center;gap:6px;margin-top:16px;font-size:13.5px;font-weight:700;display:inline-flex}.htp-ch-cta svg{width:15px;height:15px;transition:transform .16s}.htp-ch-cta:hover svg{transform:translate(3px)}.htp-points{gap:0 40px;margin:26px 0 0;display:grid}@media (min-width:860px){.htp-points{grid-template-columns:repeat(3,minmax(0,1fr))}}.htp-point{border-top:1px solid var(--line);padding:20px 0}.htp-point h3{font-family:var(--font-display), sans-serif;color:var(--text);margin:0;font-size:17px;font-weight:700}.htp-point p{color:var(--text-muted);margin:8px 0 0;font-size:14.5px;line-height:2}.htp-end{text-align:center;border-top:1px solid var(--line);background:radial-gradient(80% 120% at 50% 0%, hsl(var(--brand-h) var(--brand-s) 58% / .14), transparent 70%);padding:46px 0 60px}.htp-end p{max-width:34rem;color:var(--text-muted);margin:10px auto 0;font-size:14.5px;line-height:1.95}.htp-end-btns{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.htp-end-faq{color:var(--text-muted);text-underline-offset:4px;margin-top:18px;font-size:13.5px;font-weight:600;text-decoration:underline;display:inline-block}.htp-end-faq:hover{color:var(--brand)}.htp-line{stroke-dasharray:156;stroke-dashoffset:156px;animation:2.6s ease-in-out infinite htp-draw}@keyframes htp-draw{0%{stroke-dashoffset:156px}38%,82%{stroke-dashoffset:0}to{stroke-dashoffset:0;opacity:.25}}.htp-sym{animation:2.6s ease-in-out infinite htp-pop}@keyframes htp-pop{0%,30%{opacity:.45;transform:scale(.86)}46%,to{opacity:1;transform:scale(1)}}.htp-sym{transform-box:fill-box;transform-origin:50%}.htp-pay{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite htp-fly}@keyframes htp-fly{0%,44%{opacity:0;transform:translate(-10px,12px)scale(.6)}70%,to{opacity:1;transform:translate(0)scale(1)}}.htp-deal{transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out infinite htp-dealin}@keyframes htp-dealin{0%,20%{opacity:0;transform:translateY(-14px)}40%,to{opacity:1;transform:translateY(0)}}.htp-chip{transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out infinite htp-drop}@keyframes htp-drop{0%,8%{opacity:0;transform:translateY(-18px)}22%,to{opacity:1;transform:translateY(0)}}.htp-spot.is-on circle{animation:3s ease-in-out infinite htp-glow}@keyframes htp-glow{0%,40%{opacity:.55}55%,to{opacity:1}}.htp-aim{stroke-dasharray:4 5;animation:1.4s linear infinite htp-dash}@keyframes htp-dash{to{stroke-dashoffset:-18px}}.htp-shot{offset-path:path("M56 66 118 50");animation:1.8s ease-in infinite htp-travel}@keyframes htp-travel{0%{offset-distance:0%;opacity:0}10%{opacity:1}72%,to{offset-distance:100%;opacity:0}}.htp-fish{transform-box:fill-box;transform-origin:50%;animation:4s ease-in-out infinite htp-swim}@keyframes htp-swim{0%,to{transform:translate(0)}50%{transform:translate(-6px,4px)}}.htp-ring{stroke-dasharray:188;stroke-dashoffset:188px;animation:2.2s ease-in-out infinite htp-sweep}@keyframes htp-sweep{0%{stroke-dashoffset:188px}55%,to{stroke-dashoffset:0}}.htp-tick{transform-box:fill-box;transform-origin:bottom;animation:2.2s ease-in-out infinite htp-rise}@keyframes htp-rise{0%,20%{opacity:.3;transform:scaleY(.2)}45%,to{opacity:1;transform:scaleY(1)}}.htp-ball.is-on{transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out infinite htp-hit}@keyframes htp-hit{0%,25%{opacity:.5;transform:scale(.88)}45%,to{opacity:1;transform:scale(1)}}.htp-return{transform-box:fill-box;transform-origin:0;animation:3s ease-in-out infinite htp-grow}@keyframes htp-grow{0%,18%{transform:scaleX(.34)}55%,to{transform:scaleX(1)}}.htp-odds{transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out infinite htp-pulse}@keyframes htp-pulse{0%,10%{transform:scale(1)}22%{transform:scale(1.09)}36%,to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.htp-line,.htp-sym,.htp-pay,.htp-deal,.htp-chip,.htp-spot.is-on circle,.htp-aim,.htp-fish,.htp-ring,.htp-tick,.htp-ball.is-on,.htp-return,.htp-odds{animation:none!important}.htp-line,.htp-ring{stroke-dashoffset:0}.htp-shot{display:none}}
