@keyframes hero-slide-up{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes card-reveal{0%{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes offer-enter{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer-line{0%{background-position:-400px 0}to{background-position:400px 0}}.reveal{opacity:0;transform:translateY(20px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.home-hero{padding:var(--s-12) 0 var(--s-16);background:radial-gradient(ellipse 90% 60% at 68% -5%,rgba(31,111,178,.11) 0%,transparent 55%),radial-gradient(ellipse 55% 45% at 4% 96%,rgba(242,163,16,.08) 0%,transparent 55%),radial-gradient(ellipse 70% 70% at 100% 55%,rgba(10,61,98,.05) 0%,transparent 65%),#fafbfd;position:relative;overflow:hidden}.home-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(10,61,98,.055) 1px,transparent 1px);background-size:28px 28px;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 88% 88% at 50% 50%,black 50%,transparent 100%);mask-image:radial-gradient(ellipse 88% 88% at 50% 50%,black 50%,transparent 100%)}.home-hero .container{position:relative;z-index:1}.home-hero__inner{display:grid;grid-template-columns:1fr;gap:var(--s-8);align-items:center}@media(min-width:900px){.home-hero__inner{grid-template-columns:1.1fr .9fr;gap:52px;align-items:start}}.home-hero__text{display:flex;flex-direction:column;gap:0}@media(prefers-reduced-motion:no-preference){.home-hero__live{animation:hero-slide-up .42s 80ms var(--ease) both}.home-hero h1{animation:hero-slide-up .5s .16s var(--ease) both}.home-hero__sub{animation:hero-slide-up .5s .26s var(--ease) both}.home-hero__search-row{animation:hero-slide-up .48s .34s var(--ease) both}.home-hero__search-chips{animation:hero-slide-up .38s .43s var(--ease) both}.home-hero__trust{animation:hero-slide-up .38s .51s var(--ease) both}.home-hero__visual{animation:card-reveal .58s .22s var(--ease) both}}.home-hero__live{display:inline-flex;align-items:center;gap:var(--s-2);background:var(--km-paper);border:1px solid var(--km-line);border-radius:var(--r-pill);padding:6px var(--s-3);font-size:var(--text-xs);color:var(--km-ink-600);box-shadow:var(--shadow-1);width:fit-content;white-space:nowrap;margin-bottom:var(--s-5)}.home-hero h1{font-size:clamp(36px,4.5vw,68px);font-weight:800;letter-spacing:-.03em;line-height:1.02;max-width:640px;margin-bottom:24px}.home-hero h1 em{font-style:normal;color:var(--km-deep);position:relative;display:inline}.home-hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:linear-gradient(90deg,var(--km-accent) 0%,rgba(242,163,16,.25) 100%);opacity:.36;border-radius:2px;z-index:-1}.home-hero__sub{font-size:var(--text-md);color:var(--km-ink-600);max-width:560px;line-height:1.65;margin-bottom:32px}@media(min-width:720px){.home-hero__sub{font-size:17px}}.home-hero__search-row{margin-bottom:0}.home-hero__search{display:flex;align-items:center;gap:var(--s-2);background:var(--km-paper);border:1.5px solid var(--km-line-strong);border-radius:var(--r-pill);padding:10px 10px 10px var(--s-4);box-shadow:0 4px 20px #0a3d621a,0 1px 3px #0000000d;max-width:560px;transform-origin:left center;transition:border-color var(--dur-base) var(--ease),box-shadow var(--dur-base) var(--ease),transform .24s var(--ease)}.home-hero__search:focus-within{border-color:var(--km-deep-2);box-shadow:0 0 0 4px #1f6fb221,0 8px 28px #0a3d6224;transform:scale(1.012)}.home-hero__search input{flex:1;border:none;background:transparent;font-size:var(--text-md);outline:none;color:var(--km-ink-900);min-width:0;height:36px;transition:opacity .18s,transform .2s var(--ease)}.home-hero__search input::placeholder{color:var(--km-ink-400)}.home-hero__search button[type=submit]{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;height:40px;width:40px;border-radius:var(--r-pill);background:var(--km-deep);color:#fff;border:none;cursor:pointer;transition:background var(--dur-fast),transform .14s var(--ease),box-shadow .14s}.home-hero__search button[type=submit]:hover{background:var(--km-deep-2);transform:scale(1.08);box-shadow:0 4px 14px #0a3d6247}.home-hero__search button[type=submit]:active{transform:scale(.94)}.home-hero__search-chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);margin-top:12px;max-width:560px}.home-hero__search-chips-label{font-size:11px;color:var(--km-ink-300);white-space:nowrap;flex-shrink:0;letter-spacing:.01em}.hero-search-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--km-paper);border:1px solid var(--km-line);border-radius:var(--r-pill);font-size:var(--text-xs);color:var(--km-ink-600);text-decoration:none;cursor:pointer;white-space:nowrap;transition:border-color .15s,background .15s,color .15s,transform .16s var(--ease),box-shadow .16s}.hero-search-chip:hover{border-color:var(--km-deep-2);color:var(--km-deep);background:var(--km-deep-soft);transform:translateY(-1px);box-shadow:0 2px 8px #0a3d6221}.hero-search-chip__icon{font-size:12px;line-height:1}.home-hero__trust{display:flex;flex-wrap:wrap;gap:var(--s-4);padding-top:20px;border-top:1px dashed var(--km-line);margin-top:20px}.home-hero__trust-item{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--km-ink-500)}.home-hero__trust-icon{width:18px;height:18px;border-radius:50%;background:var(--km-good-soft);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--km-good);flex-shrink:0;font-weight:700}.home-hero__activity{display:flex;align-items:center;gap:var(--s-2);margin-top:var(--s-3);font-size:var(--text-xs);color:var(--km-ink-600);min-height:20px}.home-hero__activity-dot{width:6px;height:6px;border-radius:50%;background:var(--km-good);flex-shrink:0;animation:pulse-dot 1.8s ease-in-out infinite}.home-hero__activity-text{transition:opacity .2s var(--ease),transform .2s var(--ease)}.home-hero__activity-text.is-fading{opacity:0;transform:translateY(5px)}.home-hero__visual{display:none;flex-direction:column;gap:var(--s-3)}@media(min-width:900px){.home-hero__visual{display:flex}}.hero-card{background:#ffffffe0;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);border:1px solid rgba(255,255,255,.92);border-radius:20px;box-shadow:inset 0 1.5px #fffc,0 8px 32px #0a3d6224,0 2px 6px #0000000d;overflow:hidden}.hero-card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--s-4) var(--s-4) var(--s-3);border-bottom:1px solid rgba(226,231,239,.8);background:linear-gradient(135deg,#f5f7fae6,#eef3f899)}.hero-card__label{display:flex;align-items:center;gap:var(--s-2);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--km-ink-500)}.hero-card__count{font-size:12px;color:var(--km-ink-600);font-family:var(--font-mono)}.hero-card__product{padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--km-line)}.hero-card__product-name{font-size:var(--text-base);font-weight:600;color:var(--km-ink-900);line-height:1.3;margin-bottom:2px}.hero-card__product-meta{font-size:var(--text-xs);color:var(--km-ink-600)}.hero-card__offers{display:flex;flex-direction:column}.hero-card__offer{display:flex;align-items:center;padding:10px var(--s-4);gap:var(--s-3);border-bottom:1px solid var(--km-line);transition:background var(--dur-fast)}.hero-card__offer:last-child{border-bottom:none}.hero-card__offer--best{background:linear-gradient(90deg,#e3f5ecd9,#e3f5ec33)}.hero-card__offer:not(.hero-card__offer--best):hover{background:var(--km-paper-2)}@media(prefers-reduced-motion:no-preference){.hero-card__offer:nth-child(1){animation:offer-enter .26s .58s var(--ease) both}.hero-card__offer:nth-child(2){animation:offer-enter .26s .67s var(--ease) both}.hero-card__offer:nth-child(3){animation:offer-enter .26s .76s var(--ease) both}.hero-card__offer:nth-child(4){animation:offer-enter .26s .85s var(--ease) both}.hero-card__offer:nth-child(5){animation:offer-enter .26s .94s var(--ease) both}}.hero-card__offer-rank{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;background:var(--km-paper-3);color:var(--km-ink-500)}.hero-card__offer--best .hero-card__offer-rank{background:var(--km-good);color:#fff}.hero-card__offer-name{flex:1;font-size:var(--text-sm);color:var(--km-ink-700);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-card__offer--best .hero-card__offer-name{color:var(--km-ink-900);font-weight:600}.hero-card__offer-price{font-family:var(--font-mono);font-size:var(--text-base);font-weight:700;color:var(--km-ink-900);flex-shrink:0}.hero-card__offer--best .hero-card__offer-price{color:var(--km-good)}.hero-card__offer-badge{flex-shrink:0;display:inline-flex;align-items:center;padding:2px 7px;border-radius:var(--r-pill);font-size:10px;font-weight:700;white-space:nowrap}.hero-card__offer-badge--best{background:var(--km-good-soft);color:var(--km-good)}.hero-card__offer-badge--diff{background:var(--km-paper-3);color:var(--km-ink-500);font-family:var(--font-mono)}.hero-card__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--s-3) var(--s-4);background:linear-gradient(135deg,var(--km-deep) 0%,var(--km-deep-2) 100%);color:#ffffffd9;font-size:var(--text-xs)}.hero-card__footer-save{font-weight:700;color:#fff;font-family:var(--font-mono);font-size:var(--text-base)}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2)}.hero-metric{background:#ffffffe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.9);border-radius:var(--r-3);padding:var(--s-3);text-align:center;box-shadow:0 2px 8px #0a3d6214;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.hero-metric:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0a3d6221}.hero-metric__num{font-family:var(--font-mono);font-size:var(--text-xl);font-weight:700;color:var(--km-deep);display:flex;align-items:center;justify-content:center;gap:var(--s-1)}.hero-metric__label{font-size:12px;color:var(--km-ink-600);margin-top:2px}.section-cats{padding:var(--s-10) 0}.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-3)}@media(min-width:600px){.cat-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){.cat-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:600px){.cat-grid--6{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.cat-grid--6{grid-template-columns:repeat(6,1fr)}}.cat-tile{background:var(--km-paper);border:1px solid var(--km-line);border-radius:var(--r-2);padding:0;min-height:0;display:flex;flex-direction:column;text-decoration:none;color:inherit;position:relative;overflow:hidden;transition:border-color var(--dur-base),transform var(--dur-base),box-shadow var(--dur-base)}.cat-tile:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--km-deep) 0%,var(--km-deep-2) 100%);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-base) var(--ease);z-index:1}.cat-tile:hover{border-color:var(--km-line-strong);transform:translateY(-2px);box-shadow:var(--shadow-3)}.cat-tile:hover:before{transform:scaleX(1)}.cat-tile__body{padding:var(--s-3) var(--s-4) var(--s-4);display:flex;flex-direction:column;gap:var(--s-1);flex:1}.cat-badge{aspect-ratio:4 / 3;background:var(--km-paper-2);overflow:hidden;position:relative}.cat-badge__photo{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--dur-slow) var(--ease)}.cat-tile:hover .cat-badge__photo{transform:scale(1.05)}.cat-badge__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--km-paper-2) 0%,var(--km-deep-soft) 100%)}.cat-badge__emoji{font-size:clamp(28px,8vw,40px);line-height:1}.cat-badge--header{width:72px;height:72px;aspect-ratio:1;border-radius:var(--r-2);flex-shrink:0;border:1px solid var(--km-line);overflow:hidden}.cat-badge--header .cat-badge__emoji{font-size:28px}.cat-page-header{display:flex;align-items:flex-start;gap:var(--s-4)}.cat-tile__name{font-size:var(--text-base);font-weight:600;color:var(--km-ink-900);line-height:1.3}.cat-tile__count{font-size:var(--text-xs);color:var(--km-ink-500);font-family:var(--font-mono);margin-top:auto}.cat-tile__count-num{font-size:var(--text-md);font-weight:700;color:var(--km-ink-900);display:inline-block;animation:cat-count-in var(--dur-slow) var(--ease) backwards;transition:transform var(--dur-base) var(--ease),color var(--dur-base) var(--ease)}.cat-tile:hover .cat-tile__count-num{transform:scale(1.08);color:var(--km-deep)}@keyframes cat-count-in{0%{opacity:0;transform:translateY(3px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.cat-tile:hover .cat-badge__photo{transform:none}.cat-tile__count-num{animation:none}.cat-tile:hover .cat-tile__count-num{transform:none}}.section-stats{padding:var(--s-8) 0}.stats-band{background:var(--km-paper);border:1px solid var(--km-line);border-radius:var(--r-4);padding:0;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;box-shadow:var(--shadow-2)}@media(min-width:720px){.stats-band{grid-template-columns:repeat(4,1fr)}}.stat-item{display:flex;flex-direction:column;gap:var(--s-1);padding:var(--s-5);border-right:1px solid var(--km-line);border-bottom:1px solid var(--km-line)}@media(max-width:719px){.stat-item:nth-child(2n){border-right:none}.stat-item:nth-child(3),.stat-item:nth-child(4){border-bottom:none}}@media(min-width:720px){.stat-item{border-bottom:none}.stat-item:last-child{border-right:none}}.stat-item__num{font-family:var(--font-mono);font-size:clamp(22px,3vw,28px);font-weight:700;color:var(--km-deep);letter-spacing:-.02em;display:flex;align-items:center;gap:var(--s-2)}.stat-item__label{font-size:var(--text-sm);color:var(--km-ink-500)}.section-how{padding:var(--s-10) 0}.how-grid{display:grid;grid-template-columns:1fr;gap:var(--s-4)}@media(min-width:720px){.how-grid{grid-template-columns:repeat(3,1fr)}}.how-step{background:var(--km-paper-2);border:1px solid var(--km-line);border-radius:var(--r-4);padding:var(--s-5) var(--s-5) var(--s-6);display:flex;flex-direction:column;gap:var(--s-3);transition:box-shadow var(--dur-base),transform var(--dur-base)}.how-step:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}@media(min-width:900px){.how-step{padding:var(--s-6) var(--s-6) var(--s-8);border-radius:calc(var(--r-4) + 4px)}}.how-step__num{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--km-deep) 0%,var(--km-deep-2) 100%);color:#fff;font-size:var(--text-base);font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0a3d6238}.how-step__title{font-size:var(--text-md);font-weight:600;color:var(--km-ink-900)}.how-step__body{font-size:var(--text-base);color:var(--km-ink-600);line-height:1.6}.section-popular{padding:var(--s-8) 0}.popular-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-3)}@media(min-width:900px){.popular-grid{grid-template-columns:repeat(4,1fr)}}.section-brands{padding:var(--s-8) 0}.brands-list{display:flex;flex-wrap:wrap;gap:var(--s-2)}.brand-pill{display:inline-flex;align-items:center;gap:var(--s-2);background:var(--km-paper);border:1px solid var(--km-line);border-radius:var(--r-pill);padding:6px var(--s-3);font-size:var(--text-sm);color:var(--km-ink-700);text-decoration:none;transition:border-color var(--dur-fast),background var(--dur-fast),color var(--dur-fast),transform .16s var(--ease)}.brand-pill:hover{border-color:var(--km-deep);color:var(--km-deep);background:var(--km-deep-soft);transform:translateY(-1px)}.brand-pill__count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--km-ink-600)}.explainer{border-left:3px solid var(--km-deep);background:var(--km-paper-2);border-radius:0 var(--r-2) var(--r-2) 0;padding:var(--s-4) var(--s-5);max-width:760px;margin:var(--s-6) auto}.explainer__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--km-deep);margin-bottom:var(--s-2)}.explainer p{font-size:15px;color:var(--km-ink-700);line-height:1.6}.section-title{font-size:var(--text-xl);font-weight:700;color:var(--km-ink-900);letter-spacing:-.02em;margin-bottom:var(--s-4)}