.showcase{padding:var(--s-4xl) 0;position:relative;background:linear-gradient(180deg,transparent 0%,rgba(108,99,255,.015) 5%,transparent 15%)}.showcase__header{text-align:center;max-width:700px;margin:0 auto var(--s-3xl)}.showcase__title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15;color:var(--c-text);margin-bottom:var(--s-md)}.showcase__subtitle{color:var(--c-text-secondary);font-size:1.1rem;line-height:1.7}.showcase__items{display:flex;flex-direction:column;gap:var(--s-4xl)}.showcase__compare{margin-bottom:var(--s-4xl)}.showcase__compare-labels{display:flex;justify-content:space-between;margin-bottom:var(--s-sm)}.showcase__compare-label{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-secondary)}.showcase__compare-label--light svg{color:#fbbf24}.showcase__compare-label--dark svg{color:#818cf8}.showcase__compare-frame{position:relative;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--c-border);background:var(--c-surface-solid);box-shadow:0 30px 80px #00000040,0 0 60px var(--c-accent-glow);cursor:col-resize;touch-action:none;user-select:none;aspect-ratio:16 / 9}.showcase__compare-img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.showcase__compare-img--back{position:absolute;inset:0}.showcase__compare-img--front{position:absolute;inset:0;z-index:1}.showcase__compare-slider{position:absolute;top:0;bottom:0;z-index:2;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.showcase__compare-slider-line{position:absolute;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 8px #00000080}.showcase__compare-slider-handle{position:relative;z-index:3;width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid var(--c-accent);box-shadow:0 2px 12px #0000004d;display:flex;align-items:center;justify-content:center;color:#4f46e5}.showcase__compare-slider-handle svg{width:20px;height:20px}.showcase__item{display:grid;grid-template-columns:1fr 1.4fr;gap:var(--s-2xl);align-items:center}.showcase__item--reversed{grid-template-columns:1.4fr 1fr}.showcase__item--reversed .showcase__item-content{order:2}.showcase__item--reversed .showcase__item-visual{order:1}.showcase__item-content{display:flex;flex-direction:column;gap:var(--s-md)}.showcase__item-badge{display:inline-flex;align-self:flex-start;padding:4px 14px;border-radius:var(--r-full);background:var(--c-accent-glow);color:var(--c-accent-text);font-size:.8rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.showcase__item-title{font-family:var(--font-display);font-size:clamp(1.4rem,2.5vw,2rem);font-weight:700;color:var(--c-text);line-height:1.2}.showcase__item-desc{color:var(--c-text-secondary);font-size:1rem;line-height:1.7}.showcase__item-visual{position:relative}.showcase__browser-frame{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--c-border);background:var(--c-surface-solid);box-shadow:0 20px 60px #0003,0 0 40px var(--c-accent-glow);transition:box-shadow .4s ease}.showcase__browser-frame:hover{box-shadow:0 25px 70px #0000004d,0 0 60px var(--c-accent-glow)}.showcase__browser-bar{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--c-surface);border-bottom:1px solid var(--c-border)}.showcase__browser-dot{width:10px;height:10px;border-radius:50%;background:var(--c-gray-600)}.showcase__browser-dot:first-child{background:#ff5f57}.showcase__browser-dot:nth-child(2){background:#ffbd2e}.showcase__browser-dot:nth-child(3){background:#28ca41}.showcase__browser-url{margin-left:12px;font-size:.75rem;color:var(--c-text-secondary);background:var(--c-surface);padding:3px 12px;border-radius:var(--r-full);flex:1;max-width:200px}.showcase__browser-content{overflow:hidden;position:relative}.showcase__img{width:100%;height:auto;display:block}@media(max-width:900px){.showcase__item,.showcase__item--reversed{grid-template-columns:1fr;gap:var(--s-xl)}.showcase__item--reversed .showcase__item-content,.showcase__item--reversed .showcase__item-visual{order:unset}}.showcase__browser-frame--clickable{cursor:pointer;position:relative}.showcase__zoom-hint{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:6px;padding:6px 12px;background:#000000b3;backdrop-filter:blur(8px);border-radius:var(--r-full);font-size:11px;font-weight:500;color:#fffc;opacity:0;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease;pointer-events:none;z-index:5}.showcase__browser-frame--clickable:hover .showcase__zoom-hint{opacity:1;transform:translateY(0)}.showcase__lightbox{position:fixed;inset:0;z-index:9999;background:#000000d9;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:2rem;cursor:zoom-out}.showcase__lightbox-content{position:relative;max-width:95vw;max-height:90vh;cursor:default}.showcase__lightbox-img{width:100%;height:auto;max-height:90vh;object-fit:contain;border-radius:var(--r-lg);box-shadow:0 30px 100px #00000080}.showcase__lightbox-close{position:absolute;top:-48px;right:0;width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}.showcase__lightbox-close:hover{background:#fff3;transform:scale(1.1)}.showcase__compare-slider:focus-visible{outline:none}.showcase__compare-slider:focus-visible .showcase__compare-slider-handle{outline:3px solid var(--c-focus);outline-offset:3px}