@font-face{font-family:Instrument Sans;src:url(/fonts/InstrumentSans-Medium.ttf)format("truetype");font-weight:400 500;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/fonts/InstrumentSans-SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:Instrument Sans;src:url(/fonts/InstrumentSans-Bold.ttf)format("truetype");font-weight:700;font-display:swap}html{-webkit-text-size-adjust:100%}body{margin:0}img{max-width:100%}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:root{--navy:#0a0338;--slate:#4c4386;--muted:#7d77a8;--line:#0000001f;--tile:#f7f6fb;--sky:#02a9ff;--orchid:#bb1bff;--bg:#fff;--ad-bg:#f3efff;--icon-default:#292556;--font:"Instrument Sans", "Segoe UI", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--slate);font-family:var(--font);font-size:16px;font-weight:500;line-height:1.4}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:var(--navy);position:fixed;inset:0 0 auto}a{color:var(--navy);text-decoration:none}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--sky);outline-offset:2px}.wrap{max-width:1680px;padding-left:max(30px, env(safe-area-inset-left,0px));padding-right:max(30px, env(safe-area-inset-right,0px));margin:0 auto}.band{background:var(--navy)}.nav{align-items:center;gap:24px;padding-block:14px;display:flex}.logo img{height:30px;display:block}.nav-links{gap:0;margin-left:20px;display:flex}.nav-links a{color:#fff;padding:10px 15px;font-weight:600}.nav-links a:hover,.nav-links a[aria-current]{color:var(--sky)}.nav-cta{align-items:center;gap:15px;margin-left:auto;display:flex}.btn{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:10px 15px;font-size:14px;font-weight:700;display:inline-flex}.btn-white{color:var(--navy);background:#fff}.btn-white:hover{color:var(--orchid)}.nav .link{color:#fff;padding:10px 15px;font-weight:600}.nav .link:hover{color:var(--sky)}.btn-light{background:var(--tile);color:var(--navy);border:2px solid #0a033805}.btn-light:hover{border-color:var(--line)}.btn-grad{background-color:var(--sky);background-image:linear-gradient(to right, var(--orchid), transparent);color:#fff}.main{gap:50px;padding-block:50px 80px;display:flex}.side{top:calc(env(safe-area-inset-top,0px) + 20px);flex:0 0 300px;align-self:flex-start;max-height:calc(100vh - 40px);position:sticky;overflow:auto}.side h2{color:var(--navy);margin:0 0 10px;font-size:20px;font-weight:700;line-height:1.3}.group{margin-bottom:40px}.chips{flex-wrap:wrap;gap:5px;display:flex}.chip{background:var(--bg);border:1px solid var(--line);cursor:pointer;color:var(--navy);border-radius:10px;align-items:center;gap:6px;padding:4px 11px;font-size:14px;font-weight:500;transition:background .2s,color .2s;display:inline-flex}.chip:hover{border-color:var(--navy)}.chip[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.chip:disabled,.chip[aria-disabled=true]{opacity:.4;cursor:default}.chip .n{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;line-height:1}.chip[aria-pressed=true] .n{color:#b8b4d8}.applied-box{margin-bottom:30px}.applied-head{justify-content:space-between;align-items:baseline;display:flex}.applied-head button{cursor:pointer;color:var(--sky);background:0 0;border:0;margin-right:10px;padding:0;font-size:14px;font-weight:600}.applied{flex-wrap:wrap;gap:5px;display:flex}.applied button{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:8px;padding:4px 11px;font-size:13px;display:inline-flex}.divider{opacity:.15;background:#2c2c2c;height:1px;margin:20px 0 30px}.ad{background:var(--ad-bg);border-radius:10px;gap:6px;padding:18px;display:grid}.ad small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px}.ad strong{color:var(--navy);font-size:17px;line-height:1.3}.ad span{color:var(--slate);font-size:14px}.ad .go{color:var(--orchid);font-weight:700}.content{flex:auto;min-width:0}html{scrollbar-color:#cfcbe3 #f7f6fb}.side{scrollbar-width:thin;scrollbar-color:#d9d6ea transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f7f6fb}::-webkit-scrollbar-thumb{background:#cfcbe3;border:2px solid #f7f6fb;border-radius:10px}.side::-webkit-scrollbar-track{background:0 0}.chip svg{width:16px;height:16px;color:var(--icon-default)}.chip[aria-pressed=true] svg{color:#fff}.hero{background:linear-gradient(#f4f1ff 0%,#fff 100%);border-bottom:1px solid #0a03380f}.hero .wrap{gap:16px;padding-block:36px 40px;display:grid}.hero h1{color:var(--navy);letter-spacing:-.02em;text-wrap:balance;max-width:20ch;margin:0;font-size:clamp(30px,4.2vw,52px);font-weight:700;line-height:1.12}.hero h1 em{background:linear-gradient(90deg, var(--orchid), var(--sky));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero p{max-width:62ch;margin:0;font-size:17px}.searchbar{flex-wrap:wrap;gap:12px;max-width:920px;margin-top:6px;display:flex}.search svg{color:#8f8ab3;pointer-events:none;position:absolute;top:50%;left:16px;translate:0 -50%}.title-row .search input{padding-left:46px}.specs{flex-wrap:wrap;gap:12px 32px;margin:8px 0 0;padding:0;list-style:none;display:flex}.specs li{align-items:center;gap:12px;display:flex}.specs .si{background:var(--bg);width:42px;height:42px;color:var(--orchid);border:1px solid #0a033812;border-radius:10px;flex:none;place-items:center;display:grid;box-shadow:0 4px 14px #0a03380d}.specs .si svg{width:22px;height:22px}.specs li>span:last-child{color:var(--muted);font-size:13px;line-height:1.3;display:grid}.specs b{color:var(--navy);font-size:16px;font-weight:700}.toolbar{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:30px;display:flex}.search{flex:0 410px;min-width:0;position:relative}.search input{border:1px solid var(--line);width:100%;height:50px;color:var(--navy);background:var(--bg);border-radius:10px;padding:0 44px 0 16px;font-size:16px}.search input::placeholder{color:#8f8ab3;font-size:16px}.search input:focus{border-color:var(--sky);outline:none;box-shadow:0 0 0 3px #02a9ff22}.search .clear{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:8px;position:absolute;top:50%;right:13px;translate:0 -50%}.color{border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;height:50px;padding:0 12px 0 3px;display:flex}.swatch{cursor:pointer;background:var(--icon-color,#292556);border:0;border-radius:8px;width:42px;height:42px;padding:0}.pcr-app .pcr-interaction .pcr-type{display:none}.pcr-app .pcr-interaction .pcr-result{flex:auto}.pcr-app{font-family:var(--font);border-radius:12px;box-shadow:0 16px 40px #0a033826}.pcr-app .pcr-interaction .pcr-result{font-family:var(--font);color:var(--navy);font-size:14px;font-weight:600}.color input[type=text]{width:72px;color:var(--navy);text-transform:uppercase;background:0 0;border:0;font-size:14px;font-weight:500}.color input[type=text]:focus{outline:none}.color .reset{cursor:pointer;color:var(--muted);background:0 0;border:0;margin-right:5px;padding:4px;line-height:0}.toolbar .btn-light{margin-left:auto}.title-row{top:env(safe-area-inset-top,0px);z-index:20;background:var(--bg);flex-wrap:wrap;align-items:center;gap:12px;margin:-12px 0 12px;padding-block:12px;transition:box-shadow .2s;display:flex;position:sticky;box-shadow:0 1px #0000}.title-row.stuck{box-shadow:0 10px 12px -12px #0a033833}.title-row .count{color:var(--slate);margin-left:auto;font-size:15px;font-weight:600}.title-row .search{flex:0 460px}.title-row h2{color:var(--navy);margin:0;font-size:20px;font-weight:700;line-height:1.3}.count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.filters-btn{display:none}.filters-btn[aria-expanded=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.filters-btn .badge{background:var(--orchid);color:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;display:inline-grid}.filters-btn svg{width:18px;height:18px}.drawer-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:none}.drawer-head strong{color:var(--navy);font-size:20px}.drawer-close{width:38px;height:38px;color:var(--navy);cursor:pointer;background:#f0eff5;border:0;border-radius:10px;font-size:16px}.drawer-foot{width:min(360px,88vw);padding:14px 20px calc(env(safe-area-inset-bottom,0px) + 14px);background:var(--bg);border-top:1px solid var(--line);display:none;position:fixed;bottom:0;left:0}.drawer-foot .btn{background:var(--navy);color:#fff;width:100%;padding:13px;font-size:15px}.scrim{display:none}.grid{color:var(--icon-color,var(--icon-default));grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.tile{background:var(--tile);text-align:center;cursor:pointer;border-radius:6px;flex-direction:column;align-items:center;gap:14px;min-height:112px;padding:20px 4px 14px;transition:background .2s,box-shadow .2s;display:flex;position:relative}.tile:hover,.tile:focus-within{background:var(--bg);box-shadow:0 0 0 1px var(--line), 0 8px 24px #0a033814}.tile>svg{flex:none;width:34px;height:34px}.tile .name{color:var(--slate);-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0 4px;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.tile .open{cursor:pointer;background:0 0;border:0;border-radius:6px;position:absolute;inset:0}.acts{justify-content:center;gap:4px;display:none;position:absolute;bottom:10px;left:8px;right:8px}.tile:hover .acts,.tile:focus-within .acts{display:flex}.tile:hover .name,.tile:focus-within .name{visibility:hidden}.acts button{background:var(--tile);cursor:pointer;color:var(--navy);white-space:nowrap;border:0;border-radius:6px;align-items:center;gap:4px;padding:6px 7px;font-size:11px;font-weight:600;display:inline-flex}.acts button:hover{background:var(--navy);color:#fff}.acts svg{width:15px;height:15px}@media (hover:none){.acts{display:none!important}.tile .name{visibility:visible!important}}.grid-ad{background:var(--ad-bg);border-radius:10px;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px 24px;padding:20px 24px;display:flex}.grid-ad div{flex:280px;gap:2px;min-width:0;display:grid}.grid-ad small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px}.grid-ad strong{color:var(--navy);font-size:18px}.grid-ad span{color:var(--slate);font-size:14px}.empty{text-align:center;justify-items:center;gap:10px;padding:60px 16px;display:grid}.empty h3{color:var(--navy);margin:0;font-size:20px}.empty p{margin:0}.empty .btn{background:var(--navy);color:#fff}.note{color:var(--muted);font-size:13px}.more{height:1px}dialog{background:var(--bg);width:min(760px,100vw - 32px);color:var(--slate);border:0;border-radius:14px;padding:0}dialog::backdrop{background:#0c0c109e}.dlg{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.preview{background:var(--tile);color:var(--icon-color,var(--icon-default));border-radius:14px 0 0 14px;place-items:center;padding:72px 32px;display:grid}.preview svg{width:120px;height:120px}.info{align-content:start;gap:20px;padding:40px 36px 36px;display:grid}.info h2 a{color:inherit}.info h2{color:var(--navy);margin:0;padding-right:44px;font-size:22px;line-height:1.25}.meta{color:var(--muted);font-size:14px}.variants{flex-wrap:wrap;gap:6px;display:flex}.variants button{border:1px solid var(--line);background:var(--bg);cursor:pointer;width:46px;height:46px;color:var(--icon-color,var(--icon-default));border-radius:8px;place-items:center;display:grid}.variants button[aria-pressed=true]{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}.variants svg{width:24px;height:24px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.row .btn{background:var(--tile);color:var(--navy);border:2px solid #0a033805}.row .btn:hover{border-color:var(--line)}.row .btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.row .btn.primary:hover{background:#1a1150}.page-link{color:var(--orchid);font-size:14px;font-weight:600}.page-link:hover{color:var(--navy)}.row select{border:1px solid var(--line);background:var(--bg);color:var(--navy);border-radius:10px;padding:9px 10px;font-weight:600}.tags{flex-wrap:wrap;gap:5px;display:flex}.tags span{background:var(--tile);border-radius:999px;padding:3px 9px;font-size:12px}.x{cursor:pointer;width:38px;height:38px;color:var(--navy);background:#f0eff5;border:0;border-radius:10px;place-items:center;font-size:16px;display:grid;position:absolute;top:16px;right:16px}.x:hover{background:#e4e2ee}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--navy);color:#fff;z-index:50;opacity:0;pointer-events:none;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;transition:opacity .2s;position:fixed;translate:-50%}.toast.show{opacity:1}footer{background:var(--navy);color:#b8b4d8}footer .wrap{flex-wrap:wrap;align-items:center;gap:8px 24px;padding-block:14px;font-size:13px;display:flex}footer nav{flex-wrap:wrap;gap:4px 18px;display:flex}footer a{color:#fffc}footer a:hover{color:var(--sky)}footer .by{margin-left:auto}@media (width<=991px){.nav-links,.nav .link{display:none}.main{flex-direction:column;gap:24px;padding-block:30px 60px}.side{z-index:70;background:var(--bg);width:min(360px,88vw);height:100%;max-height:none;padding:calc(env(safe-area-inset-top,0px) + 18px) 20px calc(env(safe-area-inset-bottom,0px) + 90px) max(20px, env(safe-area-inset-left,0px));transition:transform .25s;position:fixed;inset:0 auto 0 0;transform:translate(-102%);box-shadow:12px 0 40px #0c0c1033}.side.open{transform:none}.side .ad{display:none}.drawer-head{display:flex!important}.drawer-foot{display:block!important}.scrim{z-index:65;opacity:0;pointer-events:none;background:#0c0c1080;transition:opacity .25s;display:block;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.filters-btn{display:inline-flex}.specs{display:none}.title-row .count{margin-left:0}}@media (width<=560px){.wrap{padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px))}.nav{padding-block:18px}.logo img{height:30px}.title-row .search{flex:100%}.title-row .color{flex:auto}.hero .wrap{padding-block:32px 28px}.color{flex:auto}.grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px}.dlg{grid-template-columns:minmax(0,1fr)}.preview{border-radius:14px 14px 0 0;padding:40px}.info{padding:28px 22px 24px}footer .by{margin-left:0}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}body{min-height:100vh}body>footer{position:sticky;top:100vh}