.hero{position:relative;overflow:hidden;padding:108px 24px 84px;text-align:center;background:linear-gradient(120deg,oklch(.42 .14 200),oklch(.62 .19 150) 22%,oklch(.82 .17 95) 50%,oklch(.6 .2 145) 78%,oklch(.4 .15 210));background-size:200% 200%;animation:heroGradient 18s ease-in-out infinite}@keyframes heroGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@media (prefers-reduced-motion:reduce){.hero{animation:none}}.hero-grid{position:relative;z-index:2;max-width:900px;margin:0 auto}.hero-left .eyebrow{color:oklch(.95 .03 90);letter-spacing:.16em}.hero-left .display{text-align:center;margin-top:16px;color:#fff;font-weight:900}.hl{color:#fff}.hero-left .lead{margin:20px auto 0;max-width:46ch;text-align:center;color:oklch(.97 .01 90)}.hero-chips{display:flex;gap:9px;justify-content:center;margin-top:30px;flex-wrap:wrap}.hero-chips .lab{display:none}.hero-chips .chip{background:oklch(.2 .04 264/.35);border-color:transparent;color:#fff;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero-chips .chip:first-child{background:#fff;color:var(--ink)}.hero-chips .chip:hover{background:oklch(.2 .04 264/.55);color:#fff}.hero-search{display:flex;align-items:center;margin:26px auto 0;max-width:620px;height:62px;background:#fff;border:none;border-radius:999px;padding:6px 6px 6px 24px;box-shadow:0 20px 50px oklch(.15 .05 20/.35)}.hero-search input{flex:1 1;border:none;outline:none;background:none;font-size:16px;font-family:var(--sans);color:var(--ink)}.hero-search input::placeholder{color:var(--ink-3)}.hero-search .btn-primary{background:var(--accent);color:var(--ink);font-weight:800}.hero-search .btn-primary:hover{background:var(--accent-strong);box-shadow:none}.hero-stats{display:flex;gap:38px;justify-content:center;margin-top:40px}.hero-stats .n{font-size:1.7rem;font-weight:800;letter-spacing:-.03em;color:#fff}.hero-stats .l{font-size:12px;color:oklch(1 0 0/.75);font-family:var(--mono);letter-spacing:.04em}.nav-search{opacity:0;transform:translateY(-6px) scale(.98);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.nav-search.show{opacity:1;transform:none;pointer-events:auto}.trust{border-bottom:1px solid var(--line);background:var(--surface)}.trust-inner{display:flex;align-items:center;gap:40px;padding:26px 0;flex-wrap:wrap}.trust-lab{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.trust-logos{display:flex;gap:38px;flex:1 1;flex-wrap:wrap}.trust-logos span{font-weight:800;letter-spacing:-.03em;font-size:18px;color:var(--ink-3);opacity:.8}.cats-scroll{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:6px;margin:0 -28px;padding-inline:28px;scrollbar-width:none}.cats-scroll::-webkit-scrollbar{display:none}.cats-scroll .cat{flex:0 0 clamp(220px,23vw,280px);scroll-snap-align:start;aspect-ratio:5/4}.cat{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;justify-content:flex-end;padding:20px}.cat:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.cat-img{width:100%;height:100%;object-fit:cover}.cat-img,.cat:before{position:absolute;inset:0}.cat:before{content:"";background:linear-gradient(0deg,oklch(.18 .05 264/.78),oklch(.2 .05 264/.1) 55%,transparent);z-index:1}.cat-name{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:#fff}.cat-count,.cat-name{position:relative;z-index:2}.cat-count{font-family:var(--mono);font-size:12px;color:oklch(.9 .02 260);margin-top:3px}.cat-arrow{position:absolute;z-index:2;top:18px;right:18px;width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;opacity:0;transform:translateX(-6px);transition:all .2s ease}.cat:hover .cat-arrow{opacity:1;transform:translateX(0)}.section-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.filterbar{gap:9px;flex-wrap:wrap}.filterbar,.sort{display:flex;margin-bottom:28px}.sort{align-items:center;gap:8px;font-size:14px;color:var(--ink-2)}.sort select{font-family:var(--sans);font-size:14px;border:1px solid var(--line);border-radius:8px;padding:8px 12px;background:var(--surface);color:var(--ink)}.masonry{column-count:4;column-gap:16px}.masonry .tile{page-break-inside:avoid;break-inside:avoid;margin-bottom:16px;display:block}.m1{aspect-ratio:3/4}.m2{aspect-ratio:1}.m3{aspect-ratio:4/5}.m4{aspect-ratio:16/10}.masonry .tile.new-item{opacity:0;transform:translateY(14px);animation:tileIn .5s ease forwards}@keyframes tileIn{to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.masonry .tile.new-item{animation:none;opacity:1;transform:none}}.colls{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.coll{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);background:var(--surface);transition:transform .2s,box-shadow .2s}.coll:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.coll-imgs{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;grid-gap:3px;gap:3px;height:200px}.coll-imgs>div{overflow:hidden}.coll-imgs>div:first-child{grid-row:span 2}.coll-body{padding:18px 20px 22px}.coll-body h3{font-size:1.15rem}.coll-meta{display:flex;align-items:center;gap:10px;margin-top:8px;font-family:var(--mono);font-size:12px;color:var(--ink-2)}.why{background:var(--surface);border-block:1px solid var(--line)}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.why-card{padding:32px 30px;border-radius:var(--r-lg);background:var(--bg);border:1px solid var(--line)}.why-ico{width:50px;height:50px;border-radius:13px;background:var(--blue-tint);color:var(--blue-strong);display:grid;place-items:center;margin-bottom:20px}.why-card h3{font-size:1.2rem}.why-card p{color:var(--ink-2);margin-top:9px;font-size:15px;line-height:1.55}@media (max-width:980px){.hero{padding:84px 20px 60px}.cats-scroll .cat{flex-basis:62vw}.masonry{column-count:2}.colls,.why-grid{grid-template-columns:1fr}}@media (max-width:540px){.masonry{column-count:1}.hero-stats{gap:26px}}.sk-tile{page-break-inside:avoid;break-inside:avoid;margin-bottom:16px;display:block}