.tk-site.tk-showcase .sc-section{padding:calc(clamp(48px,6vw,88px) + 40px) 0 clamp(56px,7vw,96px);background:linear-gradient(180deg,var(--white) 0%,var(--platinum) 100%)}.tk-site.tk-showcase .sc-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:1080px;margin:44px auto 0}.tk-site.tk-showcase .sc-filter{padding:9px 16px;border-radius:var(--r-pill);border:1px solid var(--line-light);background:var(--white);font-weight:600;font-size:13.5px;color:var(--t-on-light-soft);transition:border-color .2s,color .2s,background .2s}.tk-site.tk-showcase .sc-filter:hover{border-color:var(--navy-900);color:var(--navy-900)}.tk-site.tk-showcase .sc-filter[aria-pressed=true]{background:var(--navy-900);border-color:var(--navy-900);color:var(--white)}.tk-site.tk-showcase .sc-filter:focus-visible{outline:2px solid var(--accent-solid);outline-offset:2px}.tk-site.tk-showcase .sc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:40px 32px;max-width:1080px;margin:36px auto 0}.tk-site.tk-showcase .sc-item{display:flex;flex-direction:column;align-items:center;gap:16px}.tk-site.tk-showcase .sc-phone{position:relative;width:100%;max-width:210px;aspect-ratio:9 / 18.5;border:7px solid var(--navy-900);border-radius:30px;background:var(--white);overflow:hidden;box-shadow:0 18px 40px -18px #142a4473}.tk-site.tk-showcase .sc-phone:before{content:"";position:absolute;top:7px;left:50%;transform:translate(-50%);width:34%;height:14px;border-radius:var(--r-pill);background:var(--navy-900);z-index:2}.tk-site.tk-showcase .sc-phone .img-slot,.tk-site.tk-showcase .sc-phone .img-slot-empty{position:absolute;inset:0;width:100%;height:100%}.tk-site.tk-showcase .sc-phone .img-slot{bottom:auto;height:auto}.tk-site.tk-showcase .sc-phone{--sc-bar: 32px}.tk-site.tk-showcase .sc-bar{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;gap:4px;height:var(--sc-bar);padding:3px 6px 4px;background:#fffffff2;border-top:1px solid rgba(0,0,0,.08)}.tk-site.tk-showcase .sc-bar-btn{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;gap:3px;height:24px;padding:0 3px;border-radius:6px;background:var(--navy-900);color:var(--white);font-size:9px;font-weight:700;line-height:1;white-space:nowrap;overflow:hidden}.tk-site.tk-showcase .sc-bar-btn svg{flex:none;width:10px;height:10px}.tk-site.tk-showcase .sc-overlay{position:absolute;inset:0;z-index:3;display:flex;align-items:flex-end;justify-content:center;bottom:var(--sc-bar);padding:0 12px 14px;background:linear-gradient(180deg,#142a4400 45%,#142a44d9);opacity:0;transition:opacity .25s}.tk-site.tk-showcase .sc-phone:hover .sc-overlay,.tk-site.tk-showcase .sc-phone:focus-within .sc-overlay{opacity:1}.tk-site.tk-showcase .sc-live{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:var(--r-pill);background:var(--white);color:var(--navy-900);font-weight:700;font-size:13px;white-space:nowrap;transform:translateY(8px);transition:transform .25s,background .2s,color .2s}.tk-site.tk-showcase .sc-phone:hover .sc-live,.tk-site.tk-showcase .sc-live:focus-visible{transform:none}.tk-site.tk-showcase .sc-live:hover{background:var(--accent-solid);color:var(--white)}.tk-site.tk-showcase .sc-live:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.tk-site.tk-showcase .sc-live svg{width:14px;height:14px}@media(hover:none){.tk-site.tk-showcase .sc-overlay{opacity:1}.tk-site.tk-showcase .sc-live{transform:none}}.tk-site.tk-showcase .sc-meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 8px;max-width:210px;text-align:center}.tk-site.tk-showcase .sc-name{font-size:16.5px;font-weight:700;line-height:1.3;letter-spacing:-.01em;color:var(--t-on-light)}.tk-site.tk-showcase .sc-category{padding:3px 10px;border-radius:var(--r-pill);background:var(--platinum-2);font-size:12.5px;font-weight:600;color:var(--t-on-light-soft);white-space:nowrap}.tk-site.tk-showcase .sc-device{position:relative;width:100%;max-width:210px;container-type:inline-size}.tk-site.tk-showcase .sc-device .sc-phone{max-width:none;z-index:2;aspect-ratio:auto;height:calc(100cqw * 18.5 / 9 - 60px + var(--sc-bar))}.tk-site.tk-showcase .sc-grid.with-nfc{row-gap:80px;margin-top:72px}.tk-site.tk-showcase .sc-grid.with-nfc .sc-phone{margin-top:45.3cqw}.tk-site.tk-showcase .sc-mini{position:absolute;top:0;left:50%;z-index:1;display:block;width:110.5%;aspect-ratio:85.6 / 54;border-radius:5.9%/9.4%;perspective:900px;transform:translate(-50%) rotate(-3deg);transition:transform .45s var(--ease-out)}.tk-site.tk-showcase button.sc-mini{cursor:pointer}.tk-site.tk-showcase .sc-mini:focus-visible{outline:2px solid var(--accent-solid);outline-offset:4px}.tk-site.tk-showcase .sc-mini:focus-visible,.tk-site.tk-showcase .sc-mini.is-back{transform:translate(-50%) translateY(-41%)}@media(hover:hover){.tk-site.tk-showcase .sc-device:hover .sc-mini{transform:translate(-50%) translateY(-41%)}}.tk-site.tk-showcase .sc-nfc-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s var(--ease-out)}.tk-site.tk-showcase .sc-nfc-inner.is-back{transform:rotateY(180deg)}.tk-site.tk-showcase .sc-nfc-face{position:absolute;inset:0;overflow:hidden;border-radius:5.9%/9.4%;background:var(--platinum-2);box-shadow:0 10px 24px -12px #0814268c,0 0 0 1px var(--line-light);backface-visibility:hidden;-webkit-backface-visibility:hidden}.tk-site.tk-showcase .sc-nfc-face-back{transform:rotateY(180deg)}.tk-site.tk-showcase .sc-nfc-face img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media(prefers-reduced-motion:reduce){.tk-site.tk-showcase .sc-mini,.tk-site.tk-showcase .sc-nfc-inner{transition:none}}.tk-site.tk-showcase .sc-empty{max-width:520px;margin:48px auto 0;text-align:center;font-size:16px;line-height:1.6;color:var(--t-on-light-soft)}.tk-site.tk-showcase .sc-empty a{color:var(--accent-solid);font-weight:700}@media(max-width:520px){.tk-site.tk-showcase .sc-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.tk-site.tk-showcase .sc-phone{border-width:5px;border-radius:24px}.tk-site.tk-showcase .sc-phone:before{top:5px;height:10px}.tk-site.tk-showcase .sc-live{padding:9px 14px;font-size:12px}.tk-site.tk-showcase .sc-bar-btn{font-size:7.5px}.tk-site.tk-showcase .sc-bar-btn svg{display:none}.tk-site.tk-showcase .sc-name{font-size:15px}.tk-site.tk-showcase .sc-grid.with-nfc{row-gap:60px}.tk-site.tk-showcase .sc-grid.with-nfc .sc-phone{margin-top:42.6cqw}.tk-site.tk-showcase .sc-mini{width:104%}}