.nav{height:var(--nav-height);padding:0 var(--space-2xl);z-index:1000;transition:all var(--transition-base);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav-scrolled{background:var(--color-bg-glass);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border)}.nav-logo{align-items:center;gap:var(--space-sm);font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-text-primary);font-weight:700;text-decoration:none;display:flex}.nav-logo-img{border-radius:var(--radius-md);object-fit:contain;width:48px;height:48px}.nav-links{align-items:center;gap:var(--space-xl);list-style:none;display:flex}.nav-link{color:var(--color-text-secondary);font-size:var(--text-sm);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.nav-link:hover{color:var(--color-text-primary)}.hero{text-align:center;min-height:100vh;padding:var(--space-5xl) var(--space-xl);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-bg{background:var(--gradient-hero);z-index:0;position:absolute;inset:0}.hero-bg:after{content:"";background:radial-gradient(60% 50% at 50% 40%,#8b5cf626 0%,#0000 70%);position:absolute;inset:0}.hero-orb{filter:blur(80px);opacity:.3;border-radius:50%;animation:8s ease-in-out infinite float;position:absolute}.hero-orb-1{background:var(--color-accent-primary);width:400px;height:400px;animation-delay:0s;top:10%;left:-5%}.hero-orb-2{background:var(--color-accent-tertiary);width:300px;height:300px;animation-delay:-3s;bottom:20%;right:-5%}.hero-orb-3{background:var(--color-accent-secondary);opacity:.15;width:200px;height:200px;animation-delay:-5s;top:60%;left:40%}.hero-content{z-index:1;max-width:900px;position:relative}.hero-badge{margin-bottom:var(--space-xl)}.hero-title{font-family:var(--font-serif);font-size:var(--text-5xl);margin-bottom:var(--space-xl);letter-spacing:-.02em;font-weight:800;line-height:1.05}.hero-title-line{display:block}.hero-subtitle{font-size:var(--text-xl);color:var(--color-text-secondary);max-width:600px;margin:0 auto var(--space-2xl);font-weight:300;line-height:1.5}.hero-cta{justify-content:center;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.hero-scroll-indicator{bottom:var(--space-2xl);align-items:center;gap:var(--space-sm);color:var(--color-text-muted);font-size:var(--text-xs);z-index:1;flex-direction:column;animation:3s ease-in-out infinite float;display:flex;position:absolute;left:50%;transform:translate(-50%)}.scroll-arrow{border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);width:20px;height:20px;animation:2s ease-in-out infinite float;transform:rotate(45deg)}.how-it-works{background:var(--color-bg-secondary);position:relative}.how-it-works:before{content:"";background:var(--gradient-border);height:1px;position:absolute;top:0;left:0;right:0}.section-header{text-align:center;margin-bottom:var(--space-4xl)}.section-eyebrow{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent-secondary);margin-bottom:var(--space-md);font-weight:600}.section-title{font-family:var(--font-serif);font-size:var(--text-3xl);margin-bottom:var(--space-md)}.section-subtitle{font-size:var(--text-md);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.steps-grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.step-card{padding:var(--space-2xl);text-align:center;position:relative}.step-number{border-radius:var(--radius-full);background:var(--gradient-button);width:56px;height:56px;font-size:var(--text-xl);margin:0 auto var(--space-lg);box-shadow:var(--shadow-glow);justify-content:center;align-items:center;font-weight:800;display:flex}.step-icon{margin-bottom:var(--space-md);font-size:2.5rem}.step-title{font-size:var(--text-lg);margin-bottom:var(--space-sm);font-weight:700}.step-description{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.7}.step-connector{background:var(--gradient-border);width:24px;height:2px;position:absolute;top:50%;right:-12px}.features-section{position:relative}.features-grid{gap:var(--space-xl);grid-template-columns:repeat(2,1fr);display:grid}.feature-card{padding:var(--space-2xl);gap:var(--space-lg);align-items:flex-start;display:flex}.feature-icon{border-radius:var(--radius-md);background:var(--color-bg-glass-light);border:1px solid var(--color-border);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.feature-content{flex:1}.feature-title{font-size:var(--text-md);margin-bottom:var(--space-sm);font-weight:700}.feature-description{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.7}.genre-section{background:var(--color-bg-secondary);position:relative;overflow:hidden}.genre-scroll{gap:var(--space-lg);padding:var(--space-md) 0;scrollbar-width:none;display:flex;overflow-x:auto}.genre-scroll::-webkit-scrollbar{display:none}.genre-card{border-radius:var(--radius-lg);cursor:pointer;height:380px;transition:all var(--transition-base);flex:0 0 280px;position:relative;overflow:hidden}.genre-card:hover{box-shadow:var(--shadow-glow);transform:scale(1.03)}.genre-card-bg{transition:transform var(--transition-slow);background-position:50%;background-size:cover;position:absolute;inset:0}.genre-card:hover .genre-card-bg{transform:scale(1.08)}.genre-card-overlay{background:linear-gradient(#0000 0%,#0a0a0f4d 50%,#0a0a0ff2 100%);position:absolute;inset:0}.genre-card-content{padding:var(--space-xl);position:absolute;bottom:0;left:0;right:0}.genre-tag{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent-tertiary);margin-bottom:var(--space-sm);font-weight:600}.genre-name{font-family:var(--font-serif);font-size:var(--text-xl);margin-bottom:var(--space-xs);font-weight:700}.genre-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.sample-section{position:relative}.sample-container{max-width:var(--max-width-reader);margin:0 auto}.sample-card{padding:var(--space-3xl);position:relative}.sample-quote{font-family:var(--font-serif);font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-xl);font-style:italic;line-height:1.7}.sample-quote:before{content:"“";top:var(--space-lg);left:var(--space-lg);color:var(--color-accent-primary);opacity:.3;font-size:4rem;font-family:var(--font-serif);line-height:1;position:absolute}.sample-attribution{align-items:center;gap:var(--space-md);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.sample-avatar{border-radius:var(--radius-full);background:var(--gradient-button);justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.cta-section{text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";background:radial-gradient(80% 60%,#8b5cf61f,#0000);position:absolute;inset:0}.cta-content{z-index:1;position:relative}.cta-title{font-family:var(--font-serif);font-size:var(--text-3xl);margin-bottom:var(--space-md)}.cta-subtitle{font-size:var(--text-md);color:var(--color-text-secondary);margin-bottom:var(--space-2xl);max-width:500px;margin-left:auto;margin-right:auto}.footer{padding:var(--space-3xl) 0;border-top:1px solid var(--color-border-subtle);text-align:center}.footer-content{justify-content:space-between;align-items:center;display:flex}.footer-text{color:var(--color-text-muted);font-size:var(--text-sm)}.footer-links{gap:var(--space-lg);list-style:none;display:flex}.footer-link{color:var(--color-text-muted);font-size:var(--text-sm);transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-text-primary)}@media (max-width:768px){.nav{padding:0 var(--space-md)}.nav-links{display:none}.hero{min-height:90vh;padding:var(--space-4xl) var(--space-md)}.steps-grid{gap:var(--space-lg);grid-template-columns:1fr}.step-connector{display:none}.features-grid{grid-template-columns:1fr}.genre-card{flex:0 0 240px;height:320px}.hero-cta{flex-direction:column}.hero-cta .btn{width:100%}.footer-content{gap:var(--space-lg);flex-direction:column}.sample-card{padding:var(--space-xl)}}