.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-particles{z-index:1;pointer-events:none;position:absolute;inset:0}.hero-particle{background:var(--color-accent-primary);border-radius:50%;animation:linear infinite particleFloat;position:absolute}@keyframes particleFloat{0%,to{opacity:0;transform:translateY(0)translate(0)}10%{opacity:.5}50%{opacity:.3;transform:translateY(-100px)translate(30px)}90%{opacity:0}}.hero-content{z-index:2;max-width:900px;position:relative}.hero-logo-mark{margin-bottom:var(--space-xl)}.hero-logo-img{border-radius:var(--radius-xl);object-fit:contain;filter:drop-shadow(0 0 40px #d4a85366);width:100px;height:100px;animation:4s ease-in-out infinite logoPulse}@keyframes logoPulse{0%,to{filter:drop-shadow(0 0 40px #d4a8534d)}50%{filter:drop-shadow(0 0 60px #d4a85399)}}.hero-title{font-family:var(--font-serif);margin-bottom:var(--space-lg);letter-spacing:-.02em}.hero-brand-name{background:linear-gradient(135deg,#d4a853 0%,#f0d78c 40%,#d4a853 60%,#b8862d 100%);-webkit-text-fill-color:transparent;letter-spacing:.04em;-webkit-background-clip:text;background-clip:text;font-size:clamp(3.5rem,10vw,7rem);font-weight:800;line-height:1;display:block}.hero-tagline-text{font-size:var(--text-lg);color:var(--color-text-muted);letter-spacing:.2em;text-transform:uppercase;margin-top:var(--space-sm);font-style:italic;font-weight:300;display:block}.hero-divider{justify-content:center;align-items:center;gap:var(--space-md);margin:var(--space-xl) auto;max-width:300px;display:flex}.hero-divider-line{background:linear-gradient(90deg, transparent, var(--color-accent-primary), transparent);flex:1;height:1px}.hero-divider-star{color:var(--color-accent-primary);font-size:var(--text-sm);animation:6s linear infinite starSpin}@keyframes starSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-headline{font-family:var(--font-serif);font-size:var(--text-3xl);margin-bottom:var(--space-xl);font-weight:600;line-height:1.2}.hero-headline-line{display:block}.hero-headline-accent{background:linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-tertiary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:550px;margin:0 auto var(--space-2xl);font-weight:300;line-height:1.6}.hero-cta{justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:var(--space-3xl);flex-wrap:wrap;display:flex}.hero-cta-main{position:relative;overflow:hidden}.hero-cta-main:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);animation:3s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{0%,70%,to{transform:translate(-100%)}85%{transform:translate(100%)}}.hero-cta-icon{margin-right:6px;animation:4s linear infinite starSpin;display:inline-block}.hero-proof{justify-content:center;align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.hero-proof-item{flex-direction:column;align-items:center;gap:2px;display:flex}.hero-proof-number{font-family:var(--font-serif);font-size:var(--text-xl);color:var(--color-accent-primary);font-weight:700}.hero-proof-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.hero-proof-dot{background:var(--color-text-muted);opacity:.4;border-radius:50%;width:4px;height:4px}.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:2;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)}@media (max-width:768px){.hero-brand-name{font-size:clamp(2.5rem,12vw,4rem)}.hero-tagline-text{font-size:var(--text-sm);letter-spacing:.12em}.hero-headline{font-size:var(--text-xl)}.hero-logo-img{width:72px;height:72px}.hero-proof{gap:var(--space-md)}}.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)}}.landing-hamburger{border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;z-index:1001;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:8px;display:none}.landing-hamburger-line{background:var(--color-text-primary);border-radius:2px;width:18px;height:2px;transition:all .25s;display:block}.landing-hamburger-line.open:first-child{transform:rotate(45deg)translate(4px,5px)}.landing-hamburger-line.open:nth-child(2){opacity:0}.landing-hamburger-line.open:nth-child(3){transform:rotate(-45deg)translate(4px,-5px)}.landing-mobile-backdrop{inset:0;top:var(--nav-height);z-index:998;background:#00000080;animation:.15s fadeIn;position:fixed}.landing-mobile-menu{top:var(--nav-height);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);z-index:999;padding:var(--space-md);box-shadow:var(--shadow-lg);flex-direction:column;gap:2px;animation:.2s ease-out mobileMenuSlide;display:flex;position:fixed;left:0;right:0}@keyframes mobileMenuSlide{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.landing-mobile-item{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-base);font-weight:500;text-decoration:none;transition:all .15s;display:block}.landing-mobile-item:hover{background:var(--color-bg-glass-light);color:var(--color-text-primary)}.landing-mobile-divider{background:var(--color-border);height:1px;margin:var(--space-sm) 0}@media (max-width:768px){.landing-hamburger{display:flex}}