.k-shell{max-width:var(--container-catalog);margin:0 auto;padding:0 24px 56px}@supports (corner-shape:superellipse(2)){.k-card,.k-pack,.k-panel,.k-promo,.k-state{corner-shape:superellipse(2.6)}}.k-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.k-hero{padding:56px 0 40px;position:relative}.k-rails{pointer-events:none;grid-template-columns:repeat(6,1fr);display:grid;position:absolute;inset:0}.k-rails i{border-left:1px solid var(--color-rail)}.k-rails i:first-child{border-left:0}.k-hero-grid{grid-template-columns:7fr 5fr;align-items:end;gap:48px;display:grid;position:relative}.k-hero .k-eyebrow:after{content:"";background:var(--color-line-violet);flex:1;height:1px}.k-hero h1{font-family:var(--font-heading);font-weight:900;font-size:var(--fs-800);letter-spacing:-.02em;margin-top:20px;line-height:1.04}.k-under{background:linear-gradient(transparent 62%,var(--color-primary) 62%,var(--color-primary) 94%,transparent 94%);padding:0 2px;display:inline}.k-hero-lede{max-width:46ch;font-size:var(--fs-400);color:var(--color-text-muted);margin-top:22px;line-height:1.5}.k-panel{background:var(--color-surface);border:1px solid var(--color-line-violet);border-radius:var(--radius-surface);padding:24px;position:relative}.k-panel:after{content:"";border:1px solid var(--color-primary);border-radius:inherit;z-index:-1;position:absolute;inset:0;transform:translate(8px,8px)}.k-panel h2{font-family:var(--font-mono);font-size:var(--fs-100);letter-spacing:.2em;text-transform:uppercase;color:var(--color-secondary);border-bottom:1px solid var(--color-line-violet);padding-bottom:12px;font-weight:500}.k-tally{list-style:none}.k-tally li{border-bottom:1px dotted var(--color-line-violet);font-size:var(--fs-300);grid-template-columns:1fr auto;align-items:baseline;gap:12px;padding:10px 0;display:grid}.k-tally li:last-child{border-bottom:0;padding-bottom:0}.k-tally b{font-family:var(--font-mono);font-size:var(--fs-200);color:var(--color-secondary);font-weight:500}.k-tools{border-top:2px solid var(--color-text);grid-template-columns:minmax(220px,1.6fr) 1fr 1fr auto;align-items:center;gap:12px;margin-top:48px;padding-top:22px;display:grid}.k-search{align-items:center;display:flex;position:relative}.k-search .k-ico{color:var(--color-text-muted);pointer-events:none;position:absolute;left:14px}.k-input,.k-select{width:100%;min-height:46px;font-family:var(--font-body);font-size:var(--fs-300);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-control);transition:border-color .22s var(--ease-spring),box-shadow .22s var(--ease-spring);padding:0 14px}.k-input{padding-left:42px}.k-input::placeholder{color:var(--color-text-muted)}.k-input:focus,.k-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #c4a8e073}.k-select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--color-secondary) 50%),linear-gradient(135deg,var(--color-secondary) 50%,transparent 50%);background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:38px}.k-tally-live{font-family:var(--font-mono);font-size:var(--fs-200);color:var(--color-text-muted);white-space:nowrap;text-align:right}.k-grid{grid-template-columns:repeat(auto-fill,minmax(258px,1fr));gap:18px;margin-top:26px;padding:0;list-style:none;display:grid}.k-card{isolation:isolate;background:var(--color-bg);border:1px solid var(--color-line);border-radius:var(--radius-surface);animation:k-rise .45s var(--ease-spring) backwards;animation-delay:calc(var(--i,0) * 45ms);transition:transform .3s var(--ease-spring),box-shadow .3s var(--ease-spring),border-color .3s var(--ease-spring);flex-direction:column;display:flex;position:relative;overflow:hidden}.k-card:after{content:"";border:1px solid var(--color-line-violet);border-radius:inherit;z-index:-1;transition:transform .3s var(--ease-spring),border-color .3s var(--ease-spring);position:absolute;inset:0;transform:translate(7px,7px)}.k-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px -14px #1a1a1a73}.k-card:hover:after{border-color:var(--color-primary);transform:translate(11px,11px)}.k-card--feature{grid-column:span 2}.k-thumb{aspect-ratio:4/3;background:var(--color-surface);border-bottom:1px solid var(--color-line);position:relative;overflow:hidden}.k-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .45s var(--ease-spring);display:block}.k-card:hover .k-thumb img{transform:scale(1.035)}.k-thumb svg.k-cover{width:100%;height:100%;display:block}.k-flag{font-family:var(--font-mono);font-size:var(--fs-100);letter-spacing:.14em;text-transform:uppercase;color:var(--color-bg);background:var(--color-text);border-radius:var(--radius-tight);padding:5px 9px;position:absolute;top:12px;left:12px}.k-body{flex-direction:column;flex:1;padding:20px;display:flex}.k-kind{font-family:var(--font-mono);font-size:var(--fs-100);letter-spacing:.16em;text-transform:uppercase;color:var(--color-support);align-items:center;gap:8px;display:flex}.k-kind span{color:var(--color-text-muted)}.k-card h3{font-family:var(--font-heading);font-weight:700;font-size:var(--fs-400);letter-spacing:-.01em;margin-top:8px;line-height:1.16}.k-card p{font-size:var(--fs-300);color:var(--color-text-muted);flex:1;margin-top:8px;line-height:1.55}.k-tags{flex-wrap:wrap;gap:6px;margin-top:14px;padding:0;list-style:none;display:flex}.k-tags li{font-family:var(--font-mono);font-size:var(--fs-100);letter-spacing:.08em;text-transform:uppercase;color:var(--color-secondary);background:var(--color-surface);border:1px solid var(--color-line-violet);border-radius:var(--radius-tight);padding:3px 8px}.k-get{background:var(--color-text);min-height:44px;color:var(--color-bg);font-size:var(--fs-200);letter-spacing:.03em;border-radius:var(--radius-pill);transition:box-shadow .24s var(--ease-spring),transform .24s var(--ease-spring),background-color .24s var(--ease-spring);align-self:flex-start;align-items:center;gap:9px;margin-top:16px;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.k-get:hover{background:var(--color-secondary);box-shadow:0 0 0 4px #c4a8e073,0 8px 18px -10px #5b3e86e6}.k-get:active{transform:translateY(1px)scale(.985)}.k-get:focus-visible{outline:2px solid var(--color-secondary);outline-offset:4px}.k-state{border:1px dashed var(--color-line-violet);border-radius:var(--radius-surface);text-align:center;grid-column:1/-1;padding:44px 28px}.k-state strong{font-family:var(--font-heading);font-weight:700;font-size:var(--fs-400);display:block}.k-state p{max-width:52ch;font-size:var(--fs-300);color:var(--color-text-muted);margin:8px auto 0}.k-state--error{border-style:solid;border-color:var(--color-accent);background:#e0a03c12}.k-retry{cursor:pointer;background:var(--color-accent);min-height:44px;color:var(--color-text);font-family:var(--font-body);font-size:var(--fs-200);border-radius:var(--radius-pill);transition:box-shadow .24s var(--ease-spring),transform .24s var(--ease-spring);border:0;align-items:center;gap:8px;margin-top:18px;padding:0 18px;font-weight:700;display:inline-flex}.k-retry:hover{box-shadow:0 0 0 4px #e0a03c59,0 8px 16px -10px #1a1a1a99}.k-retry:active{transform:translateY(1px)}.k-retry:focus-visible{outline:2px solid var(--color-text);outline-offset:4px}.k-skel{border:1px solid var(--color-line);border-radius:var(--radius-surface);overflow:hidden}.k-skel-thumb{aspect-ratio:4/3;background:var(--color-surface)}.k-skel-body{gap:10px;padding:20px;display:grid}.k-skel-line{border-radius:var(--radius-tight);background:var(--color-surface);height:11px}.k-skel-line:first-child{width:38%}.k-skel-line:nth-child(2){width:82%;height:17px}.k-skel-line:nth-child(3){width:96%}.k-skel-line:nth-child(4){width:64%}.k-skel-thumb,.k-skel-line{background-image:linear-gradient(90deg,var(--color-surface) 0%,#ede6f5 50%,var(--color-surface) 100%);background-size:220% 100%;animation:1.35s linear infinite k-shimmer}.k-more{justify-content:center;margin-top:32px;display:flex}.k-more button{cursor:pointer;min-height:48px;font-family:var(--font-body);font-size:var(--fs-300);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-text);border-radius:var(--radius-pill);transition:background-color .24s var(--ease-spring),color .24s var(--ease-spring),box-shadow .24s var(--ease-spring);padding:0 30px;font-weight:700}.k-more button:hover{background:var(--color-text);color:var(--color-bg);box-shadow:0 0 0 4px #c4a8e080}.k-more button:focus-visible{outline:2px solid var(--color-secondary);outline-offset:4px}.k-promo{background:var(--color-primary);border-radius:var(--radius-shell);margin-top:64px;padding:44px 40px;display:block}.k-promo-said{max-width:60ch}.k-packs{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:32px;padding:0;list-style:none;display:grid}.k-pack{background:var(--color-bg);border-radius:var(--radius-surface);transition:transform .3s var(--ease-spring),box-shadow .3s var(--ease-spring);flex-direction:column;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #1a1a1a0f,0 8px 18px -14px #1a1a1a80}.k-pack:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px #1a1a1a0f,0 12px 20px -14px #1a1a1ab3}.k-pack-thumb{aspect-ratio:16/9;background:var(--color-surface);border-bottom:1px solid var(--color-line);position:relative;overflow:hidden}.k-pack-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .45s var(--ease-spring);display:block}.k-pack:hover .k-pack-thumb img{transform:scale(1.035)}.k-pack-thumb svg.k-cover{width:100%;height:100%;display:block}.k-pack-flag{font-family:var(--font-mono);font-size:var(--fs-100);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text);background:var(--color-accent);border-radius:var(--radius-tight);padding:5px 9px;position:absolute;top:12px;left:12px}.k-pack-body{flex-direction:column;flex:1;padding:22px;display:flex}.k-promo-said .k-eyebrow{color:var(--color-text)}.k-promo-said .k-eyebrow:after{content:"";background:#1a1a1a47;flex:1;height:1px}.k-promo h2{font-family:var(--font-heading);font-weight:900;font-size:var(--fs-700);letter-spacing:-.02em;margin-top:16px;line-height:1.06}.k-promo-said p{font-size:var(--fs-300);color:#3a2c4c;margin-top:14px}.k-pack h3{font-family:var(--font-heading);font-weight:700;font-size:var(--fs-400);margin-top:8px;line-height:1.18}.k-pack-body>p{font-size:var(--fs-300);color:var(--color-text-muted);flex:1;margin-top:8px}.k-buy{background:var(--color-accent);min-height:44px;color:var(--color-text);font-size:var(--fs-200);border-radius:var(--radius-pill);transition:box-shadow .24s var(--ease-spring),transform .24s var(--ease-spring),gap .24s var(--ease-spring);align-items:center;gap:8px;margin-top:16px;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.k-buy:hover{gap:13px;box-shadow:0 0 0 4px #e0a03c59,0 8px 16px -10px #1a1a1a99}.k-buy:active{transform:translateY(1px)scale(.985)}.k-buy:focus-visible{outline:2px solid var(--color-text);outline-offset:4px}.k-foot{border-top:1px solid var(--color-line);font-family:var(--font-mono);font-size:var(--fs-200);color:var(--color-text-muted);grid-template-columns:1fr auto;align-items:center;gap:12px;margin-top:40px;padding-top:22px;display:grid}.k-foot a{color:var(--color-secondary);text-underline-offset:3px}.k-foot a:focus-visible{outline:2px solid var(--color-secondary);outline-offset:3px}@keyframes k-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes k-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media (width<=980px){.k-hero-grid{grid-template-columns:1fr;gap:34px}.k-tools{grid-template-columns:1fr 1fr;gap:10px}.k-search{grid-column:1/-1}.k-tally-live{text-align:left;grid-column:1/-1}}@media (width<=640px){.k-shell{padding:0 16px 40px}.k-hero{padding:36px 0 28px}.k-rails{display:none}.k-grid{grid-template-columns:1fr}.k-card--feature{grid-column:span 1}.k-tools{grid-template-columns:1fr}.k-promo{padding:32px 24px}.k-packs{grid-template-columns:1fr}.k-pack:hover{transform:none}.k-foot{grid-template-columns:1fr}.k-card:hover{transform:none}.k-card:after{transform:translate(5px,5px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}
