.logo-strip{padding:var(--space-6)0 0;text-align:center}.logo-strip-label{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:-.02em;margin-bottom:var(--space-10);min-height:1.2em;line-height:1.1}.typewriter-cursor{color:var(--color-cyan-400);font-weight:var(--font-light,300);margin-left:2px;animation:.6s step-end infinite cursor-blink}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.logo-strip-track{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 10% 90%,#0000 100%)}.logo-strip-scroll{align-items:center;gap:var(--space-20);width:max-content;transition:transform;animation:60s linear infinite logo-marquee;display:flex}.logo-strip-track:hover .logo-strip-scroll{animation-play-state:paused}.logo-strip-img{-o-object-fit:contain;object-fit:contain;opacity:.5;filter:brightness(0)invert();flex-shrink:0;width:auto;height:100px;transition:opacity .3s,transform .3s}.logo-strip-img:hover{opacity:.9;transform:scale(1.2)}@keyframes logo-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.spotlight-stack{padding:var(--space-12)0;gap:var(--space-24);flex-direction:column;display:flex}.spotlight-row{position:relative}.spotlight-row .container{max-width:1500px}.spotlight-inner{gap:var(--space-10);grid-template-columns:1.4fr .6fr;align-items:center;display:grid}.spotlight-row.reversed .spotlight-inner{grid-template-columns:.6fr 1.4fr}.spotlight-row.reversed .spotlight-image-col{order:2}.spotlight-row.reversed .spotlight-details-col{order:1}.spotlight-image-wrapper{cursor:default}.spotlight-screenshot{border-radius:var(--radius-2xl);width:100%;height:auto;display:block}.spotlight-details-col{gap:var(--space-5);flex-direction:column;display:flex}.spotlight-category{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-cyan-400);text-transform:uppercase;letter-spacing:.12em}.spotlight-title{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:1.1}.spotlight-description{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:var(--leading-relaxed);max-width:500px}.spotlight-stats{gap:var(--space-5);margin:var(--space-3)0;display:flex}.spotlight-stat{padding:var(--space-4)var(--space-5);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;gap:4px;min-width:120px;display:flex}.spotlight-stat-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-cyan-400)}.spotlight-stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.device-showcase{padding:var(--space-16)0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-bg-surface)}.device-showcase .container{max-width:1500px}.device-showcase-label{font-size:var(--text-base);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.1em;text-align:center;margin-bottom:var(--space-10)}.device-showcase-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.device-showcase-card{border-radius:var(--radius-xl);transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out);overflow:hidden}.device-showcase-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px #0006}.device-showcase-img{width:100%;height:auto;display:block}.mosaic-section{padding:var(--space-20)0}.mosaic-section .container{max-width:1500px}.mosaic-heading{font-size:var(--text-4xl);font-weight:var(--font-bold);text-align:center;margin-bottom:var(--space-16)}.mosaic-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.mosaic-card{border-radius:var(--radius-xl);aspect-ratio:16/10;cursor:pointer;background:var(--color-bg-card);border:1px solid var(--color-border);transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out);position:relative;overflow:hidden}.mosaic-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px #00000080}.mosaic-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease-out);display:block}.mosaic-card:hover .mosaic-img{transform:scale(1.05)}.mosaic-overlay{padding:var(--space-6);opacity:0;transition:opacity .3s var(--ease-out);background:linear-gradient(#0000 40%,#000000d9 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.mosaic-card:hover .mosaic-overlay{opacity:1}.mosaic-category{font-size:var(--text-sm);color:var(--color-cyan-400);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-1)}.mosaic-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary)}.social-proof{padding:calc(var(--header-height) + var(--space-12))0 var(--space-8)}.social-proof .container{max-width:1100px}.social-proof-stats{justify-content:space-between;display:flex}.results-strip-item{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.results-strip-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);font-variant-numeric:tabular-nums;line-height:1}.results-strip-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.12em}.portfolio-cta{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-20);text-align:center}.portfolio-cta-title{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-5)}.portfolio-cta-subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);margin-bottom:var(--space-10);max-width:550px;margin-left:auto;margin-right:auto}.portfolio-cta-actions{gap:var(--space-5);flex-wrap:wrap;justify-content:center;display:flex}@media (max-width:900px){.device-showcase{padding:var(--space-8)0}.device-showcase-grid{gap:var(--space-4);grid-template-columns:1fr}.device-showcase-label{font-size:var(--text-xs);margin-bottom:var(--space-5)}.mosaic-grid{grid-template-columns:repeat(2,1fr)}.mosaic-heading{font-size:var(--text-2xl);margin-bottom:var(--space-8)}.mosaic-section{padding:var(--space-10)0}.logo-strip{padding-bottom:var(--space-4)}.logo-strip-label{font-size:var(--text-2xl);margin-bottom:var(--space-5)}.logo-strip-img{height:70px}.logo-strip-scroll{gap:var(--space-10)}.spotlight-stack{gap:var(--space-12)}.spotlight-inner{gap:var(--space-5);grid-template-columns:1fr!important}.spotlight-row.reversed .spotlight-image-col,.spotlight-row.reversed .spotlight-details-col{order:unset}.spotlight-details-col{gap:var(--space-3)}.spotlight-title{font-size:var(--text-2xl)}.spotlight-description{font-size:var(--text-sm)}.spotlight-stats{gap:var(--space-2);flex-wrap:wrap}.spotlight-stat{min-width:0;padding:var(--space-2)var(--space-3);flex:1}.spotlight-stat-value{font-size:var(--text-lg)}.spotlight-stat-label{font-size:10px}.social-proof{padding-top:calc(var(--header-height) + var(--space-6));padding-bottom:var(--space-6)}.social-proof-stats{justify-content:center;gap:var(--space-8);flex-wrap:wrap}.results-strip-value{font-size:var(--text-2xl)}.logo-strip{padding-top:var(--space-4)}.portfolio-cta{padding:var(--space-12)}.portfolio-cta-title{font-size:var(--text-2xl)}.portfolio-cta-subtitle{font-size:var(--text-base)}}@media (max-width:480px){.mosaic-grid{gap:var(--space-3);grid-template-columns:1fr}.mosaic-section{padding:var(--space-6)0}.mosaic-heading{font-size:var(--text-xl);margin-bottom:var(--space-6)}.mosaic-overlay{opacity:1}.logo-strip-img{height:55px}.spotlight-stack{padding:var(--space-4)0;gap:var(--space-10)}.spotlight-inner{gap:var(--space-4)}.spotlight-category{font-size:10px}.spotlight-title{font-size:var(--text-xl)}.spotlight-description{font-size:var(--text-xs);line-height:1.5}.spotlight-stats{gap:var(--space-1)}.spotlight-stat{padding:var(--space-2)}.spotlight-stat-value{font-size:var(--text-base)}.social-proof{padding-top:calc(var(--header-height) + var(--space-4));padding-bottom:var(--space-4)}.social-proof-stats{gap:var(--space-6)}.results-strip-value{font-size:var(--text-xl)}.results-strip-label{font-size:10px}.portfolio-cta{padding:var(--space-8)var(--space-4)}.portfolio-cta-title{font-size:var(--text-xl)}.portfolio-cta-subtitle{font-size:var(--text-sm)}}
