.hero{text-align:center;min-height:70vh;padding:var(--space-4xl) var(--space-lg) var(--space-3xl);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 50% 20%,#d4af3724 0%,#d4af370f 30%,#9d65c90a 55%,#0000 80%);width:140%;height:100%;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.hero:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#d4af3714 0%,#0000 70%);width:600px;height:600px;animation:8s ease-in-out infinite breathe;position:absolute;top:10%;left:50%;transform:translate(-50%)}.hero-pattern{opacity:.15;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='1.5'%3E%3Cpath d='M30 15 L35 25 L45 30 L35 35 L30 45 L25 35 L15 30 L25 25 Z' /%3E%3Cpath d='M0 15 L15 0 L45 0 L60 15 L60 45 L45 60 L15 60 L0 45 Z' /%3E%3Cpath d='M15 15 L25 25 M45 15 L35 25 M15 45 L25 35 M45 45 L35 35' /%3E%3Cpath d='M0 30 L15 30 M45 30 L60 30 M30 0 L30 15 M30 45 L30 60' /%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:repeat;background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 90%);mask-image:radial-gradient(#000 30%,#0000 90%)}.hero-content{z-index:1;align-items:center;gap:var(--space-lg);flex-direction:column;max-width:700px;display:flex;position:relative}.hero-logo{width:auto;height:clamp(100px,18vw,160px);margin-bottom:var(--space-md)}.hero-app-name{font-family:var(--font-display);background:var(--gradient-primary);-webkit-text-fill-color:transparent;color:#0000;filter:drop-shadow(0 0 30px #d4af374d);-webkit-background-clip:text;background-clip:text;font-size:clamp(2rem,5vw,3rem);font-weight:700;animation:.8s cubic-bezier(.4,0,.2,1) both fadeInDown}.hero-title{font-family:var(--font-display);font-size:clamp(1.5rem, 4vw, var(--font-size-3xl));color:var(--color-text-primary);font-weight:500;line-height:var(--line-height-tight);animation:.7s cubic-bezier(.4,0,.2,1) .2s both fadeInUp}.hero-subtitle{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:540px;animation:.7s cubic-bezier(.4,0,.2,1) .35s both fadeInUp}.hero-cta{margin-block-start:var(--space-md);animation:.7s cubic-bezier(.4,0,.2,1) .5s both fadeInUp}.hero-cta .btn-primary{padding:var(--space-md) var(--space-2xl);font-size:var(--font-size-base);min-height:52px}.hero-social-link{color:var(--color-text-secondary);transition:color var(--transition-fast), transform var(--transition-fast)}.hero-social-link:hover{color:var(--color-primary);transform:translateY(-2px)}.hero-particles{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.hero-particle{background:var(--color-primary);border-radius:var(--radius-full);opacity:.25;width:3px;height:3px;animation:6s ease-in-out infinite floatSlow;position:absolute}.hero-particle:first-child{animation-delay:0s;top:20%;left:15%}.hero-particle:nth-child(2){width:2px;height:2px;animation-delay:1.5s;top:60%;left:80%}.hero-particle:nth-child(3){animation-delay:3s;top:35%;left:70%}.hero-particle:nth-child(4){opacity:.15;width:4px;height:4px;animation-delay:.8s;top:75%;left:25%}.hero-particle:nth-child(5){width:2px;height:2px;animation-delay:2.2s;top:15%;left:55%}.hero-particle:nth-child(6){opacity:.2;animation-delay:4s;top:50%;left:40%}.homepage{flex-direction:column;gap:0;display:flex}.home-section{padding:var(--space-3xl) var(--space-lg);max-width:var(--content-max-width);width:100%;margin-inline:auto}.home-section-header{justify-content:space-between;align-items:center;margin-block-end:var(--space-xl);display:flex}.see-all-link{color:var(--color-primary);transition:color var(--transition-fast);white-space:nowrap;font-size:.85rem;font-weight:600;text-decoration:none}.see-all-link:hover{color:var(--color-primary-hover)}.home-section-divider{background:linear-gradient(90deg,#0000 0%,#d4af371f 20% 80%,#0000 100%);border:none;width:100%;height:1px}.quote-section{padding:var(--space-2xl) var(--space-lg);justify-content:center;display:flex}.quote-card{width:100%;max-width:680px;padding:var(--space-2xl) var(--space-xl);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);text-align:center;background:#161b22a6;border:1px solid #d4af371f;animation:.8s cubic-bezier(.4,0,.2,1) .2s both quoteFadeIn;position:relative;overflow:hidden}.quote-card:before{content:"";pointer-events:none;background:radial-gradient(#d4af370a 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:50%;transform:translate(-50%)}.quote-decoration{z-index:1;justify-content:center;margin-block-end:var(--space-md);display:flex;position:relative}.quote-mark{background:var(--gradient-primary);-webkit-text-fill-color:transparent;color:#0000;opacity:.6;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;font-family:Georgia,Times New Roman,serif;font-size:4rem;line-height:1}.quote-text{z-index:1;font-size:var(--font-size-lg);color:var(--color-text-primary);font-style:italic;line-height:var(--line-height-relaxed);letter-spacing:.01em;margin-block-end:var(--space-lg);position:relative}.quote-author{z-index:1;font-size:var(--font-size-sm);color:var(--color-primary);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;font-weight:600;position:relative}.quote-author:before{content:"—";opacity:.6;margin-inline-end:var(--space-sm)}.videos-carousel{gap:var(--space-md);scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-block:var(--space-xs);padding-inline:var(--space-xs);scrollbar-width:none;display:flex;overflow-x:auto}.videos-carousel::-webkit-scrollbar{display:none}.video-card{aspect-ratio:16/10;border-radius:var(--radius-lg);scroll-snap-align:start;cursor:pointer;border:1px solid var(--color-border-subtle);transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);flex:0 0 300px;position:relative;overflow:hidden}.video-card:hover{border-color:#d4af3740;transform:translateY(-6px)scale(1.02);box-shadow:0 12px 40px #00000080,0 0 20px #d4af371a}.video-card-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.video-card:hover .video-card-image{transform:scale(1.08)}.video-card-overlay{padding:var(--space-md);background:linear-gradient(#0000 30%,#000000d9 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.video-card-play{border-radius:var(--radius-full);opacity:0;width:48px;height:48px;transition:opacity var(--transition-base), transform var(--transition-base);background:#d4af37e6;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 20px #d4af3766}.video-card:hover .video-card-play{opacity:1;transform:translate(-50%,-50%)scale(1.05)}.video-card-play svg{width:20px;height:20px;fill:var(--color-text-inverse);margin-inline-start:2px}.video-card-title{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600;line-height:var(--line-height-tight)}.video-card-badges{gap:var(--space-xs);margin-block-end:var(--space-xs);display:flex}.category-section{padding-block:var(--space-xl)}.category-section+.category-section{padding-block-start:0}.tracks-carousel{gap:var(--space-md);scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;padding-block:var(--space-xs);padding-inline:var(--space-xs);scrollbar-width:none;display:flex;overflow-x:auto}.tracks-carousel::-webkit-scrollbar{display:none}.track-card{border-radius:var(--radius-lg);scroll-snap-align:start;cursor:pointer;background:var(--color-surface);border:1px solid var(--color-border-subtle);transition:transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);flex:0 0 200px;position:relative;overflow:hidden}.track-card:hover{border-color:#d4af3733;transform:translateY(-4px);box-shadow:0 8px 30px #0006,0 0 15px #d4af3714}.track-card-image-wrapper{aspect-ratio:1;position:relative;overflow:hidden}.track-card-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.track-card:hover .track-card-image{transform:scale(1.06)}.track-card-image-overlay{pointer-events:none;background:linear-gradient(#0000 50%,#0009 100%);position:absolute;inset:0}.track-card-play{bottom:var(--space-sm);right:var(--space-sm);border-radius:var(--radius-full);opacity:0;width:36px;height:36px;transition:opacity var(--transition-base), transform var(--transition-base);background:#d4af37d9;justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(4px);box-shadow:0 2px 12px #d4af3766}[dir=rtl] .track-card-play{right:auto;left:var(--space-sm)}.track-card:hover .track-card-play{opacity:1;transform:translateY(0)}.track-card-play svg{width:16px;height:16px;fill:var(--color-text-inverse);margin-inline-start:1px}.track-card-info{padding:var(--space-sm) var(--space-md) var(--space-md)}.track-card-title{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:600;line-height:var(--line-height-tight);margin-block-end:var(--space-2xs)}.track-card-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:var(--line-height-normal)}.track-card-premium{top:var(--space-sm);left:var(--space-sm);z-index:1;position:absolute}[dir=rtl] .track-card-premium{left:auto;right:var(--space-sm)}.download-cta{text-align:center;align-items:center;gap:var(--space-lg);padding:var(--space-4xl) var(--space-lg);flex-direction:column;display:flex;position:relative;overflow:hidden}.download-cta:before{content:"";pointer-events:none;background:radial-gradient(at bottom,#9d65c914 0%,#d4af370a 40%,#0000 70%);width:100%;height:100%;position:absolute;bottom:-30%;left:50%;transform:translate(-50%)}.download-cta-content{z-index:1;align-items:center;gap:var(--space-md);flex-direction:column;max-width:520px;display:flex;position:relative}.download-cta-icon{border-radius:var(--radius-lg);background:var(--color-primary-dim);width:64px;height:64px;border:1px solid #d4af3733;justify-content:center;align-items:center;margin-block-end:var(--space-sm);animation:4s ease-in-out infinite breathe;display:flex}.download-cta-icon svg{width:28px;height:28px;color:var(--color-primary)}.download-cta-title{font-family:var(--font-display);font-size:var(--font-size-2xl);color:var(--color-text-primary);font-weight:600;line-height:var(--line-height-tight)}.download-cta-desc{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.download-cta-link{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-2xl);background:var(--gradient-accent);color:#fff;min-height:52px;font-weight:700;font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;border-radius:var(--radius-full);transition:transform var(--transition-fast), box-shadow var(--transition-base), filter var(--transition-fast);text-decoration:none;display:inline-flex}.download-cta-link:hover{box-shadow:var(--shadow-glow-accent-strong);filter:brightness(1.1);color:#fff;text-shadow:none;transform:translateY(-2px)}.download-cta-link:active{filter:brightness(.95);transform:translateY(0)}.download-cta-link svg{width:18px;height:18px}.home-stagger-1{animation:.6s cubic-bezier(.4,0,.2,1) .1s both fadeInUp}.home-stagger-2{animation:.6s cubic-bezier(.4,0,.2,1) .2s both fadeInUp}.home-stagger-3{animation:.6s cubic-bezier(.4,0,.2,1) .3s both fadeInUp}.home-stagger-4{animation:.6s cubic-bezier(.4,0,.2,1) .4s both fadeInUp}.home-stagger-5{animation:.6s cubic-bezier(.4,0,.2,1) .5s both fadeInUp}.home-stagger-6{animation:.6s cubic-bezier(.4,0,.2,1) .6s both fadeInUp}.card-stagger-1{animation:.5s cubic-bezier(.4,0,.2,1) .1s both fadeInUp}.card-stagger-2{animation:.5s cubic-bezier(.4,0,.2,1) .18s both fadeInUp}.card-stagger-3{animation:.5s cubic-bezier(.4,0,.2,1) .26s both fadeInUp}.card-stagger-4{animation:.5s cubic-bezier(.4,0,.2,1) .34s both fadeInUp}@media (max-width:640px){.hero{min-height:55vh;padding:var(--space-3xl) var(--space-md) var(--space-2xl)}.hero-app-name{font-size:2rem}.hero-subtitle{font-size:var(--font-size-sm)}.hero-cta .btn-primary{padding:var(--space-sm) var(--space-xl);font-size:var(--font-size-sm);min-height:46px}.home-section{padding:var(--space-2xl) var(--space-md)}.quote-section,.quote-card{padding:var(--space-xl) var(--space-md)}.quote-mark{font-size:3rem}.quote-text{font-size:var(--font-size-base)}.video-card{flex:0 0 260px}.track-card{flex:0 0 160px}.download-cta{padding:var(--space-3xl) var(--space-md)}.download-cta-title{font-size:var(--font-size-xl)}.download-cta-desc{font-size:var(--font-size-sm)}.category-section{padding-block:var(--space-md)}}@media (min-width:641px) and (max-width:1024px){.hero{min-height:60vh;padding:var(--space-3xl) var(--space-lg) var(--space-2xl)}.video-card{flex:0 0 280px}.track-card{flex:0 0 180px}}@media (min-width:1440px){.video-card{flex:0 0 340px}.track-card{flex:0 0 220px}}@media (prefers-reduced-motion:reduce){.hero:after,.hero-particle{animation:none}.hero-app-name,.hero-title,.hero-subtitle,.hero-cta,.quote-card,.home-stagger-1,.home-stagger-2,.home-stagger-3,.home-stagger-4,.home-stagger-5,.home-stagger-6,.card-stagger-1,.card-stagger-2,.card-stagger-3,.card-stagger-4{opacity:1;animation:none;transform:none}}