.hero-section{background:var(--studio-bg-primary);min-height:100vh;padding-top:var(--header-height);padding-bottom:var(--space-16);flex-direction:column;width:100%;display:flex;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(80% 50% at 50% -20%,#06b6d414 0%,#0000 50%),radial-gradient(60% 40% at 100% 0,#8b5cf60d 0%,#0000 40%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-section:after{content:"";width:100%;height:100%;opacity:var(--grain-opacity);pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;top:0;left:0}.hero-content{max-width:var(--container-xl);padding:var(--space-12)var(--space-6);text-align:center;z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;margin:0 auto;display:flex;position:relative}.hero-main{gap:var(--space-16);width:100%;max-width:var(--container-xl);grid-template-columns:1fr 1fr;align-items:center;margin:0 auto;display:grid}.hero-left{text-align:left;padding-right:var(--space-8);flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.hero-demo-video{border-radius:var(--radius-xl);width:280px;max-width:100%;height:auto;margin-bottom:var(--space-8);box-shadow:var(--shadow-xl);border:1px solid var(--studio-border);animation:fadeInUp var(--duration-slow)var(--ease-out-expo)}.hero-title{font-family:var(--font-display);font-size:var(--text-hero);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--studio-text-primary);margin-bottom:var(--space-6);letter-spacing:var(--tracking-tight);text-align:left;animation:fadeInUp var(--duration-slow)var(--ease-out-expo);animation-delay:.1s;animation-fill-mode:both}.hero-subtitle{font-family:var(--font-body);font-size:var(--text-h4);color:var(--studio-text-secondary);justify-content:flex-start;align-items:center;gap:var(--space-3);text-align:left;animation:fadeInUp var(--duration-slow)var(--ease-out-expo);flex-wrap:wrap;margin-bottom:0;animation-delay:.2s;animation-fill-mode:both;display:flex}.highlight-badge{background:var(--studio-accent-muted);color:var(--studio-accent);padding:var(--space-1)var(--space-3);border-radius:var(--radius-md);font-size:var(--text-small);font-weight:var(--weight-semibold);border:1px solid var(--studio-border-accent);align-items:center;display:inline-flex}.hero-right{text-align:center;animation:fadeInUp var(--duration-slow)var(--ease-out-expo);flex-direction:column;justify-content:center;align-items:center;animation-delay:.3s;animation-fill-mode:both;display:flex}.upload-section{width:100%;max-width:480px;margin-bottom:0}.upload-alternatives{margin-top:var(--space-6);text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.alternative-text{color:var(--studio-text-muted);font-size:var(--text-small);margin:0 0 var(--space-4)0;text-align:center}.sample-images{gap:var(--space-3);flex-wrap:wrap;justify-content:center;width:100%;margin:0 auto;display:flex}.sample-image-btn{background:var(--studio-bg-elevated);border:1px solid var(--studio-border);border-radius:var(--radius-lg);padding:var(--space-2);cursor:pointer;transition:all var(--duration-base)var(--ease-out-expo);align-items:center;gap:var(--space-2);flex-direction:column;flex:1;min-width:80px;max-width:100px;display:flex;position:relative}.sample-image-btn:hover{border-color:var(--studio-accent);background:var(--studio-bg-surface);box-shadow:var(--shadow-glow-sm);transform:translateY(-2px)}.sample-image-btn.selected{border-color:var(--studio-accent);background:var(--studio-accent-muted)}.sample-image-btn:disabled{opacity:.5;cursor:not-allowed}.sample-image-btn:disabled:hover{border-color:var(--studio-border);background:var(--studio-bg-elevated);box-shadow:none;transform:none}.sample-image-btn.loading{pointer-events:none}.sample-loading-overlay{border-radius:var(--radius-lg);z-index:1;background:#0f1015cc;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.sample-spinner{border:2px solid var(--studio-border);border-top:2px solid var(--studio-accent);border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin}.sample-thumbnail{border-radius:var(--radius-md);object-fit:cover;background:var(--studio-bg-surface);width:48px;height:48px}.sample-label{font-size:var(--text-micro);font-weight:var(--weight-medium);color:var(--studio-text-secondary)}.trust-section{border-top:1px solid var(--studio-border);padding-top:var(--space-8);margin-top:var(--space-16);text-align:center;width:100%;max-width:var(--container-xl);animation:fadeInUp var(--duration-slow)var(--ease-out-expo);flex-direction:column;align-items:center;margin-left:auto;margin-right:auto;animation-delay:.5s;animation-fill-mode:both;display:flex}.stats-grid{gap:var(--space-8);grid-template-columns:repeat(4,1fr);justify-content:center;place-items:center;width:100%;display:grid}.stat-card{text-align:center;min-width:120px;padding:var(--space-4)var(--space-3);background:var(--studio-bg-elevated);border:1px solid var(--studio-border);border-radius:var(--radius-xl);transition:all var(--duration-base)var(--ease-out-expo);flex-direction:column;align-items:center;display:flex}.stat-card:hover{border-color:var(--studio-border-strong);transform:translateY(-2px)}.stat-number{font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--weight-bold);color:var(--studio-accent);line-height:1}.stat-label{font-size:var(--text-micro);font-weight:var(--weight-semibold);color:var(--studio-text-muted);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-top:var(--space-2)}[data-theme=light] .hero-section:before{background:radial-gradient(80% 50% at 50% -20%,#0891b20f 0%,#0000 50%),radial-gradient(60% 40% at 100% 0,#7c3aed0a 0%,#0000 40%)}[data-theme=light] .sample-loading-overlay{background:#f1f5f9e6}@media (max-width:1024px){.hero-main{gap:var(--space-12)}.hero-title{font-size:clamp(2.5rem,6vw,4rem)}}@media (max-width:768px){.hero-section{min-height:auto;padding-top:56px}.hero-content{padding:var(--space-8)var(--space-4)}.hero-main{gap:var(--space-10);text-align:center;grid-template-columns:1fr}.hero-left{text-align:center;order:1;align-items:center;padding-right:0}.hero-right{order:2}.hero-title{text-align:center;font-size:clamp(2rem,8vw,3rem)}.hero-subtitle{font-size:var(--text-body);text-align:center;justify-content:center}.hero-demo-video{width:240px;margin-bottom:var(--space-6)}.stats-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.stat-card{padding:var(--space-4)var(--space-2)}.stat-number{font-size:var(--text-h3)}}@media (max-width:480px){.hero-title{font-size:clamp(1.75rem,10vw,2.5rem)}.stats-grid{gap:var(--space-3);grid-template-columns:1fr 1fr}.sample-images{gap:var(--space-2)}.sample-image-btn{min-width:70px;padding:var(--space-2)}.sample-thumbnail{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.hero-title,.hero-subtitle,.hero-demo-video,.hero-right,.trust-section{animation:none}}