@use "sass:color";*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", system-ui, sans-serif;font-weight:400;line-height:1.5;color:#fff;background:oklch(0.129 0.042 264.695);font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1200px;margin:0 auto;padding:0 20px}.site-header{background:rgba(26,26,26,0.9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:fixed;top:0;left:0;right:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,0.1)}.navbar{padding:1rem 0}.navbar .container{display:flex;justify-content:space-between;align-items:center}.navbar-brand{display:flex;align-items:center;text-decoration:none;font-size:1.375rem;font-weight:600;color:#fff;letter-spacing:-0.01em}.navbar-brand .navbar-icon{width:36px;height:36px;margin-right:0.75rem;border-radius:8px}.navbar-nav{display:flex;list-style:none;gap:2.5rem}.navbar-nav a{text-decoration:none;color:#aaa;font-weight:500;font-size:0.9375rem;transition:color 0.2s ease}.navbar-nav a:hover{color:#007AFF}.hero-section{padding:140px 0 100px;background:linear-gradient(45deg, oklch(0.25 0.05 264), oklch(0.18 0.045 264));color:#fff}.hero-section .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-content{text-align:left}.hero-content h1{font-size:3.75rem;font-weight:600;margin-bottom:1.5rem;letter-spacing:-0.02em;line-height:1.1}.hero-content .hero-subtitle{font-size:1.375rem;font-weight:400;margin-bottom:2.5rem;line-height:1.4}.hero-icon{margin-bottom:2rem}.hero-icon .app-icon{width:160px;height:160px;border-radius:16px}.hero-image{text-align:center}.hero-image .app-screenshot{max-width:100%;height:auto;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,0.2)}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap}.btn{display:inline-block;padding:0.875rem 1.75rem;border-radius:12px;text-decoration:none;font-weight:500;font-size:1rem;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);border:none;cursor:pointer}.btn.btn-primary{background:#007AFF;color:#fff}.btn.btn-primary:hover{background:#0056CC;transform:translateY(-1px);box-shadow:0 8px 25px rgba(0,122,255,0.25)}.btn.btn-secondary{background:#1A1A1A;color:#fff;border:1px solid #333}.btn.btn-secondary:hover{background:#272727;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,255,255,0.1)}.btn.large{padding:1.125rem 2.25rem;font-size:1.125rem;border-radius:14px}.features-section{padding:100px 0;background:oklch(0.129 0.042 264.695)}.features-section h2{text-align:center;font-size:2.75rem;font-weight:600;margin-bottom:1rem;color:#fff;letter-spacing:-0.02em}.features-section .section-subtitle{text-align:center;font-size:1.25rem;color:#aaa;margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:2rem}.feature-card{background:#1A1A1A;padding:2.5rem;border-radius:16px;text-align:center;border:1px solid #333;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1)}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,0.1);border-color:#333}.feature-card .feature-icon{font-size:3.5rem;margin-bottom:1.5rem;opacity:0.8}.feature-card h3{font-size:1.375rem;font-weight:600;margin-bottom:1rem;color:#fff;letter-spacing:-0.01em}.feature-card p{color:#aaa;line-height:1.5;font-size:0.9375rem}.download-section{padding:100px 0;background:linear-gradient(45deg, oklch(0.25 0.05 264), oklch(0.18 0.045 264));color:#fff;text-align:center}.download-section h2{font-size:2.75rem;font-weight:600;margin-bottom:1.5rem;letter-spacing:-0.02em}.download-section p{font-size:1.25rem;font-weight:400;margin-bottom:2.5rem;opacity:0.8;color:rgba(255,255,255,0.8)}.download-section .version-info{margin-top:2.5rem;font-size:0.875rem;color:#fff}.download-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.site-footer{background:#1A1A1A;color:#aaa;padding:3rem 0;text-align:center;border-top:1px solid #333}.site-footer p{font-size:0.875rem;opacity:0.8}@media (max-width: 768px){.hero-section .container{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-content h1{font-size:2.5rem}.navbar-nav{gap:1rem}.hero-buttons{justify-content:center}.download-buttons{flex-direction:column;align-items:center}}@media (max-width: 480px){.hero-content h1{font-size:2rem}.hero-subtitle{font-size:1.1rem}.features-grid{grid-template-columns:1fr}.navbar-nav{display:none}}