*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a25;--bg-card-hover: #22222f;--text-primary: #f0f0f5;--text-secondary: #9999aa;--text-muted: #666677;--accent-purple: #8b5cf6;--accent-purple-light: #a78bfa;--accent-amber: #f59e0b;--accent-gold: #fbbf24;--accent-rose: #f43f5e;--gradient-primary: linear-gradient(135deg, #8b5cf6, #f59e0b);--gradient-hero: linear-gradient(135deg, #1a0533 0%, #0a0a0f 40%, #1a0f00 100%);--gradient-card: linear-gradient(145deg, rgba(139, 92, 246, .08), rgba(245, 158, 11, .08));--gradient-glow: radial-gradient(ellipse at 50% 0%, rgba(139, 92, 246, .15) 0%, transparent 60%);--border-subtle: rgba(255, 255, 255, .06);--border-accent: rgba(139, 92, 246, .3);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--section-padding: clamp(4rem, 10vw, 8rem);--container-max: 1200px;--container-padding: clamp(1.25rem, 4vw, 2rem);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit;border:none;outline:none}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--section-padding) 0;position:relative}.section-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-purple-light);margin-bottom:1rem}.section-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin-bottom:1.25rem}.section-subtitle{font-size:clamp(1.05rem,2.5vw,1.25rem);color:var(--text-secondary);max-width:600px;line-height:1.65}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.divider{width:100%;height:1px;background:var(--border-subtle)}.noise-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;opacity:.03;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.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;background:var(--gradient-hero)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0a0a0fbf,#0a0a0f99 40%,#0a0a0fcc);z-index:1;pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(139,92,246,.15) 0%,transparent 60%);z-index:1;pointer-events:none}.hero-content{position:relative;z-index:2;max-width:800px;padding:2rem var(--container-padding)}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.1rem;border-radius:100px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.25);font-size:.82rem;font-weight:500;color:var(--accent-purple-light);margin-bottom:2rem;letter-spacing:.02em}.hero-title{font-size:clamp(2.8rem,8vw,5.5rem);font-weight:900;line-height:1.05;letter-spacing:-.03em;margin-bottom:1.5rem}.hero-title .accent{display:block;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.35rem);color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.65;max-width:560px;margin-left:auto;margin-right:auto}.hero-cta-group{display:flex;flex-direction:column;align-items:center;gap:1rem}.btn-primary{display:inline-flex;align-items:center;gap:.6rem;padding:1rem 2.2rem;border-radius:100px;background:var(--gradient-primary);color:#fff;font-weight:700;font-size:1.05rem;letter-spacing:.01em;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 24px #8b5cf640}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #8b5cf659}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.8rem;border-radius:100px;background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-secondary);font-weight:600;font-size:.95rem;transition:background .2s,border-color .2s,color .2s}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff1f;color:var(--text-primary)}.hero-platforms{margin-top:2rem;font-size:.85rem;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:.5rem}.hero-scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;z-index:2}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,var(--accent-purple),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%,to{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.hero-film-strip{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.film-cell{position:absolute;border-radius:var(--radius-md);opacity:.06;border:1px solid rgba(255,255,255,.08)}.problem{background:var(--bg-secondary);position:relative;overflow:hidden}.problem:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.3),transparent)}.problem-content{max-width:700px;margin:0 auto;text-align:center}.problem-emoji{font-size:4rem;margin-bottom:1.5rem;display:block}.problem-quote{font-size:clamp(1.15rem,3vw,1.5rem);font-style:italic;color:var(--text-secondary);line-height:1.7;margin-top:1.5rem;padding:1.5rem 2rem;border-left:3px solid var(--accent-purple);text-align:left;background:#8b5cf60a;border-radius:0 var(--radius-md) var(--radius-md) 0}.problem-solution{margin-top:2.5rem;font-size:1.15rem;font-weight:600;color:var(--text-primary)}.problem-solution .gradient-text{font-size:1.3rem}.how-it-works{position:relative}.how-it-works:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:50%;background:var(--gradient-glow);pointer-events:none}.steps-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3.5rem;position:relative}.steps-container:before{content:"";position:absolute;top:4rem;left:15%;right:15%;height:2px;background:linear-gradient(90deg,var(--accent-purple),var(--accent-amber));opacity:.2}.step-card{text-align:center;padding:2.5rem 1.5rem;position:relative;z-index:1}.step-number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--gradient-primary);color:#fff;font-weight:800;font-size:1.1rem;margin-bottom:1.5rem;box-shadow:0 4px 20px #8b5cf64d}.step-icon{font-size:3rem;margin-bottom:1rem;display:block}.step-title{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.step-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.features{background:var(--bg-secondary);position:relative}.features:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(245,158,11,.3),transparent)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3.5rem}.feature-card{padding:2rem;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);transition:transform .3s,border-color .3s,background .3s;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-primary);opacity:0;transition:opacity .3s}.feature-card:hover{transform:translateY(-4px);border-color:var(--border-accent);background:var(--bg-card-hover)}.feature-card:hover:before{opacity:1}.feature-icon{font-size:2.2rem;margin-bottom:1.25rem;display:block}.feature-title{font-size:1.1rem;font-weight:700;margin-bottom:.65rem;color:var(--text-primary)}.feature-desc{font-size:.92rem;color:var(--text-secondary);line-height:1.6}.final-three{position:relative;overflow:hidden}.final-three-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-top:3rem}.final-three-text{max-width:500px}.final-three-text .big-stat{font-size:clamp(3rem,8vw,4.5rem);font-weight:900;line-height:1;margin-bottom:1rem}.final-three-text p{font-size:1.05rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1rem}.final-three-text .highlight{color:var(--accent-amber);font-weight:600}.final-three-cards{display:flex;justify-content:center;align-items:center;position:relative;height:420px}.movie-card-mock{width:180px;height:270px;border-radius:var(--radius-lg);position:absolute;box-shadow:0 20px 60px #00000080;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.movie-card-mock .card-inner{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem;position:relative}.movie-card-mock .card-inner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(0,0,0,.85),transparent);pointer-events:none}.movie-card-mock .card-title{position:relative;z-index:1;font-size:.9rem;font-weight:700;margin-bottom:.25rem}.movie-card-mock .card-meta{position:relative;z-index:1;font-size:.72rem;color:var(--text-muted)}.movie-card-mock .card-rating{position:relative;z-index:1;display:flex;gap:.5rem;margin-top:.5rem;font-size:.68rem;font-weight:600}.card-rating .rt{color:tomato}.card-rating .imdb{color:#f5c518}.movie-card-mock:nth-child(1){background:linear-gradient(145deg,#2d1b69,#1a1035);transform:rotate(-12deg) translate(-60px);z-index:1}.movie-card-mock:nth-child(2){background:linear-gradient(145deg,#1b3a69,#0f1f3a);transform:rotate(0) translateY(-15px);z-index:3}.movie-card-mock:nth-child(3){background:linear-gradient(145deg,#693a1b,#3a1f0f);transform:rotate(12deg) translate(60px);z-index:2}.why-pick-badge{position:absolute;top:12px;right:12px;z-index:2;background:#8b5cf6d9;color:#fff;padding:.25rem .55rem;border-radius:100px;font-size:.6rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.platforms{background:var(--bg-secondary);text-align:center;position:relative}.platforms:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.3),transparent)}.platforms-grid{display:flex;justify-content:center;gap:3rem;margin-top:3.5rem;flex-wrap:wrap}.platform-item{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem 2rem;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);min-width:200px;transition:transform .3s,border-color .3s}.platform-item:hover{transform:translateY(-4px);border-color:var(--border-accent)}.platform-icon{font-size:3.5rem;display:block}.platform-name{font-size:1.15rem;font-weight:700}.platform-desc{font-size:.85rem;color:var(--text-secondary)}.newsletter{position:relative;overflow:hidden}.newsletter:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(139,92,246,.08) 0%,transparent 70%);pointer-events:none}.newsletter-card{max-width:600px;margin:0 auto;text-align:center;padding:3.5rem 2.5rem;border-radius:var(--radius-xl);background:var(--gradient-card);border:1px solid var(--border-subtle);position:relative;z-index:1}.newsletter-icon{font-size:3rem;margin-bottom:1.5rem}.newsletter-form{display:flex;gap:.75rem;margin-top:2rem}.newsletter-input{flex:1;padding:.95rem 1.3rem;border-radius:100px;background:#ffffff0f;border:1px solid var(--border-subtle);color:var(--text-primary);font-size:.95rem;transition:border-color .2s,background .2s}.newsletter-input::placeholder{color:var(--text-muted)}.newsletter-input:focus{border-color:var(--accent-purple);background:#8b5cf60f}.newsletter-btn{padding:.95rem 1.8rem;border-radius:100px;background:var(--gradient-primary);color:#fff;font-weight:700;font-size:.95rem;transition:transform .2s,box-shadow .2s;white-space:nowrap;box-shadow:0 4px 16px #8b5cf633}.newsletter-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #8b5cf64d}.newsletter-thanks{margin-top:2rem;padding:1rem;border-radius:var(--radius-md);background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);color:var(--accent-purple-light);font-weight:600}.newsletter-disclaimer{margin-top:1rem;font-size:.78rem;color:var(--text-muted)}.footer{padding:3rem 0 2rem;border-top:1px solid var(--border-subtle);background:var(--bg-secondary)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem}.footer-brand{display:flex;align-items:center;gap:.75rem}.footer-logo{font-size:1.5rem}.footer-name{font-weight:700;font-size:1rem}.footer-links{display:flex;gap:2rem;list-style:none}.footer-links a{font-size:.88rem;color:var(--text-secondary);transition:color .2s}.footer-links a:hover{color:var(--text-primary)}.footer-social{display:flex;gap:1rem}.footer-social a{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#ffffff0d;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:1.05rem;transition:background .2s,color .2s,border-color .2s}.footer-social a:hover{background:#8b5cf61a;color:var(--accent-purple-light);border-color:var(--border-accent)}.footer-bottom{text-align:center;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-subtle);font-size:.8rem;color:var(--text-muted)}@media(max-width:900px){.steps-container{grid-template-columns:1fr;gap:1rem}.steps-container:before{display:none}.features-grid{grid-template-columns:repeat(2,1fr)}.final-three-content{grid-template-columns:1fr;gap:3rem;text-align:center}.final-three-text{max-width:100%}.final-three-cards{height:350px}.movie-card-mock{width:150px;height:225px}}@media(max-width:600px){.features-grid{grid-template-columns:1fr}.newsletter-form{flex-direction:column}.newsletter-btn{width:100%}.footer-content{flex-direction:column;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center;gap:1rem}.platforms-grid{gap:1.5rem}.platform-item{min-width:160px}.final-three-cards{height:300px}.movie-card-mock{width:130px;height:195px}.movie-card-mock:nth-child(1){transform:rotate(-10deg) translate(-45px)}.movie-card-mock:nth-child(3){transform:rotate(10deg) translate(45px)}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1rem 0;transition:background .3s,backdrop-filter .3s,padding .3s}.nav.scrolled{background:#0a0a0fd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:.65rem 0;border-bottom:1px solid var(--border-subtle)}.nav-inner{display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.05rem;letter-spacing:-.01em}.nav-brand-icon{font-size:1.5rem}.nav-links{display:flex;align-items:center;gap:2rem;list-style:none}.nav-links a{font-size:.88rem;font-weight:500;color:var(--text-secondary);transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.nav-cta{padding:.55rem 1.3rem!important;border-radius:100px!important;background:#8b5cf626!important;color:var(--accent-purple-light)!important;font-weight:600!important;border:1px solid rgba(139,92,246,.3);transition:background .2s!important}.nav-cta:hover{background:#8b5cf640!important}@media(max-width:768px){.nav-links{display:none}}