.colors-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.colors-grid>*{animation:.55s cubic-bezier(.22,1,.36,1) backwards reveal-up}@media (prefers-reduced-motion:reduce){.colors-grid>*{animation:none}}.colors-grid>:first-child{animation-delay:0s}.colors-grid>:nth-child(2){animation-delay:40ms}.colors-grid>:nth-child(3){animation-delay:80ms}.colors-grid>:nth-child(4){animation-delay:.12s}.colors-grid>:nth-child(5){animation-delay:.16s}.colors-grid>:nth-child(6){animation-delay:.2s}.colors-grid>:nth-child(7){animation-delay:.24s}.colors-grid>:nth-child(8){animation-delay:.28s}.colors-grid>:nth-child(9){animation-delay:.32s}.colors-grid>:nth-child(10){animation-delay:.36s}.colors-grid>:nth-child(11){animation-delay:.4s}.colors-grid>:nth-child(12){animation-delay:.44s}@media not screen and (width>=1100px){.colors-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media not screen and (width>=630px){.colors-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.color-swatch{background:radial-gradient(120% 90% at 82% -10%, var(--swatch-soft), transparent 62%), linear-gradient(180deg, #ffffff0a, transparent 60%), #0f1014;border:1px solid #212429;border-radius:18px;flex-direction:column;gap:10px;min-height:168px;padding:18px 18px 16px;transition:border-color .16s,box-shadow .22s,transform .16s;display:flex;position:relative;overflow:hidden}[dir=rtl] .color-swatch{background:radial-gradient(120% 90% at 82% -10%, var(--swatch-soft), transparent 62%), linear-gradient(-180deg, #ffffff0a, transparent 60%), #0f1014}.color-swatch_red{--swatch:#ff5a5a;--swatch-soft:#ff5a5a38;--swatch-dim:#ff5a5a17;--swatch-glow:#ff5a5a61}.color-swatch_orange{--swatch:#ff9142;--swatch-soft:#ff914238;--swatch-dim:#ff914217;--swatch-glow:#ff914261}.color-swatch_yellow{--swatch:#ffd43b;--swatch-soft:#ffd43b38;--swatch-dim:#ffd43b17;--swatch-glow:#ffd43b61}.color-swatch_green{--swatch:#4ade80;--swatch-soft:#4ade8038;--swatch-dim:#4ade8017;--swatch-glow:#4ade8061}.color-swatch_cyan{--swatch:#22d3ee;--swatch-soft:#22d3ee38;--swatch-dim:#22d3ee17;--swatch-glow:#22d3ee61}.color-swatch_blue{--swatch:#4a8dff;--swatch-soft:#4a8dff38;--swatch-dim:#4a8dff17;--swatch-glow:#4a8dff61}.color-swatch_purple{--swatch:#a855f7;--swatch-soft:#a855f738;--swatch-dim:#a855f717;--swatch-glow:#a855f761}.color-swatch_pink{--swatch:#f472b6;--swatch-soft:#f472b638;--swatch-dim:#f472b617;--swatch-glow:#f472b661}.color-swatch_brown{--swatch:#b07a4e;--swatch-soft:#b07a4e38;--swatch-dim:#b07a4e17;--swatch-glow:#b07a4e61}.color-swatch_white{--swatch:#edf1f7;--swatch-soft:#edf1f738;--swatch-dim:#edf1f717;--swatch-glow:#edf1f761}.color-swatch_gray{--swatch:#98a2b3;--swatch-soft:#98a2b338;--swatch-dim:#98a2b317;--swatch-glow:#98a2b361}.color-swatch_black{--swatch:#4a5162;--swatch-soft:#4a516238;--swatch-dim:#4a516217;--swatch-glow:#4a516261}@media (hover:hover){.color-swatch:hover{border-color:var(--swatch);box-shadow:0 12px 34px -18px var(--swatch-glow), 0 0 0 1px var(--swatch-dim) inset;transform:translateY(-2px)}.color-swatch:hover .color-swatch__orb{transform:scale(1.12)}}.color-swatch:focus-visible{border-color:var(--swatch);box-shadow:0 0 0 3px var(--swatch-dim);outline:none}.color-swatch__orb{background:radial-gradient(circle at 38% 34%, var(--swatch), transparent 70%);filter:blur(6px);opacity:.55;border-radius:50%;width:118px;height:118px;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;top:-34px;right:-26px}[dir=rtl] .color-swatch__orb{left:-26px;right:auto}.color-swatch__head{align-items:center;gap:10px;min-width:0;display:flex;position:relative}.color-swatch__dot{background:var(--swatch);width:16px;height:16px;box-shadow:0 0 0 3px var(--swatch-dim), 0 0 16px var(--swatch-glow);border-radius:50%;flex-shrink:0}.color-swatch__name{letter-spacing:.01em;text-transform:uppercase;color:#fff;text-overflow:ellipsis;white-space:nowrap;font-family:Gilroy,Gilroy Fallback,system-ui,sans-serif;font-size:20px;font-weight:900;overflow:hidden}.color-swatch__count{color:#8a93a2;font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:700;position:relative}.color-swatch__shots{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:auto;padding-top:4px;display:grid;position:relative}.color-swatch__shot{object-fit:contain;filter:drop-shadow(0 6px 10px #0000008c);width:100%;height:54px}@media not screen and (width>=630px){.color-swatch{border-radius:15px;min-height:132px;padding:13px 13px 11px}.color-swatch__name{font-size:16px}.color-swatch__orb{width:86px;height:86px;top:-26px;right:-20px}[dir=rtl] .color-swatch__orb{left:-20px;right:auto}.color-swatch__shot{height:38px}}.color-hero{background:radial-gradient(90% 120% at 8% -20%, var(--swatch-soft), transparent 58%), linear-gradient(180deg, #ffffff0a, transparent 55%), #0f1014;border:1px solid #212429;border-radius:22px;margin-top:10px;padding:26px 26px 22px;animation:.55s cubic-bezier(.22,1,.36,1) backwards reveal-up;position:relative;overflow:hidden}[dir=rtl] .color-hero{background:radial-gradient(90% 120% at 8% -20%, var(--swatch-soft), transparent 58%), linear-gradient(-180deg, #ffffff0a, transparent 55%), #0f1014}.color-hero_red{--swatch:#ff5a5a;--swatch-soft:#ff5a5a38;--swatch-dim:#ff5a5a17;--swatch-glow:#ff5a5a61}.color-hero_orange{--swatch:#ff9142;--swatch-soft:#ff914238;--swatch-dim:#ff914217;--swatch-glow:#ff914261}.color-hero_yellow{--swatch:#ffd43b;--swatch-soft:#ffd43b38;--swatch-dim:#ffd43b17;--swatch-glow:#ffd43b61}.color-hero_green{--swatch:#4ade80;--swatch-soft:#4ade8038;--swatch-dim:#4ade8017;--swatch-glow:#4ade8061}.color-hero_cyan{--swatch:#22d3ee;--swatch-soft:#22d3ee38;--swatch-dim:#22d3ee17;--swatch-glow:#22d3ee61}.color-hero_blue{--swatch:#4a8dff;--swatch-soft:#4a8dff38;--swatch-dim:#4a8dff17;--swatch-glow:#4a8dff61}.color-hero_purple{--swatch:#a855f7;--swatch-soft:#a855f738;--swatch-dim:#a855f717;--swatch-glow:#a855f761}.color-hero_pink{--swatch:#f472b6;--swatch-soft:#f472b638;--swatch-dim:#f472b617;--swatch-glow:#f472b661}.color-hero_brown{--swatch:#b07a4e;--swatch-soft:#b07a4e38;--swatch-dim:#b07a4e17;--swatch-glow:#b07a4e61}.color-hero_white{--swatch:#edf1f7;--swatch-soft:#edf1f738;--swatch-dim:#edf1f717;--swatch-glow:#edf1f761}.color-hero_gray{--swatch:#98a2b3;--swatch-soft:#98a2b338;--swatch-dim:#98a2b317;--swatch-glow:#98a2b361}.color-hero_black{--swatch:#4a5162;--swatch-soft:#4a516238;--swatch-dim:#4a516217;--swatch-glow:#4a516261}@media (prefers-reduced-motion:reduce){.color-hero{animation:none}}.color-hero__glow{background:radial-gradient(circle at 50% 50%, var(--swatch), transparent 66%);filter:blur(18px);opacity:.28;pointer-events:none;border-radius:50%;width:320px;height:320px;position:absolute;top:-120px;left:-60px}[dir=rtl] .color-hero__glow{left:auto;right:-60px}.color-hero__top{align-items:center;gap:18px;display:flex;position:relative}.color-hero__swatch{background:linear-gradient(150deg, var(--swatch), #00000059);width:74px;height:74px;box-shadow:0 0 0 1px #ffffff29 inset, 0 14px 36px -16px var(--swatch-glow);border-radius:20px;flex-shrink:0}[dir=rtl] .color-hero__swatch{background:linear-gradient(-150deg, var(--swatch), #00000059)}.color-hero__ident{min-width:0}.color-hero__title{letter-spacing:.01em;color:#fff;margin:0;font-family:Gilroy,Gilroy Fallback,system-ui,sans-serif;font-size:34px;font-weight:900;line-height:1.1}.color-hero__sub{color:#8a93a2;text-transform:uppercase;letter-spacing:.05em;margin:8px 0 0;font-size:13px;font-weight:700}.color-hero__lead{color:#a9b2c0;max-width:820px;margin:16px 0 0;font-size:14px;font-weight:500;line-height:1.6;position:relative}.color-hero__stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px;display:grid;position:relative}.color-hero__stat{background:#ffffff06;border:1px solid #212429bf;border-radius:14px;flex-direction:column;gap:4px;min-width:0;padding:12px 14px;display:flex}.color-hero__stat-label{color:#8a93a2;text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:700}.color-hero__stat-value{color:#fff;font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:900;overflow:hidden}.color-hero__stat-note{color:#a9b2c0;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.color-hero__link{color:inherit}@media (hover:hover){.color-hero__link:hover{color:var(--swatch)}}@media only screen and (width>=1100px){.color-hero__title{font-size:40px}}@media not screen and (width>=630px){.color-hero{border-radius:16px;padding:16px 15px 15px}.color-hero__top{gap:13px}.color-hero__swatch{border-radius:15px;width:52px;height:52px}.color-hero__title{font-size:23px}.color-hero__sub{margin-top:6px;font-size:11.5px}.color-hero__lead{margin-top:12px;font-size:13.5px}.color-hero__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.color-hero__stat{border-radius:12px;padding:10px 11px}.color-hero__stat-value{font-size:15.5px}}.color-chips{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.color-chips__chip{color:#a9b2c0;background:#ffffff08;border:1px solid #212429;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 10px;font-size:13px;font-weight:700;transition:border-color .15s,color .15s,background .15s;display:inline-flex}[dir=rtl] .color-chips__chip{padding:6px 10px 6px 12px}.color-chips__chip_red{--swatch:#ff5a5a;--swatch-soft:#ff5a5a38;--swatch-dim:#ff5a5a17;--swatch-glow:#ff5a5a61}.color-chips__chip_orange{--swatch:#ff9142;--swatch-soft:#ff914238;--swatch-dim:#ff914217;--swatch-glow:#ff914261}.color-chips__chip_yellow{--swatch:#ffd43b;--swatch-soft:#ffd43b38;--swatch-dim:#ffd43b17;--swatch-glow:#ffd43b61}.color-chips__chip_green{--swatch:#4ade80;--swatch-soft:#4ade8038;--swatch-dim:#4ade8017;--swatch-glow:#4ade8061}.color-chips__chip_cyan{--swatch:#22d3ee;--swatch-soft:#22d3ee38;--swatch-dim:#22d3ee17;--swatch-glow:#22d3ee61}.color-chips__chip_blue{--swatch:#4a8dff;--swatch-soft:#4a8dff38;--swatch-dim:#4a8dff17;--swatch-glow:#4a8dff61}.color-chips__chip_purple{--swatch:#a855f7;--swatch-soft:#a855f738;--swatch-dim:#a855f717;--swatch-glow:#a855f761}.color-chips__chip_pink{--swatch:#f472b6;--swatch-soft:#f472b638;--swatch-dim:#f472b617;--swatch-glow:#f472b661}.color-chips__chip_brown{--swatch:#b07a4e;--swatch-soft:#b07a4e38;--swatch-dim:#b07a4e17;--swatch-glow:#b07a4e61}.color-chips__chip_white{--swatch:#edf1f7;--swatch-soft:#edf1f738;--swatch-dim:#edf1f717;--swatch-glow:#edf1f761}.color-chips__chip_gray{--swatch:#98a2b3;--swatch-soft:#98a2b338;--swatch-dim:#98a2b317;--swatch-glow:#98a2b361}.color-chips__chip_black{--swatch:#4a5162;--swatch-soft:#4a516238;--swatch-dim:#4a516217;--swatch-glow:#4a516261}@media (hover:hover){.color-chips__chip:hover{border-color:var(--swatch);background:var(--swatch-dim);color:#fff}}.color-chips__chip_active{border-color:var(--swatch);background:var(--swatch-dim);color:#fff}.color-chips__dot{background:var(--swatch);width:11px;height:11px;box-shadow:0 0 10px var(--swatch-glow);border-radius:50%}.color-chips__num{color:#8a93a2;font-variant-numeric:tabular-nums;font-size:12px;font-weight:800}@media not screen and (width>=630px){.color-chips{gap:6px}.color-chips__chip{padding:5px 10px 5px 9px;font-size:12.5px}[dir=rtl] .color-chips__chip{padding:5px 9px 5px 10px}}.colors-faq{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.colors-faq__item{background:#0f1014;border:1px solid #212429;border-radius:16px;padding:22px 24px}.colors-faq__question{color:#d3dbe6;margin:0 0 10px;font-family:Gilroy,Gilroy Fallback,system-ui,sans-serif;font-size:17px;font-weight:900;line-height:1.3}.colors-faq__answer{color:#a9b2c0;margin:0;font-size:14px;font-weight:500;line-height:1.6}@media not screen and (width>=630px){.colors-faq{grid-template-columns:1fr;gap:10px}.colors-faq__item{padding:18px}}