.showcase{background:var(--bg-2)}.sc-nav .nav-cta{margin-left:auto}.sc-nav .btn.ghost .ic{transition:transform .25s var(--ease)}.sc-nav .btn.ghost:hover .ic{transform:translate(-2px)}.sc-head{text-align:center;max-width:780px;margin:0 auto;padding:clamp(36px,6vw,64px) 16px 28px;animation:mc-up .7s var(--ease) both}.sc-head h1{font-size:clamp(32px,4.6vw,54px);font-weight:800;letter-spacing:-.03em}.sc-head p{color:var(--muted);font-size:18px;margin:0 auto;max-width:640px}.sc-stage{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;max-width:1280px;margin:0 auto;padding:0 clamp(16px,3vw,32px);align-items:start}.viewer{position:relative;aspect-ratio:16 / 10.5;border-radius:22px;overflow:hidden;background:#e9f4ff;box-shadow:var(--shadow-lg),0 0 0 1px #0f172a0f;animation:mc-pop .8s .1s var(--ease) both}.viewer canvas{display:block;width:100%!important;height:100%!important;cursor:grab;touch-action:none}.viewer canvas:active{cursor:grabbing}.viewer-top,.viewer-bottom{position:absolute;left:14px;right:14px;display:flex;gap:10px;align-items:center;justify-content:space-between;pointer-events:none;z-index:2}.viewer-top{top:14px}.viewer-bottom{bottom:14px}.viewer-top>*,.viewer-bottom>*{pointer-events:auto}.v-chip{display:inline-flex;align-items:center;gap:8px;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:8px 14px;border-radius:12px;font:700 15px var(--display);box-shadow:var(--shadow-sm);animation:mc-fade .4s}.v-seg{background:#0f172a8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff}.v-seg .chip{display:inline-flex;align-items:center;gap:6px}.v-hint{font-size:12.5px;color:var(--ink-2);background:#fffc;padding:6px 10px;border-radius:10px;display:inline-flex;gap:6px;align-items:center}.v-tour{border:0;cursor:pointer;display:inline-flex;gap:6px;align-items:center;font:600 13px var(--font);background:#0f172ab3;color:#fff;padding:8px 12px;border-radius:10px;transition:background .2s}.v-tour:hover{background:var(--ink)}.v-btns{display:inline-flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.v-wires[aria-pressed=true]{background:var(--brand)}.v-tour:not(.v-wires)[aria-pressed=true]:after{content:"";width:34px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--brand) 0 0) 0 / 0 100% no-repeat #ffffff40;animation:tour 7s linear infinite}@keyframes tour{to{background-size:100% 100%}}.v-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:600;color:var(--ink-2)}.sc-info{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow);min-height:100%}.info-anim{animation:mc-up .45s var(--ease) both}.sc-info h2{font-size:26px;font-weight:800;margin:12px 0 6px}.info-text{color:var(--ink-2);margin:0 0 14px}.skill:nth-child(2){animation-delay:.05s}.skill:nth-child(3){animation-delay:.1s}.skill:nth-child(n+4){animation-delay:.15s}.sc-info h3{font:700 14px var(--font);color:var(--ink);display:flex;gap:8px;align-items:center;margin:0 0 8px;letter-spacing:0}.total{display:flex;justify-content:space-between;gap:10px;align-items:baseline;border-top:1px solid var(--line);margin-top:8px;padding:12px 8px 0;font-size:14px;color:var(--muted)}.total b{font:800 18px var(--display);color:var(--ink);white-space:nowrap}.try{background:#fff8f2;border:1px solid #ffe0cc;border-radius:12px;padding:10px 12px;font-size:14px;color:var(--ink-2);margin:16px 0}.try b{color:var(--brand-ink);display:inline-flex;gap:5px;align-items:center}.sc-info .btn{width:100%}.sc-list-wrap{max-width:1280px;margin:0 auto;padding:20px clamp(16px,3vw,32px) 0}.sc-list{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:10px}.sc-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:14px 10px;cursor:pointer;font:inherit;color:var(--ink);display:grid;justify-items:center;gap:4px;text-align:center;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s;animation:mc-up .5s var(--ease) both;animation-delay:var(--d)}.sc-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.sc-card[aria-selected=true]{border-color:var(--brand);box-shadow:0 0 0 3px #f26a1b29,var(--shadow)}.sc-card b{font:700 13.5px var(--display);line-height:1.25}.sc-card small{color:var(--muted);font-size:12px}.sc-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:20px;background:#fff1e7;color:var(--brand-ink);transition:transform .35s var(--ease)}.sc-card:hover .sc-ico,.sc-card[aria-selected=true] .sc-ico{transform:rotate(-8deg) scale(1.08)}.sc-card[aria-selected=true] .sc-ico{background:var(--brand);color:#fff}.sc-cta{text-align:center;padding:clamp(56px,8vw,96px) 16px}.sc-cta h2{font-size:clamp(28px,3.4vw,40px);font-weight:800}.sc-cta p{color:var(--muted);font-size:17px;margin:0 auto 26px;max-width:560px}.sc-cta-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.sc-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:22px clamp(16px,4vw,48px);background:var(--mc-navy);color:#94a3b8;font-size:13px}.sc-foot a{color:#cbd5e1;text-decoration:none}@media (max-width: 1080px){.sc-stage{grid-template-columns:1fr}.sc-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 560px){.viewer{aspect-ratio:4 / 4.2;border-radius:18px}.v-hint{display:none}.viewer-top{flex-direction:column;align-items:flex-start}.sc-list{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-nav .lbl{display:none}}.clip .sc-nav,.clip .sc-head,.clip .sc-info,.clip .sc-list-wrap,.clip .sc-cta,.clip .sc-foot,.clip .viewer-top,.clip .viewer-bottom,.clip .pnotice{display:none!important}.clip .sc-stage{display:block;padding:0;max-width:none}.clip .viewer{position:fixed;top:0;right:0;bottom:0;left:0;aspect-ratio:auto;border-radius:0;box-shadow:none;animation:none}.sc-info .bom{margin-bottom:4px}