*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #FF8600;--color-primary-dark: #e67700;--color-primary-light: #FFB327;--color-secondary: #1a1a1a;--color-text: #1a1a1a;--color-text-light: #666666;--color-background: #ffffff;--color-background-alt: #f8f8f8;--color-border: #e5e5e5;--color-focus: #FF8600;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--max-width: 900px;--max-width-narrow: 720px;--nav-height: 68px;--watch-mockup-width: 300px;--transition-fast: .15s ease;--transition-medium: .25s ease;--z-base: 1;--z-sticky: 999;--z-nav: 1000;--z-behind: -1;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 100px;--icon-xs: 14px;--icon-sm: 16px;--icon-md: 18px;--icon-lg: 36px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--shadow-button: 0 2px 8px rgba(255, 134, 0, .25), 0 1px 2px rgba(0, 0, 0, .1);--shadow-button-hover: 0 6px 16px rgba(255, 134, 0, .35), 0 2px 4px rgba(0, 0, 0, .15)}@media(prefers-color-scheme:dark){:root{--color-text: #ffffff;--color-text-light: #b8b8b8;--color-background: #000000;--color-background-alt: #1a1a1a;--color-border: #333333}}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-background);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%;position:relative}*:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.nav{position:sticky;top:0;background:linear-gradient(to bottom,#fffffffa,#fffffff2);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.08);z-index:var(--z-nav);padding:var(--spacing-sm) 0;box-shadow:var(--shadow-sm)}.nav-container{max-width:var(--max-width);margin:0 auto;padding:0 max(1.5rem,env(safe-area-inset-right)) 0 max(1.5rem,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between}.nav-logo{display:flex;align-items:center;gap:var(--spacing-xs)}.nav-logo-icon{width:var(--icon-lg);height:var(--icon-lg);border-radius:var(--radius-sm)}.nav-logo-text{font-size:1.25rem;font-weight:600;color:var(--color-text)}.nav-links{display:flex;align-items:center;gap:var(--spacing-md)}.nav-link{color:var(--color-text-light);font-size:.9375rem;transition:all var(--transition-fast);position:relative}.nav-link:hover{color:var(--color-text)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--color-primary);transform:scaleX(0);transition:transform var(--transition-fast)}.nav-link:hover:after{transform:scaleX(1)}.container{max-width:var(--max-width);margin:0 auto;padding:0 max(var(--spacing-md),env(safe-area-inset-right)) 0 max(var(--spacing-md),env(safe-area-inset-left))}.container-narrow{max-width:var(--max-width-narrow);margin:0 auto;padding:0 max(var(--spacing-md),env(safe-area-inset-right)) 0 max(var(--spacing-md),env(safe-area-inset-left))}.button{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2.5rem;font-size:1rem;font-weight:500;border-radius:var(--radius-full);text-align:center;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none}.button-primary{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);color:#fff;box-shadow:var(--shadow-button)}.button-primary:hover{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-button-hover)}.button-primary:active{transform:translateY(0) scale(1);box-shadow:var(--shadow-button)}.button-secondary{background-color:transparent;color:var(--color-text);border:1.5px solid var(--color-border);box-shadow:none}.button-secondary:hover{border-color:var(--color-text);background-color:var(--color-background-alt);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.button-small{padding:.625rem 1.25rem;font-size:.9375rem}.hero{padding:var(--spacing-md) 0;padding-bottom:var(--spacing-lg);background:radial-gradient(ellipse 800px 600px at 50% 40%,rgba(255,179,39,.08) 0%,transparent 50%),linear-gradient(180deg,#fafafa,#fff 70% 100%);min-height:calc(100vh - var(--nav-height));display:flex;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;opacity:.5}.hero-content{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);align-items:center;position:relative;z-index:var(--z-base)}.hero-text{text-align:center;max-width:100%}.hero-label{display:inline-block;font-size:.8125rem;font-weight:600;background:linear-gradient(90deg,var(--color-primary-light) 0%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--spacing-xs)}.hero-title{font-size:clamp(2.25rem,6vw,3.5rem);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm);line-height:1.1;letter-spacing:-.02em}.hero-subtitle{font-size:clamp(1.0625rem,2.5vw,1.3125rem);color:#b8b8b8;margin-bottom:var(--spacing-sm);line-height:1.7;max-width:540px;margin-left:auto;margin-right:auto}.hero-benefits{list-style:none;display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap;margin-bottom:var(--spacing-sm)}.hero-benefit{display:flex;align-items:center;gap:.375rem;font-size:.9375rem;color:var(--color-text);font-weight:500}.hero-benefit-icon{width:var(--icon-md);height:var(--icon-md);color:var(--color-primary);flex-shrink:0}.hero-social-proof{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.hero-rating{display:flex;align-items:center;gap:.5rem;background:var(--color-background-alt);padding:.5rem 1rem;border-radius:var(--radius-full);border:1px solid var(--color-border);max-width:100%}.hero-stars{display:flex;gap:.125rem}.hero-star{width:var(--icon-sm);height:var(--icon-sm);color:var(--color-primary)}.hero-rating-text{font-size:.875rem;color:var(--color-text);font-weight:500;white-space:nowrap}.hero-buttons{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap;margin-bottom:0}.hero-visual{display:flex;justify-content:center;position:relative}.watch-mockup{max-width:var(--watch-mockup-width);width:100%;position:relative}.watch-mockup:before{content:"";position:absolute;inset:-20%;background:radial-gradient(ellipse at center,rgba(255,179,39,.15) 0%,transparent 70%);filter:blur(40px);z-index:var(--z-behind);opacity:1}.watch-screenshot{width:100%;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.2)) drop-shadow(0 8px 16px rgba(0,0,0,.15))}.card{background-color:var(--color-background-alt);padding:var(--spacing-md);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.section{padding:var(--spacing-xl) 0;background-color:var(--color-background)}.section-title{font-size:clamp(1.875rem,4vw,2.5rem);font-weight:700;text-align:center;margin-bottom:var(--spacing-md);color:var(--color-text)}.section-intro{font-size:1.125rem;text-align:center;color:var(--color-text-light);margin-bottom:var(--spacing-lg);max-width:600px;margin-left:auto;margin-right:auto}.features{padding:var(--spacing-xl) 0;background-color:var(--color-background)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.feature-card{transition:all var(--transition-medium)}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--color-text-light)}.feature-title{font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-text)}.feature-description{font-size:1rem;color:var(--color-text-light);line-height:1.6}.testimonials{padding:var(--spacing-xl) 0;background-color:var(--color-background)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-lg)}.testimonial-quote{font-size:1rem;color:var(--color-text);line-height:1.6;margin-bottom:var(--spacing-sm);font-style:italic}.testimonial-author{font-size:.875rem;color:var(--color-text-light);font-weight:500}.faq{padding:var(--spacing-xl) 0;background-color:var(--color-background)}.faq-list{margin-top:var(--spacing-lg)}.faq-item{background-color:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);overflow:hidden}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);font-size:1.125rem;font-weight:600;color:var(--color-text);text-align:left;transition:background-color var(--transition-fast);min-height:44px}.faq-question:hover{background-color:var(--color-background)}.faq-icon{font-size:1.5rem;font-weight:300;color:var(--color-text-light);transition:transform var(--transition-fast);flex-shrink:0;margin-left:var(--spacing-sm)}.faq-icon.open{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-medium)}.faq-answer.open{max-height:500px}.faq-answer p{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md);font-size:1rem;color:var(--color-text-light);line-height:1.6}.about{padding:var(--spacing-xl) 0;background-color:var(--color-background)}.about-text{font-size:1.125rem;color:var(--color-text-light);line-height:1.7;text-align:center;max-width:600px;margin:0 auto}.support{padding:var(--spacing-xl) 0;background-color:var(--color-background)}.final-cta{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);align-items:center;margin-bottom:var(--spacing-lg)}.final-cta-content{text-align:center}.final-cta-text{font-size:1.125rem;color:var(--color-text-light);margin-bottom:var(--spacing-md)}.final-cta-image{display:flex;justify-content:center;order:-1}.player-options-screenshot{max-width:350px;width:100%;height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.2)) drop-shadow(0 8px 16px rgba(0,0,0,.15))}@media(min-width:768px){.final-cta{grid-template-columns:1.5fr 1fr;gap:var(--spacing-lg)}.final-cta-content,.final-cta-content .section-title{text-align:left}.final-cta-image{order:0}.final-cta .button{margin-left:0}}@media(max-width:640px){.player-options-screenshot{max-width:280px}}.support-links{text-align:center;margin-bottom:var(--spacing-md)}.support-links p{margin-bottom:var(--spacing-xs);color:var(--color-text-light)}.link{color:#c75700;text-decoration:underline;transition:color var(--transition-fast)}.link:hover{color:#a04700}@media(prefers-color-scheme:dark){.link{color:var(--color-primary)}.link:hover{color:var(--color-primary-light)}}.sticky-cta-bar{position:fixed;bottom:0;left:0;right:0;background:#fffffffa;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-top:1px solid rgba(0,0,0,.08);padding:.75rem max(1rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));z-index:var(--z-sticky);transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:0 -2px 10px #0000001a;display:none}.sticky-cta-bar.visible{transform:translateY(0)}.sticky-cta-button{width:100%;display:block;text-align:center;font-size:1rem!important;padding:.875rem 1.5rem!important;min-height:48px}.footer{background-color:var(--color-background);padding:var(--spacing-lg) 0;border-top:1px solid var(--color-border)}@media(max-width:1023px){.final-cta-button{display:none}.sticky-cta-bar{display:block}.footer{padding-bottom:calc(var(--spacing-lg) + 80px + env(safe-area-inset-bottom))}.support{padding-bottom:var(--spacing-md)}.footer-disclaimer{font-size:.75rem;max-width:100%;padding:0 1rem}}.footer-content{text-align:center}.footer-links{display:flex;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.footer-disclaimer{font-size:.8125rem;color:var(--color-text-light);line-height:1.6;margin-bottom:var(--spacing-md);max-width:600px;margin-left:auto;margin-right:auto}.footer-copyright{font-size:.875rem;color:var(--color-text-light);margin-bottom:var(--spacing-md)}.footer-tagline{font-size:.875rem;color:var(--color-text-light);margin-bottom:0}.footer-link{font-size:.875rem;color:var(--color-text-light);transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-text)}@media(min-width:768px){.hero-content{grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:var(--spacing-lg);align-items:center}.hero-text{text-align:left;max-width:560px}.hero-subtitle{margin-left:0;margin-right:0}.hero-benefits,.hero-social-proof,.hero-buttons{justify-content:flex-start}.watch-mockup{max-width:520px}.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.hero .container{max-width:1100px}.watch-mockup{max-width:var(--watch-mockup-width)}.nav-container,.container,.container-narrow{padding:0 var(--spacing-lg)}}@media(min-width:1280px){.hero .container{max-width:1150px}.watch-mockup{max-width:var(--watch-mockup-width)}.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.nav-link,.nav-links button.nav-link,.nav-links .button-primary{display:none!important}.nav-container{justify-content:center}.nav-logo-text{font-size:1.125rem}.nav-logo-icon{width:34px;height:34px}}@media(max-width:640px){.nav{padding:.625rem 0}.nav-container,.container,.container-narrow{padding:0 max(1rem,env(safe-area-inset-right)) 0 max(1rem,env(safe-area-inset-left))}.nav-logo-icon{width:32px;height:32px}.nav-logo-text{font-size:1.0625rem}.nav-links{gap:.5rem}.features,.testimonials,.faq{padding:var(--spacing-lg) 0}.support{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-md)}.section-intro{margin-bottom:var(--spacing-md)}.features-grid,.testimonials-grid,.faq-list{margin-top:var(--spacing-md)}.button{padding:.875rem 1.5rem;font-size:.9375rem;min-height:44px}.button-small{padding:.625rem 1rem;font-size:.875rem;min-height:44px}.nav-link{padding:.5rem 0;min-height:44px;display:flex;align-items:center}.nav-links .button-small{font-size:.875rem;padding:.5rem 1rem}.hero-label{display:none}.hero{padding-top:var(--spacing-sm);min-height:auto;padding-bottom:var(--spacing-md)}.hero-title{margin-bottom:.75rem}.hero-subtitle{margin-bottom:.875rem}.hero-benefits{flex-direction:column;align-items:center;gap:.5rem;margin-bottom:.875rem}.hero-benefit{font-size:.875rem}.hero-social-proof{margin-bottom:var(--spacing-sm)}.hero-rating{padding:.375rem .75rem;gap:.375rem}.hero-rating-text{font-size:.75rem}.hero-star{width:14px;height:14px}.hero-stars{gap:.0625rem;flex-shrink:0}.hero-buttons{flex-direction:column;width:100%;margin-bottom:0}.hero-buttons .button{width:100%}.button-secondary{font-size:.875rem;border-width:1px;padding:.75rem 1.5rem;color:var(--color-text-light)}.button-secondary:hover{color:var(--color-text)}.watch-mockup{max-width:var(--watch-mockup-width);margin-top:-1rem}.watch-mockup:before{filter:blur(30px);opacity:.8}.hero:before{opacity:.3}.features-grid,.testimonials-grid,.preview-grid{grid-template-columns:1fr}}@media(max-width:375px){.nav-container,.container,.container-narrow{padding:0 max(.875rem,env(safe-area-inset-right)) 0 max(.875rem,env(safe-area-inset-left))}.nav-logo{gap:.5rem}.nav-logo-icon{width:30px;height:30px}.nav-logo-text{font-size:1rem}.nav-links{gap:.5rem}.nav-link{font-size:.6875rem}.button-small{padding:.625rem .875rem;font-size:.875rem;min-height:44px}.nav-links .button-small{font-size:.875rem}.features,.testimonials,.faq{padding:var(--spacing-md) 0}.support{padding-top:var(--spacing-md)}.section-title,.section-intro{margin-bottom:var(--spacing-sm)}.features-grid,.testimonials-grid,.faq-list{margin-top:var(--spacing-sm)}}@media(prefers-reduced-motion:no-preference){.feature-card,.button{transition:all var(--transition-medium)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-color-scheme:dark){.nav{background:linear-gradient(to bottom,#000000fa,#000000f2);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 1px 3px #0003}.hero{background:radial-gradient(ellipse 800px 600px at 50% 40%,rgba(255,179,39,.06) 0%,transparent 50%),linear-gradient(180deg,#0a0a0a,#000 70% 100%)}.watch-screenshot{filter:drop-shadow(0 20px 40px rgba(0,0,0,.7)) drop-shadow(0 8px 16px rgba(0,0,0,.5))}.watch-mockup:before{background:radial-gradient(ellipse at center,rgba(255,179,39,.2) 0%,transparent 70%)}.feature-card:hover{box-shadow:0 8px 24px #ffffff14}.button-primary:hover{box-shadow:0 6px 16px #ff860080,0 2px 4px #0000004d}.sticky-cta-bar{background:#000000fa;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -2px 10px #0000004d}}