.showcase-shell{--bg:#0c0d11;--bg-raised:#111318;--surface:#16181f;--surface-2:#1d2029;--text:#f0f2f7;--text-2:#8b93aa;--text-3:#555e78;--accent:#3b82f6;--accent-dim:rgba(59,130,246,0.15);--accent-soft:rgba(59,130,246,0.08);--border:rgba(255,255,255,0.07);--border-2:rgba(255,255,255,0.12);--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-card:0 1px 3px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.05);--shadow-raised:0 8px 24px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.06);--container:min(1100px,calc(100vw - 3rem));--font-display:"Space Grotesk",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Mono",monospace}.showcase-shell *,.showcase-shell :after,.showcase-shell :before{box-sizing:border-box;margin:0}.showcase-shell [id]{scroll-margin-top:6rem}.showcase-shell{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased;min-width:320px;overflow-x:hidden}.showcase-shell img{display:block;max-width:100%}.showcase-shell a{color:inherit;text-decoration:none}.showcase-shell button{font:inherit;cursor:pointer}.showcase-shell code{padding:.1em .4em}.showcase-shell .tech-pill,.showcase-shell code{font-family:var(--font-mono);font-size:.85em;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);color:var(--text-2)}.showcase-shell .tech-pill{display:inline-flex;align-items:center;line-height:1.1;padding:.16em .5em;white-space:nowrap;vertical-align:baseline}.showcase-shell :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.showcase-shell ::selection{background:rgba(59,130,246,.25)}.showcase-shell .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.showcase-shell .container{width:var(--container);margin-inline:auto}.showcase-shell .reveal,.showcase-shell .reveal.in{opacity:1;transform:none}.showcase-shell .nav{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--border);transition:border-color .2s}.showcase-shell .nav.scrolled{border-color:var(--border-2)}.showcase-shell .nav-bar{display:flex;align-items:center;height:3.75rem}.showcase-shell .nav-brand{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.showcase-shell .nav-brand img{width:1.375rem;height:1.375rem}.showcase-shell .nav-brand-name{font-family:var(--font-display);font-size:.9375rem;font-weight:700;letter-spacing:-.03em;color:var(--text)}.showcase-shell .nav-links{display:flex;align-items:center;gap:.125rem;flex:1 1;padding-left:2rem}.showcase-shell .nav-links a{padding:.375rem .625rem;color:var(--text-2);font-size:.875rem;font-weight:500;transition:color .15s}.showcase-shell .nav-links a:hover{color:var(--text)}.showcase-shell .nav-end{display:flex;align-items:center;gap:.875rem;margin-left:auto;padding-left:1.5rem}.showcase-shell .nav-back{color:var(--text-3);font-size:.8125rem;font-weight:500;white-space:nowrap;transition:color .15s}.showcase-shell .nav-back:hover{color:var(--text-2)}.showcase-shell .nav-cta{height:2rem;padding:0 .875rem;font-size:.8125rem}.showcase-shell .nav-toggle{display:none;align-items:center;justify-content:center;width:2.125rem;height:2.125rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-2);margin-left:auto;flex-shrink:0;transition:color .15s,border-color .15s}.showcase-shell .nav-toggle:hover{color:var(--text);border-color:var(--border-2)}.showcase-shell .nav-toggle .icon-close,.showcase-shell .nav-toggle[aria-expanded=true] .icon-open{display:none}.showcase-shell .nav-toggle[aria-expanded=true] .icon-close{display:flex}.showcase-shell .nav-panel{overflow:hidden;max-height:0;border-top:1px solid transparent;transition:max-height .28s cubic-bezier(.4,0,.2,1),border-color .2s}.showcase-shell .nav-panel[data-open=true]{max-height:480px;border-top-color:var(--border)}.showcase-shell .nav-panel-body{padding:.75rem 0 1.25rem}.showcase-shell .nav-panel-body nav{display:flex;flex-direction:column;margin-bottom:1rem}.showcase-shell .nav-panel-body nav a{padding:.8rem 0;color:var(--text-2);font-size:.9375rem;font-weight:500;border-bottom:1px solid var(--border);transition:color .15s}.showcase-shell .nav-panel-body nav a:first-child{border-top:1px solid var(--border)}.showcase-shell .nav-panel-body nav a:hover{color:var(--text)}.showcase-shell .nav-panel-body .btn{justify-content:center}.showcase-shell .btn{display:inline-flex;align-items:center;gap:.45rem;height:2.35rem;padding:0 1rem;border-radius:var(--radius-md);border:1px solid transparent;font-size:.875rem;font-weight:550;transition:background .15s,border-color .15s,transform .12s,box-shadow .15s;white-space:nowrap}.showcase-shell .btn:hover{transform:translateY(-1px)}.showcase-shell .btn:active{transform:none}.showcase-shell .btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 12px rgba(59,130,246,.3)}.showcase-shell .btn-primary:hover{background:#4f8ef7;box-shadow:0 4px 20px rgba(59,130,246,.45)}.showcase-shell .btn-ghost{background:transparent;border-color:var(--border-2);color:var(--text)}.showcase-shell .btn-ghost:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.18)}.showcase-shell .label{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}.showcase-shell .hero{padding:8.5rem 0 0;text-align:center}.showcase-shell .hero-label{margin-bottom:1.5rem}.showcase-shell .hero-label span{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .8rem;border-radius:999px;background:var(--accent-soft);border:1px solid rgba(59,130,246,.2);font-size:.775rem;font-weight:600;color:#93b8fc;letter-spacing:.04em}.showcase-shell .hero-h1{font-family:var(--font-display);font-size:clamp(2.8rem,6vw,5.25rem);font-weight:700;letter-spacing:-.045em;line-height:1.03;color:var(--text);max-width:16ch;margin:0 auto 1.4rem}.showcase-shell .hero-sub{max-width:38rem;margin:0 auto 2.25rem;color:var(--text-2);font-size:1.075rem;line-height:1.7}.showcase-shell .hero-actions{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.showcase-shell .hero-screen{margin-top:3.5rem;padding-bottom:4rem}.showcase-shell .hero-img{display:block;width:100%;max-width:980px;margin:0 auto}.showcase-shell .section{padding:clamp(4.5rem,9vw,7rem) 0}.showcase-shell .section+.section{border-top:1px solid var(--border)}.showcase-shell .section-label{margin-bottom:.75rem}.showcase-shell .section-title{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,2.75rem);font-weight:700;letter-spacing:-.04em;line-height:1.1;color:var(--text);margin-bottom:.75rem}.showcase-shell .section-desc{color:var(--text-2);font-size:1rem;max-width:36rem;line-height:1.7}.showcase-shell .bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:auto;grid-gap:1px;gap:1px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-xl);overflow:hidden;margin-top:3.5rem}.showcase-shell .bento-cell{background:var(--bg-raised);padding:2rem 1.8rem;transition:background .2s}.showcase-shell .bento-cell:hover{background:var(--surface)}.showcase-shell .bento-cell.span-2{grid-column:span 2}.showcase-shell .bento-cell.span-3{grid-column:span 3}.showcase-shell .bento-cell.span-4{grid-column:span 4}.showcase-shell .bento-cell.span-6{grid-column:span 6}.showcase-shell .bento-icon{width:2.2rem;height:2.2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--accent-dim);color:var(--accent);margin-bottom:1.1rem;flex-shrink:0}.showcase-shell .bento-icon svg{width:1.1rem;height:1.1rem}.showcase-shell .bento-label{font-size:.68rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:.45rem}.showcase-shell .bento-title{font-family:var(--font-display);font-size:1.05rem;font-weight:650;color:var(--text);margin-bottom:.55rem;line-height:1.25}.showcase-shell .bento-desc{color:var(--text-2);font-size:.91rem;line-height:1.65}.showcase-shell .bento-cell.is-wide{display:flex;align-items:flex-start;gap:1.5rem}.showcase-shell .bento-cell.is-wide .bento-icon{margin-bottom:0}.showcase-shell .bento-cell.is-wide .bento-body{flex:1 1}.showcase-shell .gallery-header{margin-bottom:3.5rem}.showcase-shell .gallery-rows{display:grid;grid-gap:1.5rem;gap:1.5rem}.showcase-shell .gallery-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:start}.showcase-shell .gallery-row.flip{direction:rtl}.showcase-shell .gallery-row.flip>*{direction:ltr}.showcase-shell .gallery-copy{padding:2rem 0;display:flex;flex-direction:column;justify-content:center;min-width:0}.showcase-shell .gallery-copy .label{margin-bottom:.7rem}.showcase-shell .gallery-copy h3{font-family:var(--font-display);font-size:clamp(1.25rem,2vw,1.6rem);font-weight:650;letter-spacing:-.03em;line-height:1.2;color:var(--text);margin-bottom:.75rem}.showcase-shell .gallery-copy p{color:var(--text-2);font-size:.93rem;line-height:1.7}.showcase-shell .gallery-copy ul{list-style:none;padding:0;margin-top:1.1rem;display:grid;grid-gap:.5rem;gap:.5rem}.showcase-shell .gallery-copy ul li{position:relative;padding-left:1.1rem;color:var(--text-2);font-size:.9rem;line-height:1.55}.showcase-shell .gallery-copy ul li:before{content:"";position:absolute;left:0;top:.65rem;width:.35rem;height:.35rem;background:var(--accent);border-radius:50%}.showcase-shell .gallery-shot{border-radius:var(--radius-lg);overflow:hidden}.showcase-shell .gallery-shot img{width:100%;display:block}.showcase-shell .audience-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem;margin-top:3.5rem}.showcase-shell .audience-card{padding:1.6rem 1.5rem;border-radius:var(--radius-lg);background:var(--bg-raised);border:1px solid var(--border);min-width:0;transition:border-color .2s,background .2s}.showcase-shell .audience-card:hover{border-color:var(--border-2);background:var(--surface)}.showcase-shell .audience-icon{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:var(--accent-dim);color:var(--accent);margin-bottom:.9rem}.showcase-shell .audience-icon svg{width:1rem;height:1rem}.showcase-shell .audience-card h3{font-family:var(--font-display);font-size:.975rem;font-weight:650;color:var(--text);margin-bottom:.45rem}.showcase-shell .audience-card p{color:var(--text-2);font-size:.88rem;line-height:1.6}.showcase-shell .tech-inner{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;margin-top:3.5rem}.showcase-shell .tech-block{padding:1.6rem 1.5rem;border-radius:var(--radius-lg);background:var(--bg-raised);border:1px solid var(--border);min-width:0}.showcase-shell .tech-block h3{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:1rem}.showcase-shell .tech-list{list-style:none;padding:0;display:grid;grid-gap:.6rem;gap:.6rem}.showcase-shell .tech-list li{display:flex;align-items:flex-start;gap:.6rem;min-width:0;color:var(--text-2);font-size:.9rem;line-height:1.5;overflow-wrap:anywhere;word-break:break-word}.showcase-shell .tech-item-copy{display:flex;flex-wrap:wrap;gap:.35rem .45rem;min-width:0}.showcase-shell .tech-item-label{color:var(--text-2)}.showcase-shell .tech-pill-group{display:inline-flex;flex-wrap:wrap;gap:.35rem .4rem;min-width:0}.showcase-shell .tech-list li:before{content:"";display:block;width:.35rem;height:.35rem;border-radius:50%;background:var(--text-3);flex-shrink:0;margin-top:.57em}.showcase-shell .tech-note{grid-column:1/-1;padding:1rem 1.25rem;border-radius:var(--radius-md);background:var(--accent-soft);border:1px solid rgba(59,130,246,.15);color:var(--text-2);font-size:.88rem;line-height:1.65}.showcase-shell .tech-note strong{color:#93b8fc;font-weight:600}.showcase-shell .cta{text-align:center;padding:clamp(4rem,8vw,6.5rem) 0;border-top:1px solid var(--border)}.showcase-shell .cta h2{font-family:var(--font-display);font-size:clamp(1.9rem,4vw,3rem);font-weight:700;letter-spacing:-.04em;line-height:1.1;margin-bottom:1rem;color:var(--text)}.showcase-shell .cta p{color:var(--text-2);font-size:1rem;max-width:34rem;margin:0 auto 2rem;line-height:1.7}.showcase-shell .cta-actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.showcase-shell .footer{border-top:1px solid var(--border);padding:3.5rem 0 3rem}.showcase-shell .footer-inner{display:flex;flex-direction:column;align-items:center;gap:1.75rem;text-align:center}.showcase-shell .footer-brand{display:flex;align-items:center;gap:.5rem}.showcase-shell .footer-brand img{width:1.25rem;height:1.25rem}.showcase-shell .footer-brand-name{font-family:var(--font-display);font-weight:700;font-size:.9375rem;letter-spacing:-.02em;color:var(--text)}.showcase-shell .footer-links{display:flex;align-items:center;gap:.125rem;flex-wrap:wrap;justify-content:center}.showcase-shell .footer-links a{padding:.25rem .625rem;color:var(--text-3);font-size:.875rem;border-radius:var(--radius-sm);transition:color .15s}.showcase-shell .footer-links a:hover{color:var(--text-2)}.showcase-shell .footer-back{color:var(--text-3);font-size:.8125rem;transition:color .15s}.showcase-shell .footer-back:hover{color:var(--text-2)}.showcase-shell #lightbox{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:rgba(5,6,9,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .2s ease;cursor:zoom-out}.showcase-shell #lightbox[data-state=open]{opacity:1}.showcase-shell #lightbox[data-state=closing]{opacity:0}.showcase-shell #lightbox[hidden]{display:none}.showcase-shell #lb-img{display:block;max-width:min(1200px,100%);max-height:90vh;width:auto;height:auto;border-radius:var(--radius-lg);cursor:default}.showcase-shell .lb-close{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#fff;cursor:pointer;transition:background .15s}.showcase-shell .lb-close:hover{background:rgba(255,255,255,.18)}.showcase-shell .audience-content{display:flex;flex-direction:row;gap:.5rem;align-items:center;min-width:0}.showcase-shell .audience-content h3{min-width:0;overflow-wrap:anywhere}@media (max-width:900px){.showcase-shell{--container:calc(100vw - 2rem)}.showcase-shell .nav-end,.showcase-shell .nav-links{display:none}.showcase-shell .nav-toggle{display:flex}.showcase-shell .nav-bar{height:3.75rem}.showcase-shell .bento-cell,.showcase-shell .bento-cell.span-2,.showcase-shell .bento-cell.span-3,.showcase-shell .bento-cell.span-4{grid-column:span 6}.showcase-shell .bento-cell.is-wide{flex-direction:column;gap:.75rem}.showcase-shell .gallery-row,.showcase-shell .gallery-row.flip{grid-template-columns:1fr;direction:ltr}.showcase-shell .gallery-row.flip .gallery-copy{order:-1}.showcase-shell .audience-grid,.showcase-shell .tech-inner{grid-template-columns:1fr}}@media (max-width:560px){.showcase-shell .hero-h1{font-size:2.5rem}.showcase-shell .formats-list .tech-item-copy{display:grid;grid-gap:.45rem;gap:.45rem}.showcase-shell .hero-actions{flex-direction:column;align-items:stretch}.showcase-shell .hero-actions .btn{justify-content:center}.showcase-shell .cta-actions{flex-direction:column;align-items:stretch}.showcase-shell .cta-actions .btn{justify-content:center}.showcase-shell .footer-inner{gap:1.25rem}}@media (prefers-reduced-motion:reduce){.showcase-shell .reveal{opacity:1;transform:none;transition:none}.showcase-shell *,.showcase-shell :after,.showcase-shell :before{transition-duration:.01ms!important;animation-duration:.01ms!important}}