.gallery{padding:var(--space-3xl) 0;background-color:var(--color-bg-primary)}.gallery__header{text-align:center;max-width:720px;margin:0 auto var(--space-3xl)}.gallery__grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg)}@media (min-width:768px){.gallery__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.gallery__grid{grid-template-columns:repeat(3,1fr)}}.gallery__item{position:relative;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-base)}.gallery__item:hover{transform:scale(1.02);box-shadow:var(--shadow-xl)}.gallery__item img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.gallery__item:hover img{transform:scale(1.05)}.gallery__item-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7) 0,transparent 50%);display:flex;align-items:flex-end;padding:var(--space-lg);opacity:0;transition:opacity var(--transition-base)}.gallery__item:hover .gallery__item-overlay{opacity:1}.gallery__item-title{font-size:var(--text-xl);font-weight:700;color:#fff}.screenshot-carousel{position:relative;max-width:1200px;margin:0 auto;padding:var(--space-xl) 0}.screenshot-carousel__track{display:flex;gap:var(--space-xl);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:var(--space-md)}.screenshot-carousel__track::-webkit-scrollbar{display:none}.screenshot-carousel__item{flex:0 0 auto;width:min(400px,80vw);scroll-snap-align:center;position:relative;border-radius:var(--radius-xl);overflow:hidden;transition:transform var(--transition-base)}.screenshot-carousel__item:hover{transform:translateY(-8px)}.screenshot-carousel__item img{width:100%;height:auto;display:block}.screenshot-carousel__item::after{content:'';position:absolute;inset:0;pointer-events:none}.screenshot-carousel__dots{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-xl)}.screenshot-carousel__dot{width:8px;height:8px;border-radius:50%;background:var(--color-text-muted);border:none;cursor:pointer;transition:all var(--transition-fast);padding:0}.screenshot-carousel__dot:hover{background:var(--color-gold-primary)}.screenshot-carousel__dot--active{width:24px;border-radius:var(--radius-full);background:var(--color-gold-bright)}.phone-mockup{position:relative;max-width:350px;margin:0 auto}.phone-mockup__frame{position:relative;border-radius:40px;padding:12px;background:#1a1a1a;box-shadow:0 20px 40px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.1)}.phone-mockup__screen{position:relative;aspect-ratio:9/19.5;border-radius:32px;overflow:hidden;background:#000}.phone-mockup__notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:120px;height:30px;background:#1a1a1a;border-radius:0 0 20px 20px;z-index:var(--z-elevated)}.phone-mockup__screen img{width:100%;height:100%;object-fit:cover}