:root{--color-primary: #FBBF24;--color-primary-light: #FCD34D;--color-primary-dark: #D97706;--color-bg: #0f0f0f;--color-bg-elevated: #1a1a1a;--color-bg-card: #242424;--color-bg-subtle: #2d2d2d;--color-text: #ffffff;--color-text-muted: #a3a3a3;--color-text-subtle: #737373;--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .15);--font-display: "Crimson Pro", Georgia, serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: .375rem;--radius-md: .625rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bg-pattern{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:-1;opacity:.4;background-image:radial-gradient(circle at 25% 25%,var(--color-primary-dark) 1px,transparent 1px),radial-gradient(circle at 75% 75%,var(--color-primary-dark) 1px,transparent 1px);background-size:60px 60px;background-position:0 0,30px 30px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-md) 0;background:linear-gradient(to bottom,var(--color-bg) 0%,transparent 100%)}.nav-solid{background:var(--color-bg);border-bottom:1px solid var(--color-border)}.nav-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.nav-logo{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-weight:600;font-size:1.125rem}.logo-img{width:36px;height:36px;border-radius:6px}.logo-img-small{width:28px;height:28px;border-radius:4px}.logo-text{color:var(--color-text)}.nav-links{display:flex;align-items:center;gap:var(--space-xl)}.nav-links a{font-size:.9375rem;font-weight:500;color:var(--color-text-muted)}.nav-links a:hover,.nav-links a.router-link-active{color:var(--color-text)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3xl);align-items:center;min-height:100vh;padding:var(--space-4xl) var(--space-lg);max-width:1200px;margin:0 auto}.hero-content{animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:inline-block;padding:var(--space-xs) var(--space-md);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:100px;font-size:.8125rem;font-weight:500;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.hero-title{font-size:clamp(3rem,8vw,5rem);font-weight:700;line-height:1.05;letter-spacing:-.02em;margin-bottom:var(--space-lg)}.title-line{display:block}.title-accent{color:var(--color-primary);font-style:italic}.hero-description{font-size:1.125rem;color:var(--color-text-muted);max-width:480px;margin-bottom:var(--space-xl)}.hero-cta{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg)}.hero-secondary{display:flex;align-items:center;gap:var(--space-md)}.divider-text{color:var(--color-text-subtle);font-size:.875rem}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);border:none}.btn-primary{background:var(--color-primary);color:#1a1a1a;box-shadow:0 4px 20px #fbbf244d}.btn-primary:hover{background:var(--color-primary-light);color:#1a1a1a;transform:translateY(-2px);box-shadow:0 6px 30px #fbbf2466}.btn-secondary{background:var(--color-bg-card);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-subtle);color:var(--color-text);border-color:var(--color-border-hover)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:#fbbf241a;color:var(--color-primary)}.btn-icon{width:24px;height:24px;flex-shrink:0}.btn span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.2}.btn small{font-size:.6875rem;font-weight:400;opacity:.8}.btn strong{font-size:1rem}.btn-large{padding:var(--space-lg) var(--space-2xl);font-size:1rem}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center;animation:fadeInUp .8s ease-out .2s both}.phone-mockup{position:relative;width:280px;height:580px;background:var(--color-bg-elevated);border-radius:40px;padding:12px;box-shadow:0 50px 100px #00000080,0 0 0 1px var(--color-border),inset 0 1px #ffffff0d}.phone-screen{width:100%;height:100%;background:var(--color-bg-card);border-radius:30px;overflow:hidden;display:flex;align-items:center;justify-content:center}.screen-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);color:var(--color-text-subtle);font-size:.875rem}.screen-logo{width:100px;height:100px;border-radius:16px}.floating-element{position:absolute;opacity:.2;animation:float 6s ease-in-out infinite}.floating-element img{width:100%;height:100%;border-radius:12px}.element-1{width:80px;height:80px;top:10%;right:-20px;animation-delay:0s}.element-2{width:60px;height:60px;bottom:15%;left:-10px;animation-delay:-3s}@keyframes float{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-20px) rotate(5deg)}}.features,.screenshots{padding:var(--space-4xl) 0}.section-header{text-align:center;max-width:600px;margin:0 auto var(--space-3xl)}.section-tag{display:inline-block;padding:var(--space-xs) var(--space-md);background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:100px;font-size:.75rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.section-title{font-size:clamp(2rem,5vw,3rem);margin-bottom:var(--space-md)}.section-description{font-size:1.125rem;color:var(--color-text-muted)}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xl)}.feature-card{padding:var(--space-xl);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base)}.feature-card:hover{border-color:var(--color-border-hover);transform:translateY(-4px);box-shadow:0 20px 40px #0003}.feature-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fbbf241a;border-radius:var(--radius-md);color:var(--color-primary);margin-bottom:var(--space-lg)}.feature-icon svg{width:24px;height:24px}.feature-title{font-size:1.25rem;margin-bottom:var(--space-sm)}.feature-description{font-size:.9375rem;color:var(--color-text-muted);line-height:1.7}.screenshots-carousel{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg)}.screenshot-item{text-align:center}.screenshot-frame{background:var(--color-bg-elevated);border-radius:var(--radius-xl);padding:8px;box-shadow:0 0 0 1px var(--color-border);transition:all var(--transition-base)}.screenshot-item:hover .screenshot-frame{transform:translateY(-8px);box-shadow:0 0 0 1px var(--color-border-hover),0 30px 60px #0000004d}.screenshot-placeholder{aspect-ratio:9 / 16;background:var(--color-bg-card);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-text-subtle);font-size:.875rem}.screenshot-caption{margin-top:var(--space-md);font-size:.875rem;color:var(--color-text-muted)}.cta{padding:var(--space-4xl) 0;background:linear-gradient(to bottom,transparent,rgba(251,191,36,.03) 50%,transparent)}.cta-content{text-align:center;max-width:600px;margin:0 auto}.cta-title{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:var(--space-md)}.cta-description{font-size:1.125rem;color:var(--color-text-muted);margin-bottom:var(--space-xl)}.cta-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-md)}.cta-note{margin-top:var(--space-lg);font-size:.875rem;color:var(--color-text-subtle)}.support{padding:var(--space-3xl) 0}.support-card{position:relative;max-width:680px;margin:0 auto}.support-glow{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:linear-gradient(135deg,#fbbf2426,#fbbf240d,#fbbf241a);border-radius:calc(var(--radius-xl) + 1px);filter:blur(1px);opacity:0;transition:opacity var(--transition-slow)}.support-card:hover .support-glow{opacity:1}.support-inner{position:relative;display:flex;align-items:center;gap:var(--space-xl);padding:var(--space-xl) var(--space-2xl);background:linear-gradient(135deg,var(--color-bg-card) 0%,var(--color-bg-elevated) 100%);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:border-color var(--transition-base)}.support-card:hover .support-inner{border-color:#fbbf2433}.support-icon-wrapper{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#fbbf241a;border-radius:var(--radius-md);transition:all var(--transition-base)}.support-card:hover .support-icon-wrapper{background:#fbbf2426;transform:scale(1.05)}.support-icon{width:28px;height:28px;color:var(--color-primary)}.support-icon .steam{animation:steam 2s ease-in-out infinite}@keyframes steam{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.support-content{flex:1;min-width:0}.support-eyebrow{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);margin-bottom:var(--space-xs)}.support-title{font-family:var(--font-display);font-size:1.375rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-xs)}.support-description{font-size:.9375rem;color:var(--color-text-muted);line-height:1.5}.support-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:transparent;border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);font-family:var(--font-body);font-size:.875rem;font-weight:600;text-decoration:none;transition:all var(--transition-base)}.support-btn svg{width:16px;height:16px;transition:transform var(--transition-base)}.support-btn:hover{background:var(--color-primary);color:var(--color-bg);box-shadow:0 4px 20px #fbbf244d}.support-btn:hover svg{transform:translate(3px)}.footer{padding:var(--space-3xl) 0 var(--space-xl);border-top:1px solid var(--color-border)}.footer-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl)}.footer-brand{display:flex;align-items:center;gap:var(--space-sm);font-family:var(--font-display);font-weight:600}.footer-brand .logo-img-small{width:24px;height:24px}.footer-links{display:flex;gap:var(--space-xl)}.footer-links a{font-size:.9375rem;color:var(--color-text-muted)}.footer-links a:hover{color:var(--color-text)}.footer-bottom{text-align:center;padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.footer-bottom p{font-size:.8125rem;color:var(--color-text-subtle)}.privacy-page{padding-top:120px;padding-bottom:var(--space-4xl);min-height:100vh}.privacy-header{text-align:center;margin-bottom:var(--space-3xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border)}.privacy-header h1{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:var(--space-md)}.last-updated{color:var(--color-text-muted);font-size:.9375rem}.privacy-content{max-width:800px;margin:0 auto}.privacy-section{margin-bottom:var(--space-3xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border)}.privacy-section:last-child{border-bottom:none;margin-bottom:0}.privacy-section h2{font-size:1.75rem;color:var(--color-text);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-primary);display:inline-block}.privacy-section h3{font-size:1.25rem;color:var(--color-text);margin-top:var(--space-xl);margin-bottom:var(--space-md)}.privacy-section p{color:var(--color-text-muted);line-height:1.8;margin-bottom:var(--space-md)}.privacy-section ul,.privacy-section ol{color:var(--color-text-muted);margin-bottom:var(--space-lg);padding-left:var(--space-xl)}.privacy-section li{line-height:1.8;margin-bottom:var(--space-sm)}.privacy-section li strong{color:var(--color-text)}.privacy-section a{color:var(--color-primary-light);text-decoration:underline;text-underline-offset:3px}.privacy-section a:hover{color:var(--color-primary)}.contact-info{background:var(--color-bg-card);padding:var(--space-lg);border-radius:var(--radius-md);border:1px solid var(--color-border)}.contact-info a{color:var(--color-primary);font-weight:500}@media (max-width: 1024px){.hero{grid-template-columns:1fr;text-align:center;padding-top:120px;min-height:auto;gap:var(--space-3xl)}.hero-content{order:1}.hero-visual{order:2}.hero-description{margin-left:auto;margin-right:auto}.hero-cta,.hero-secondary{justify-content:center}.features-grid{grid-template-columns:1fr}.screenshots-carousel{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.nav-links{display:none}.hero-title{font-size:2.5rem}.phone-mockup{width:240px;height:500px}.floating-element{display:none}.footer-content{flex-direction:column;gap:var(--space-lg);text-align:center}.support-inner{flex-direction:column;text-align:center;padding:var(--space-xl);gap:var(--space-lg)}.support-content{text-align:center}.privacy-page{padding-top:100px}.privacy-section h2{font-size:1.5rem}.privacy-section h3{font-size:1.125rem}}@media (max-width: 480px){.screenshots-carousel{grid-template-columns:1fr;max-width:280px;margin:0 auto}.btn{width:100%;justify-content:center}.hero-cta,.hero-secondary{flex-direction:column;align-items:stretch}.cta-buttons{flex-direction:column}}