.brand,.step h3,.sec-head h2,.ctaband h2{font-family:var(--display)}.sec-head h2,.ctaband h2{font-weight:600}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:-.003em;font-size:15.5px;line-height:1.55}a{color:inherit;text-decoration:none}a:hover{color:var(--brand-deep)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{animation:none!important}}.vhero{--bg:oklch(100% 0 0);--ink:oklch(26% .03 260);--mut:oklch(50% .03 260);--ac:oklch(54% .15 250);--acsoft:oklch(95% .04 250);--bd:oklch(88% .02 250);--fld:oklch(100% 0 0);--card:oklch(100% 0 0);--r:18px;--soft:0 18px 40px -24px oklch(40% .1 250/.5);z-index:3;background:var(--bg);color:var(--ink);border-bottom:4px solid var(--ink);position:relative}.vhero .vhero-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.vhero .vhero-bg:before{content:"";background:radial-gradient(circle at 40% 40%,oklch(90% .15 92/.55),#0000 70%);border-radius:50%;width:460px;height:460px;position:absolute;top:-160px;right:-120px}.vhero .vhero-bg:after{content:"";background:radial-gradient(circle,oklch(85% .12 250/.4),#0000 70%);border-radius:50%;width:420px;height:420px;position:absolute;bottom:-180px;left:-100px}.vhero .hbody{z-index:1;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:34px;padding:12px 0 58px;display:grid;position:relative}.vhero .hcopy{grid-column:1}.vhero .eyebrow{color:var(--mut);align-items:center;gap:8px;font-size:12.5px;font-weight:700;display:inline-flex}.vhero .eyebrow .dot{background:var(--ac);border-radius:50%;width:8px;height:8px}.vhero .htitle{font-family:var(--display);letter-spacing:-.03em;color:var(--ink);margin-top:16px;font-size:clamp(34px,4.3vw,52px);font-weight:700;line-height:1.05}.vhero .htitle .accent{color:var(--ac);white-space:nowrap;position:relative}.vhero .htitle .accent:after{content:"";background:var(--yellow);z-index:-1;border-radius:4px;height:10px;position:absolute;bottom:2px;left:0;right:0}.vhero .hsub{color:var(--mut);max-width:38ch;margin-top:16px;font-size:17px;font-weight:500}.vhero .hsearch{max-width:480px;margin-top:26px}.vhero .hbrowse{color:var(--ac);margin-top:14px;font-size:14px;font-weight:700;display:inline-block}.vhero .hbrowse:hover{color:var(--ink)}.vhero .cards{grid-column:2/4;width:430px;height:660px;margin:0 auto;position:relative}.vhero .vcard{background:var(--card);border:2px solid var(--ink);border-radius:18px;width:205px;padding:14px;position:absolute;overflow:hidden;box-shadow:0 8px 0 -2px oklch(86% .02 250)}.vhero .vcard:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,oklch(62% .19 35/.16) 48%,oklch(62% .19 35/.5) 50%,oklch(62% .19 35/.16) 52%,#0000 100%);height:46%;animation:9s cubic-bezier(.6,0,.4,1) infinite scan;position:absolute;top:0;left:0;right:0;transform:translateY(-150%)}.vhero .c1:after{animation-delay:0s}.vhero .c2:after{animation-delay:-3s}.vhero .c3:after{animation-delay:-6s}@keyframes scan{0%{transform:translateY(-150%)}42%{transform:translateY(330%)}to{transform:translateY(330%)}}.vhero .vcard .head{align-items:center;gap:11px;display:flex}.vhero .vcard .mini{background:var(--th,linear-gradient(135deg, oklch(94% .05 55), oklch(90% .06 30)));border-radius:10px;flex:none;width:46px;height:46px;overflow:hidden}.vhero .vcard .mini img{object-fit:contain;background:var(--card);width:100%;height:100%;padding:3px}.vhero .vcard .nm{font-family:var(--display);letter-spacing:-.01em;font-size:14px;font-weight:600;line-height:1.2}.vhero .vcard .sub{color:var(--mut);margin-top:2px;font-size:11.5px;font-weight:600}.vhero .vcard .mlist{flex-direction:column;gap:3px;margin-top:12px;display:flex}.vhero .mrow{border-radius:9px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;transition:background .45s;display:flex}.vhero .mrow.flash{background:oklch(90% .1 55)}.vhero .mrow .shop{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.vhero .mrow .amt{font-variant-numeric:tabular-nums;flex:none;padding-left:8px;font-weight:700;display:inline-block}.vhero .mrow .amt.tick{animation:.55s pricepop}@keyframes pricepop{0%{transform:scale(1.16)}45%{transform:scale(1.16)}to{transform:scale(1)}}.vhero .mrow.best{background:var(--acsoft);box-shadow:inset 0 0 0 1.5px var(--ac)}.vhero .mrow.best .shop{align-items:center;gap:6px;display:inline-flex}.vhero .mrow.best .shop:before{content:"";background:var(--ac);border-radius:50%;flex:none;width:7px;height:7px}.vhero .mrow.best .amt{color:var(--ac)}.vhero .vcard .foot{border-top:1px solid var(--bd);color:var(--mut);justify-content:space-between;align-items:center;gap:8px;margin-top:11px;padding:11px 0 0;font-size:12px;font-weight:600;display:flex}.vhero .vcard .foot>*{white-space:nowrap;flex:none}.vhero .vcard .foot .go{color:var(--ac);font-weight:700}.vhero .fl1{animation:5.6s ease-in-out infinite floaty}.vhero .fl2{animation:6.4s ease-in-out -2.1s infinite floaty}.vhero .fl3{animation:5s ease-in-out -3.3s infinite floaty}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-13px)}}.vhero .c1{top:175px;left:0}.vhero .c2{top:0;right:-40px}.vhero .c3{top:350px;right:-40px}.how{margin:44px 0 8px}.steps{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.step{background:var(--card);border:2px solid var(--line-2);border-radius:var(--radius);padding:24px;position:relative;overflow:hidden}.step .n{letter-spacing:.06em;color:var(--ac,var(--brand));font-size:12.5px;font-weight:800}.step h3{letter-spacing:-.02em;margin-top:12px;font-size:17px;font-weight:800}.step p{color:var(--muted);margin-top:7px;font-size:14px}.step .viz{border:1px solid var(--line);background:var(--bg);border-radius:10px;height:92px;margin-top:18px;padding:12px;display:flex}.v-search{flex-direction:column;justify-content:center;gap:8px}.v-searchbar{border:1px solid var(--line-2);background:var(--card);border-radius:8px;align-items:center;gap:8px;height:30px;padding:0 10px;display:flex}.v-dot{border:2px solid var(--faint);border-radius:50%;flex:none;width:12px;height:12px}.v-line{background:var(--line-2);border-radius:4px;height:7px}.v-res{flex-direction:column;gap:6px;padding:0 4px;display:flex}.v-resrow{align-items:center;gap:8px;display:flex}.v-chip{background:var(--brand-tint);border-radius:3px;flex:none;width:18px;height:12px}.v-compare{flex-direction:column;justify-content:center;gap:7px}.v-mrow{align-items:center;gap:8px;display:flex}.v-logo{border-radius:4px;flex:none;width:16px;height:16px}.v-price{background:var(--line-2);border-radius:4px;width:42px;height:8px;margin-left:auto}.v-best{background:var(--down-tint);border-radius:6px;margin:-4px -6px;padding:4px 6px}.v-best .v-price{background:var(--down)}.v-chart{align-items:stretch}.v-chart svg{width:100%;height:100%}.v-buy{flex-direction:column;justify-content:center;gap:12px}.v-buybtn{background:var(--yellow);height:26px;box-shadow:0 3px 0 var(--yellow-deep);border-radius:999px}.how-foot{text-align:center;color:var(--muted);margin-top:20px;font-size:14px}.sec{margin:40px 0 0}.sec-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:14px;display:flex}.sec-head .t{align-items:baseline;gap:12px;display:flex}.sec-head h2{letter-spacing:-.025em;font-size:20px;font-weight:800}.sec-head .cap{color:var(--faint);font-size:12.5px}.sec-head a.more{color:var(--brand-deep);white-space:nowrap;font-size:13.5px;font-weight:600}.sec-head a.more:hover{color:var(--brand)}.railwrap{position:relative}.rail{scroll-snap-type:x proximity;scrollbar-width:none;grid-auto-columns:232px;grid-auto-flow:column;gap:14px;padding:4px 4px 14px;display:grid;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.railwrap .fade{z-index:2;pointer-events:none;width:56px;transition:opacity .18s;position:absolute;top:0;bottom:14px}.railwrap .fade.l{background:linear-gradient(to right, var(--bg), transparent);left:0}.railwrap .fade.r{background:linear-gradient(to left, var(--bg), transparent);right:0}.railwrap .rnav{z-index:3;border:2px solid var(--line-2);background:var(--card);width:42px;height:42px;color:var(--ink);border-radius:50%;place-items:center;padding-bottom:3px;font-size:21px;line-height:1;transition:all .15s;display:grid;position:absolute;top:40%;box-shadow:0 6px 18px -6px oklch(40% .1 250/.5)}.railwrap .rnav:hover{border-color:var(--brand);color:var(--brand)}.railwrap .rnav.prev{left:-19px}.railwrap .rnav.next{right:-19px}.railwrap .fade[hidden],.railwrap .rnav[hidden]{display:none}.railprog{background:var(--line);cursor:pointer;touch-action:none;background-clip:content-box;border-radius:999px;height:20px;margin-top:-6px;padding:8px 0;position:relative}.railprog i{background:var(--brand);border-radius:999px;transition:left .12s linear;position:absolute;top:8px;bottom:8px}.pcard{scroll-snap-align:start;background:var(--card);border:2px solid var(--line-2);border-radius:var(--radius);flex-direction:column;transition:all .15s;display:flex;overflow:hidden}.pcard:hover{border-color:var(--brand);box-shadow:0 10px 0 -2px var(--brand-tint);color:var(--ink);transform:translateY(-3px)}.pcard .ph{aspect-ratio:4/3;border-bottom:1px solid var(--line);background-color:var(--brand-tint);background-image:repeating-linear-gradient(135deg, color-mix(in oklch, var(--brand) 9%, transparent) 0 1px, transparent 1px 12px);place-items:center;display:grid;position:relative}.pcard .ph img{object-fit:contain;background:var(--card);width:100%;height:100%;padding:10px;position:absolute;inset:0}.pcard .ph b{color:var(--brand-deep);background:var(--card);border:1px solid var(--line);border-radius:999px;padding:4px 9px;font-family:ui-monospace,Menlo,monospace;font-size:10.5px}.pbadge{letter-spacing:-.01em;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;top:10px;left:10px}.pbadge.new{background:var(--yellow);color:var(--ink)}.pcard .body{flex-direction:column;flex:1;padding:13px 14px 15px;display:flex}.pcard .set{color:var(--faint);font-size:11.5px;font-weight:600}.pcard .name{letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.5em;margin-top:3px;font-size:14px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.pcard .prow{justify-content:space-between;align-items:flex-end;gap:8px;margin-top:12px;display:flex}.pcard .price .k{color:var(--faint);font-size:11px}.pcard .price .v{letter-spacing:-.02em;font-size:17px;font-weight:800}.pcard .chg{font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-end;font-size:13px;font-weight:700;line-height:1.2;display:inline-flex}.pcard .chg .win{color:var(--faint);white-space:nowrap;font-size:10px}.pcard .rel-line{color:var(--brand-deep);margin-top:8px;font-size:11.5px;font-weight:700}.pcard .chg.up{color:var(--up)}.pcard .chg.down{color:var(--down)}.pcard .merch{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:8px;margin-top:9px;padding-top:10px;font-size:11.5px;display:flex}.pcard .merch b{color:var(--ink);font-weight:700}.pcard .merch .who{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pcard .merch .cnt{white-space:nowrap}.ctaband{background:var(--brand);text-align:center;border:none;border-radius:26px;margin:48px 0 8px;padding:46px 40px;position:relative;overflow:hidden}.ctaband:before{content:"";background:oklch(90% .15 92/.35);border-radius:50%;width:260px;height:260px;position:absolute;top:-80px;right:-60px}.ctaband>*{z-index:1;position:relative}.ctaband h2{letter-spacing:-.03em;color:#fff;max-width:22ch;margin:0 auto;font-size:clamp(22px,3vw,30px);font-weight:800}.ctaband p{color:oklch(94% .03 250);max-width:48ch;margin:14px auto 0;font-size:16px}.ctaband .btn{background:var(--yellow);height:50px;color:var(--ink);box-shadow:0 5px 0 var(--yellow-deep);border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:24px;padding:0 30px;font-size:15.5px;font-weight:800;transition:all .12s;display:inline-flex}.ctaband .btn:hover{box-shadow:0 4px 0 var(--yellow-deep);color:var(--ink);transform:translateY(1px)}@media (width<=900px){.vhero .hbody{grid-template-columns:1fr;gap:24px;padding-top:20px}.vhero .cards{order:-1;grid-column:auto;grid-template-columns:1fr 1fr;align-items:stretch;gap:12px;width:100%;height:auto;margin:0;display:grid}.vhero .vcard{width:auto;padding:12px;position:static}.vhero .c3{display:none}}@media (width<=640px){.vhero .cards{gap:10px}.vhero .vcard{padding:10px}.vhero .vcard .head{gap:8px}.vhero .vcard .mini{border-radius:8px;width:34px;height:34px}.vhero .vcard .nm{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;display:-webkit-box;overflow:hidden}.vhero .vcard .sub{font-size:10.5px}.vhero .vcard .mlist{margin-top:9px}.vhero .mrow{padding:6px 7px;font-size:11.5px}.vhero .mrow .amt{padding-left:5px}.vhero .mrow.best .shop{gap:5px}.vhero .mrow.best .shop:before{width:6px;height:6px}.vhero .vcard .foot{flex-direction:column;align-items:flex-start;gap:3px;margin-top:9px;padding-top:9px;font-size:11px}}@media (width<=360px){.vhero .cards{grid-template-columns:1fr}.vhero .c2{display:none}}@media (width<=900px){.rail{grid-auto-columns:200px}}@media (width<=720px){.railwrap .rnav,.railwrap .fade{display:none}}@media (width<=520px){.rail{grid-auto-columns:170px}}@media (width<=820px){.steps{grid-template-columns:1fr}}@media (width<=520px){.ctaband{padding:36px 22px}.ctaband .btn{white-space:nowrap;max-width:100%;padding:0 20px;font-size:14px}.sec-head .t,.pcard .merch{flex-direction:column;align-items:flex-start;gap:2px}}