:root{--blue:#1F8FFF;--orange:#F26A1A;--bg:#0a0a0a;--bg-soft:#111;--surface:#1a1a1a;--surface-2:#222;--surface-3:#2a2a2a;--line:#333;--text:#fff;--muted:#aaa;--muted-2:#888}.app-preview{padding:0;position:relative;overflow:hidden}.app-preview__blob{position:absolute;border-radius:50%;filter:blur(140px);pointer-events:none}.app-preview__blob--right{top:0;right:0;width:600px;height:600px;background:rgba(31,143,255,0.05)}.app-preview__blob--left{bottom:-10%;left:-5%;width:500px;height:500px;background:rgba(242,106,26,0.05)}.app-preview__header{max-width:48rem;margin-bottom:4rem}.app-preview__badge{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.app-preview__badge-icon{padding:.5rem;border-radius:1rem;background:rgba(31,143,255,0.1);border:1px solid rgba(31,143,255,0.2);color:var(--blue);display:flex}.app-preview__badge-icon svg{width:20px;height:20px}.app-preview__badge-text{font-size:.625rem;font-weight:900;letter-spacing:.4em;text-transform:uppercase;color:var(--muted-2)}.app-preview__headline{font-size:clamp(2.4rem,7vw,4.5rem);font-weight:900;letter-spacing:-0.04em;color:var(--text);margin-bottom:1.5rem}.app-preview__subtitle{font-size:1.25rem;color:var(--muted);max-width:640px;line-height:1.6}.app-preview__grid{display:grid;grid-template-columns:1fr;gap:4rem;align-items:center}@media(min-width:1024px){.app-preview__grid{grid-template-columns:5fr 7fr}}.app-preview__phone-container{perspective:1000px;display:flex;justify-content:center}.app-preview__phone-box{width:100%;max-width:360px;aspect-ratio:9 / 19;background:var(--bg);border-radius:3.5rem;padding:12px;box-shadow:0 60px 120px rgba(0,0,0,0.4);border:10px solid rgba(255,255,255,0.05);position:relative;overflow:hidden;transform-style:preserve-3d;transition:box-shadow .3s}.app-preview__phone-glow{position:absolute;width:200%;height:200%;top:0;left:0;background:radial-gradient(circle,rgba(242,106,26,0.15) 0,transparent 50%);pointer-events:none;opacity:0;transition:opacity .5s}.app-preview__phone-box:hover .app-preview__phone-glow{opacity:1}.app-preview__phone-screen{width:100%;height:100%;background:var(--bg-soft,#f8f9fa);border-radius:2.8rem;overflow:hidden;display:flex;flex-direction:column;position:relative}.app-preview__dynamic-island{position:absolute;top:0;left:50%;transform:translateX(-50%);width:128px;height:28px;background:var(--surface-3,#1a1a1a);border-radius:0 0 14px 14px;z-index:50;display:flex;align-items:center;justify-content:center}.app-preview__island-dot{width:32px;height:4px;background:var(--line,#333);border-radius:999px}.app-preview__phone-content{flex:1;overflow-y:auto;padding:2rem 1.5rem 1.5rem;padding-top:4rem;scrollbar-width:none}.app-preview__phone-content::-webkit-scrollbar{display:none}.app-preview__top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.app-preview__brand-row{display:flex;align-items:center;gap:.75rem}.app-preview__logo-img{width:40px;height:40px;border-radius:12px;object-fit:cover;background:rgba(0,0,0,0.3)}.app-preview__brand-text strong{display:block;font-size:.75rem;font-weight:900;color:var(--text);margin-bottom:2px}.app-preview__brand-text span{display:block;font-size:.65rem;font-weight:600;color:var(--muted-2)}.app-preview__cart-btn{padding:.5rem;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--muted-2);display:flex}.app-preview__cart-btn svg{width:14px;height:14px}.app-preview__search-bar{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:1.25rem;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.app-preview__search-bar svg{color:var(--muted-2);width:14px;height:14px}.app-preview__search-placeholder{font-size:.7rem;color:var(--muted-2)}.app-preview__banner{border-radius:2rem;background:linear-gradient(135deg,var(--orange),var(--blue));aspect-ratio:16 / 11;overflow:hidden;position:relative;margin-bottom:2rem}.app-preview__banner-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.9) 0,rgba(0,0,0,0.3) 60%,transparent);z-index:10}.app-preview__banner-bg{position:absolute;inset:0;background:rgba(0,0,0,0.2);transition:transform .7s}.app-preview__phone-box:hover .app-preview__banner-bg{transform:scale(1.1)}.app-preview__banner-content{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;z-index:20;color:white}.app-preview__banner-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:999px;background:rgba(31,143,255,0.9);font-size:.55rem;font-weight:900;text-transform:uppercase;letter-spacing:.2em;margin-bottom:.5rem}.app-preview__banner-tag svg{width:10px;height:10px}.app-preview__banner-title{font-size:1.1rem;font-weight:900;line-height:1.2;margin-bottom:.25rem}.app-preview__banner-desc{font-size:.6rem;color:rgba(255,255,255,0.7)}.app-preview__categories{margin-bottom:2rem}.app-preview__cat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.app-preview__cat-title{font-size:.8rem;font-weight:900;color:var(--text)}.app-preview__cat-see-all{font-size:.65rem;font-weight:700;color:var(--blue);cursor:default}.app-preview__cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.app-preview__cat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:default;transition:transform .2s}.app-preview__cat-icon{width:48px;height:48px;border-radius:1rem;background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted-2);transition:border-color .2s}.app-preview__cat-item:hover .app-preview__cat-icon{border-color:var(--blue)}.app-preview__cat-label{font-size:.6rem;font-weight:700;color:var(--muted)}.app-preview__artist-sales{margin-bottom:2rem}.app-preview__artist-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.app-preview__artist-card{cursor:default;transition:transform .2s}.app-preview__artist-image{aspect-ratio:1 / 1;border-radius:1.5rem;background:var(--surface);border:1px solid var(--line);margin-bottom:.75rem;overflow:hidden;position:relative}.app-preview__artist-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.app-preview__artist-card:hover .app-preview__artist-image img{transform:scale(1.02)}.app-preview__artist-badge{position:absolute;bottom:.75rem;left:.75rem;padding:.25rem .75rem;background:rgba(255,255,255,0.9);backdrop-filter:blur(10px);border-radius:.75rem;font-size:.55rem;font-weight:900;text-transform:uppercase;color:#000}.app-preview__artist-meta{display:flex;justify-content:space-between;align-items:flex-start;padding:0 .25rem}.app-preview__artist-title{font-size:.7rem;font-weight:900;color:var(--text)}.app-preview__artist-price{font-size:.6rem;color:var(--muted-2)}.app-preview__sponsor-block{background:var(--surface-3);border-radius:2rem;padding:1.5rem;color:white;border:1px solid rgba(255,255,255,0.05);margin-bottom:2rem}.app-preview__sponsor-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.app-preview__sponsor-header svg{color:var(--orange);fill:var(--orange);width:14px;height:14px}.app-preview__sponsor-label{font-size:.6rem;font-weight:900;text-transform:uppercase;letter-spacing:.2em;color:var(--orange)}.app-preview__sponsor-title{font-size:1.1rem;font-weight:900;margin-bottom:.25rem}.app-preview__sponsor-desc{font-size:.65rem;color:rgba(255,255,255,0.6)}.app-preview__discover-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:1.5rem;background:var(--surface);border:1px solid var(--line);margin-bottom:.75rem;cursor:default;transition:transform .2s}.app-preview__discover-item:hover{transform:translateY(-2px)}.app-preview__discover-icon{width:48px;height:48px;border-radius:1rem;display:flex;align-items:center;justify-content:center}.app-preview__discover-icon--orange{background:rgba(242,106,26,0.1);color:var(--orange)}.app-preview__discover-icon--blue{background:rgba(31,143,255,0.1);color:var(--blue)}.app-preview__discover-text{flex:1}.app-preview__discover-label{font-size:.75rem;font-weight:900;color:var(--text)}.app-preview__discover-sub{font-size:.6rem;color:var(--muted-2)}.app-preview__discover-item>svg{color:var(--muted-2);width:12px;height:12px}.app-preview__panel{background:var(--surface);border:1px solid var(--line);border-radius:4rem;padding:2.5rem;position:relative;overflow:hidden;box-shadow:0 40px 80px rgba(0,0,0,0.2)}.app-preview__panel-bg-icon{position:absolute;top:0;right:0;padding:2rem;opacity:.05;transition:transform .5s,opacity .5s;pointer-events:none}.app-preview__panel-bg-icon svg{width:240px;height:240px}.app-preview__panel:hover .app-preview__panel-bg-icon{transform:scale(1.25);opacity:.1}.app-preview__panel-title{font-size:clamp(2rem,5vw,3rem);font-weight:900;color:var(--text);margin-bottom:2rem;line-height:1.1}.app-preview__gradient-text{background:linear-gradient(135deg,var(--orange),var(--blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.app-preview__panel-desc{font-size:1.1rem;color:var(--muted);margin-bottom:3rem;max-width:600px}.app-preview__info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:3rem}@media(max-width:640px){.app-preview__info-grid{grid-template-columns:1fr}}.app-preview__info-card{padding:2rem;border-radius:2.5rem;background:rgba(255,255,255,0.03);border:1px solid var(--line);transition:background .2s,transform .2s;cursor:default}.app-preview__info-card:hover{transform:translateY(-4px);background:rgba(31,143,255,0.05)}.app-preview__info-icon{width:48px;height:48px;border-radius:1rem;background:var(--surface-2);display:flex;align-items:center;justify-content:center;color:var(--blue);margin-bottom:1.5rem}.app-preview__info-icon svg{width:20px;height:20px}.app-preview__info-title{font-size:1.25rem;font-weight:900;color:var(--text);margin-bottom:.5rem;display:block}.app-preview__info-desc{font-size:.9rem;color:var(--muted-2)}.app-preview__action{display:flex;justify-content:center;margin-top:2rem;margin-bottom:1rem}.app-preview__cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:3rem;background:linear-gradient(135deg,var(--orange),var(--blue));color:white;font-weight:900;font-size:1rem;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 30px rgba(242,106,26,0.3)}.app-preview__cta-button:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(242,106,26,0.4)}.app-preview__cta-button svg{width:18px;height:18px}.app-preview__status{padding-top:2rem;border-top:1px solid var(--line);display:flex;align-items:center;gap:1rem}.app-preview__status-dot{width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px rgba(31,143,255,0.5);animation:app-preview-pulse 2s infinite}@keyframes app-preview-pulse{0%,100%{opacity:1}50%{opacity:.4}}.app-preview__status-text{font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.25em;color:var(--text)}[data-animate]>[data-animate-item],[data-stagger]>[data-stagger-item]{opacity:0;transform:translateY(30px) scale(0.95);transition:opacity .8s cubic-bezier(0.16,1,0.3,1),transform .8s cubic-bezier(0.16,1,0.3,1)}[data-stagger]>[data-stagger-item]{transition-duration:.5s}.in-view{opacity:1!important;transform:translateY(0) scale(1)!important}