.ds-catalog{--c-ink:#0d1b2a;--c-muted:#0d1b2aa6;--c-faint:#0d1b2a80;--c-line:#0d1b2a1a;--c-line-soft:#0d1b2a12;--c-blue:#1447c8;--c-blue-deep:#0f3cae;--c-blue-pale:#f1f4fd;--c-navy:#051a4f;--c-accent:#f2762e;--c-display:"Space Grotesk", var(--font-sora), system-ui, sans-serif;--c-mono:"IBM Plex Mono", ui-monospace, monospace;--c-ease:cubic-bezier(.2, .7, .2, 1);color:var(--c-ink);font-family:"Inter", var(--font-inter), system-ui, sans-serif;background:#fdfeff;line-height:1.55}.ds-catalog *,.ds-catalog :before,.ds-catalog :after{box-sizing:border-box}.ds-catalog h1,.ds-catalog h2,.ds-catalog h3{font-family:var(--c-display);letter-spacing:-.024em;font-weight:500;line-height:1.15}.ds-catalog a:focus-visible,.ds-catalog button:focus-visible,.ds-catalog input:focus-visible,.ds-catalog select:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px;border-radius:4px}@keyframes cRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes cOrbit{to{transform:rotate(360deg)}}@keyframes cHalo{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.95;transform:scale(1.08)}}@keyframes cDot{0%,to{box-shadow:0 0 #f2762e80}70%{box-shadow:0 0 0 7px #f2762e00}}@keyframes cShimmer{to{background-position:-200% 0}}.c-main{width:100%;padding:26px 0 40px}.ds-catalog a:hover{opacity:1}.c-hero{color:#fff;animation:cRise .7s var(--c-ease) backwards;background:radial-gradient(120% 150% at 88% 6%,#2c5fe066,#051a4f00 58%),linear-gradient(158deg,#051a4f 0%,#072d98 54%,#0f3cae 100%);border-radius:26px;margin-bottom:34px;padding:42px 44px 40px;position:relative;overflow:hidden;box-shadow:0 28px 64px -38px #051a4fbf}.c-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 40% 40%,#8faff438,#2c5fe000 68%);border-radius:50%;width:420px;height:420px;animation:10s ease-in-out infinite cHalo;position:absolute;bottom:-160px;right:-120px}.c-hero-orbits{opacity:.4;pointer-events:none;transform-origin:50%;width:380px;height:380px;animation:110s linear infinite cOrbit;position:absolute;top:calc(50% - 190px);right:-50px}.c-hero>:not(.c-hero-orbits){z-index:1;position:relative}.c-eyebrow{font-family:var(--c-mono);text-transform:uppercase;letter-spacing:.16em;color:#ffffff8c;align-items:center;gap:12px;margin:0 0 22px;font-size:10.5px;display:flex}.c-eyebrow-dot{background:var(--c-accent);border-radius:50%;flex:none;width:7px;height:7px;animation:2.8s ease-out infinite cDot;display:inline-block}.c-eyebrow-right{letter-spacing:.12em;color:#fff6;margin-left:auto}.ds-catalog .c-h1{font-family:var(--c-display);letter-spacing:-.034em;text-wrap:balance;color:#fff;max-width:18ch;margin:0 0 16px;font-size:clamp(34px,4vw,50px);font-weight:600;line-height:1}.ds-catalog .c-h1 em{background:linear-gradient(90deg,#8faff4 0%,#c2d4f8 55%,#fff 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:italic}.c-hero-sub{color:#ffffffbd;max-width:52ch;margin:0;font-size:16px;line-height:1.55}.c-hero-tags{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.c-hero-tag{-webkit-backdrop-filter:blur(10px);font-family:var(--c-mono);letter-spacing:.14em;text-transform:uppercase;color:#fffc;transition:background .26s ease, border-color .26s ease, transform .26s var(--c-ease);background:#ffffff0f;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:10px;display:inline-flex}.c-hero-tag:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.c-hero-tag .material-symbols-outlined{color:#8faff4;font-size:16px}.c-layout{grid-template-columns:244px minmax(0,1fr);align-items:start;gap:40px;display:grid}.c-side{border:1px solid var(--c-line);animation:cRise .6s var(--c-ease) 80ms backwards;background:#fff;border-radius:20px;flex-direction:column;gap:26px;padding:24px 22px;display:flex;position:sticky;top:92px;box-shadow:0 1px 2px #0d1b2a0a}.c-side-title{border-bottom:1px solid var(--c-line-soft);font-family:var(--c-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--c-ink);align-items:center;gap:10px;padding-bottom:16px;font-size:10.5px;display:flex}.c-side-title .material-symbols-outlined{color:var(--c-accent);font-size:17px}.c-group{flex-direction:column;gap:12px;display:flex}.c-group-label{font-family:var(--c-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--c-faint);margin:0;font-size:9.5px}.c-check{cursor:pointer;color:var(--c-muted);align-items:center;gap:11px;font-size:14px;transition:color .18s;display:flex}.c-check:hover{color:var(--c-ink)}.c-check input{opacity:0;width:0;height:0;position:absolute}.c-check-box{border:1px solid var(--c-line);color:#0000;background:#fff;border-radius:6px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.c-check-box .material-symbols-outlined{font-size:14px}.c-check input:checked+.c-check-box{background:var(--c-blue);border-color:var(--c-blue);color:#fff}.c-check input:focus-visible+.c-check-box{outline:2px solid var(--c-accent);outline-offset:2px}.c-check input:checked~span:last-child{color:var(--c-ink)}.c-range{background:var(--c-line);appearance:none;cursor:pointer;width:100%;height:3px;accent-color:var(--c-blue);border-radius:3px}.c-range-legend{font-family:var(--c-mono);letter-spacing:.12em;color:var(--c-faint);justify-content:space-between;font-size:9.5px;display:flex}.c-inputs{gap:8px;display:flex}.c-input{width:100%;min-width:0;color:var(--c-ink);border:1px solid var(--c-line-soft);background:#fbfcfe;border-radius:10px;padding:9px 11px;font-family:inherit;font-size:13.5px;transition:border-color .18s,box-shadow .18s,background .18s}.c-input::placeholder{color:var(--c-faint)}.c-input:focus{border-color:var(--c-blue);background:#fff;outline:none;box-shadow:0 0 0 3px #1447c81f}.c-pills{flex-wrap:wrap;gap:7px;display:flex}.c-pill{appearance:none;border:1px solid var(--c-line);font-family:var(--c-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--c-faint);cursor:pointer;background:#fff;border-radius:999px;padding:7px 13px;font-size:9.5px;transition:border-color .2s,color .2s,background .2s}.c-pill:hover{color:var(--c-ink);border-color:#0d1b2a3d}.c-pill[aria-pressed=true]{background:var(--c-ink);border-color:var(--c-ink);color:#fff}.c-body{flex-direction:column;gap:22px;min-width:0;display:flex}.c-toolbar{border-bottom:1px solid var(--c-line);animation:cRise .6s var(--c-ease) .12s backwards;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding-bottom:16px;display:flex}.c-count{font-family:var(--c-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--c-faint);margin:0;font-size:10.5px}.c-count b{font-family:var(--c-display);letter-spacing:-.02em;color:var(--c-ink);font-variant-numeric:tabular-nums;margin-right:7px;font-size:17px;font-weight:600}.c-tools{align-items:center;gap:10px;display:flex}.c-sort{border:1px solid var(--c-line);background:#fff;border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 12px;transition:border-color .2s;display:inline-flex;position:relative}.c-sort:hover{border-color:#0d1b2a3d}.c-sort .material-symbols-outlined{color:var(--c-faint);font-size:18px}.c-sort select{appearance:none;font-family:var(--c-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--c-ink);cursor:pointer;background:0 0;border:0;outline:none;padding-right:16px;font-size:10px}.c-sort:after{content:"▾";color:var(--c-faint);pointer-events:none;font-size:10px;position:absolute;right:13px}.c-search{border:1px solid var(--c-line);background:#fff;border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 12px;transition:border-color .18s;display:inline-flex;position:relative}.c-search:focus-within{border-color:var(--c-blue)}.c-search .material-symbols-outlined{color:var(--c-faint);font-size:18px}.c-search input{appearance:none;color:var(--c-ink);background:0 0;border:0;outline:none;width:160px;font-family:inherit;font-size:13px}.c-search input::placeholder{color:var(--c-faint)}.c-grid{grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:18px;display:grid}.c-card{border:1px solid var(--c-line);transition:transform .3s var(--c-ease), box-shadow .3s ease, border-color .3s ease;animation:cRise .6s var(--c-ease) backwards;animation-delay:calc(.12s + var(--i,0) * 60ms);background:#fff;border-radius:20px;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0d1b2a0a}.c-card:hover{border-color:#0d1b2a29;transform:translateY(-4px);box-shadow:0 24px 48px -28px #0d1b2a73}.c-media{aspect-ratio:16/10;background:linear-gradient(150deg,#edf1fc,#dee6fa);display:block;position:relative;overflow:hidden}.c-media img{object-fit:cover;transition:transform .6s var(--c-ease)}.c-card:hover .c-media img{transform:scale(1.05)}.c-media-placeholder{color:#a3b4ee;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.c-media-placeholder .material-symbols-outlined{font-size:44px}.c-badge{-webkit-backdrop-filter:blur(10px);font-family:var(--c-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--c-ink);background:#ffffffe6;border:1px solid #0d1b2a14;border-radius:999px;align-items:center;gap:7px;padding:6px 11px;font-size:9.5px;display:inline-flex;position:absolute;top:12px;left:12px}.c-badge .material-symbols-outlined{color:var(--c-blue);font-size:14px}.c-card-body{flex-direction:column;flex:1;padding:20px 20px 18px;display:flex}.ds-catalog .c-card-title{font-family:var(--c-display);letter-spacing:-.022em;color:var(--c-ink);margin:0 0 9px;font-size:18px;font-weight:500;line-height:1.22;text-decoration:none;transition:color .2s;display:block}.ds-catalog .c-card-title:hover{color:var(--c-blue)}.c-card-text{color:var(--c-muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 18px;font-size:13.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.c-card-foot{border-top:1px solid var(--c-line-soft);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:15px;display:flex}.c-price{font-family:var(--c-display);letter-spacing:-.025em;color:var(--c-ink);font-variant-numeric:tabular-nums;font-size:19px;font-weight:600}.c-btn{font-family:"Inter", var(--font-inter), system-ui, sans-serif;cursor:pointer;white-space:nowrap;transition:background .22s ease, border-color .22s ease, color .22s ease, transform .24s var(--c-ease), box-shadow .24s ease;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:12px 22px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.c-btn:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 32%,#ffffff2e 50%,#0000 68%);transition:transform .75s;position:absolute;inset:0;transform:translate(-120%)}.c-btn:hover:after{transform:translate(120%)}.c-btn--primary{background:var(--c-ink);color:#fff}.c-btn--primary:hover{background:var(--c-blue-deep);transform:translateY(-2px);box-shadow:0 12px 26px -14px #0d1b2ab3}.c-btn--ghost{color:var(--c-ink);background:#fff;border-color:#0d1b2a33}.c-btn--ghost:hover{border-color:var(--c-ink);transform:translateY(-2px)}.c-btn--sm{gap:7px;padding:9px 16px;font-size:13px}.c-btn--added{background:var(--c-blue-pale);color:var(--c-blue);border-color:#1447c84d}.c-arrow{font-family:var(--c-mono);color:var(--c-accent);transition:transform .26s var(--c-ease)}.c-btn:hover .c-arrow{transform:translate(4px)}.c-skel{background:linear-gradient(90deg,#edf0f8 25%,#f8fbfd 37%,#edf0f8 63%) 0 0/200% 100%;border-radius:10px;animation:1.5s linear infinite cShimmer}.c-skel-card{border:1px solid var(--c-line);background:#fff;border-radius:20px;overflow:hidden}.c-skel-media{aspect-ratio:16/10;border-radius:0}.c-skel-body{flex-direction:column;gap:10px;padding:20px;display:flex}.c-skel-line{height:12px}.c-skel-line--sm{width:55%;height:10px}.c-skel-line--lg{width:80%;height:17px}.c-empty{text-align:center;border:1px solid var(--c-line);background:#fff;border-radius:24px;max-width:620px;margin:0 auto;padding:56px 34px;box-shadow:0 1px 2px #0d1b2a0a}.c-empty-ico{background:var(--c-blue-pale);width:58px;height:58px;color:var(--c-blue);border-radius:20px;justify-content:center;align-items:center;margin:0 auto 20px;font-size:28px;display:inline-flex}.ds-catalog .c-empty-title{font-family:var(--c-display);letter-spacing:-.024em;color:var(--c-ink);margin:0 0 12px;font-size:22px;font-weight:500}.c-empty p{max-width:44ch;color:var(--c-muted);margin:0 auto;font-size:15px}.c-pager{border-top:1px solid var(--c-line);justify-content:center;align-items:center;gap:8px;margin-top:26px;padding-top:26px;display:flex}.c-page{appearance:none;border:1px solid var(--c-line);width:38px;height:38px;font-family:var(--c-mono);color:var(--c-muted);cursor:pointer;transition:border-color .2s ease, color .2s ease, background .2s ease, transform .24s var(--c-ease);background:#fff;border-radius:12px;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.c-page:hover:not(:disabled){color:var(--c-ink);border-color:#0d1b2a47;transform:translateY(-2px)}.c-page[aria-current=page]{background:var(--c-ink);border-color:var(--c-ink);color:#fff}.c-page:disabled{opacity:.4;cursor:not-allowed}.c-page-gap{font-family:var(--c-mono);color:var(--c-faint);padding:0 2px;font-size:11px}.c-sheet-btn{display:none}.c-overlay{z-index:60;-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#051a4f6b;transition:opacity .28s;position:fixed;inset:0}.c-overlay[data-open=true]{opacity:1;pointer-events:auto}.c-sheet{z-index:61;max-height:84vh;padding:14px 22px calc(22px + env(safe-area-inset-bottom,0px));transition:transform .34s var(--c-ease);background:#fff;border-radius:26px 26px 0 0;flex-direction:column;gap:22px;display:flex;position:fixed;inset:auto 0 0;transform:translateY(102%);box-shadow:0 -24px 60px -30px #051a4f99}.c-sheet[data-open=true]{transform:none}.c-sheet-grip{background:var(--c-line);border-radius:4px;width:46px;height:4px;margin:0 auto 6px}.c-sheet-head{justify-content:space-between;align-items:center;display:flex}.ds-catalog .c-sheet-title{font-family:var(--c-display);letter-spacing:-.024em;margin:0;font-size:20px;font-weight:500}.c-sheet-close{appearance:none;border:1px solid var(--c-line);width:36px;height:36px;color:var(--c-muted);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:color .2s,border-color .2s;display:inline-flex}.c-sheet-close:hover{color:var(--c-ink);border-color:#0d1b2a47}.c-sheet-body{flex-direction:column;gap:22px;display:flex;overflow-y:auto}.c-sheet-foot{border-top:1px solid var(--c-line-soft);gap:10px;padding-top:16px;display:flex}.c-sheet-foot .c-btn{flex:1}@media (max-width:1080px){.c-layout{grid-template-columns:1fr;gap:24px}.c-side{display:none}.c-sheet-btn{display:inline-flex}.c-hero{padding:34px 28px 32px}.c-hero-orbits{opacity:.26;right:-150px}}@media (max-width:700px){.c-hero{border-radius:22px;padding:30px 22px 28px}.c-eyebrow-right{display:none}.c-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}}@media (max-width:460px){.c-grid{grid-template-columns:1fr}.c-toolbar{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.ds-catalog *,.ds-catalog :before,.ds-catalog :after{transition:none!important;animation:none!important}}
