:root{--primary:#8faf9d;--primary-dark:#7a9a88;--secondary:#c7d9cc;--accent:#d6bfa8;--background:#f6f3ee;--surface:#fffdf9;--text-primary:#2f3a33;--text-secondary:#6d7a72;--white:#fff;--shadow-sm:0 2px 4px #2f3a330d;--shadow-md:0 10px 25px #2f3a331a;--shadow-lg:0 20px 40px #2f3a331f;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-primary);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}header{z-index:100;width:100%;padding:1.5rem 0;position:absolute;top:0}nav{justify-content:space-between;align-items:center;display:flex}.nav-logo{border-radius:10px;width:auto;height:40px;margin-right:12px}.logo{color:var(--primary-dark);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.logo span{text-transform:lowercase;letter-spacing:-.5px}.logo-icon{background:var(--primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #8faf9d4d}.btn{transition:var(--transition);cursor:pointer;text-align:center;border:none;border-radius:24px;padding:.6rem 1.4rem;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-block}.btn-lg{padding:.7rem 1.8rem;font-size:1rem}.btn-primary{background-color:var(--primary);color:var(--white);box-shadow:0 4px 12px #8faf9d33}.btn-primary:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 12px 32px #8faf9d80}.hero{align-items:center;min-height:100vh;padding:10rem 0 6rem;display:flex;position:relative}.hero:before{content:"";z-index:-1;background:radial-gradient(circle,#8faf9d1a 0%,#f6f3ee00 70%);width:500px;height:500px;position:absolute;top:-10%;right:-5%}.hero-content{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.hero-text h1{color:var(--text-main);margin-bottom:1.5rem;font-size:4rem;line-height:1.1}.hero-text p{color:var(--text-muted);max-width:500px;margin-bottom:2.5rem;font-size:1.25rem}.download-buttons{flex-wrap:wrap;gap:1rem;display:flex}.store-btn{background:var(--text-main);color:#fff;border-radius:12px;align-items:center;gap:.8rem;padding:.6rem 1.5rem;text-decoration:none;transition:transform .3s;display:flex}.store-btn:hover{transform:scale(1.05)}.store-btn i{font-size:1.8rem}.store-btn div span{opacity:.8;font-size:.7rem;line-height:1;display:block}.store-btn div strong{font-size:1.1rem;line-height:1.2}.hero-image{justify-content:center;display:flex;position:relative}.phone-mockup{background:#1a1a1a;border:8px solid #2a2a2a;border-radius:40px;width:300px;height:600px;padding:12px;position:relative;box-shadow:0 40px 100px #00000026}.phone-screen{background:var(--background);border-radius:28px;width:100%;height:100%;position:relative;overflow:hidden}#hero-image{object-fit:cover;width:100%;height:100%;display:block}.mock-widget{background:var(--surface);text-align:center;border-radius:24px;margin:20px;padding:20px;box-shadow:0 10px 30px #0000000d}.section-title{text-align:center;margin-bottom:4rem}.section-title h2{margin-bottom:1rem;font-size:2.5rem}.features-section{background:#fff;padding:8rem 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.feature-card{background:var(--background);border-radius:32px;padding:3rem;transition:all .3s}.feature-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #8faf9d1a}.icon-box{background:var(--primary);color:#fff;border-radius:20px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;font-size:1.5rem;display:flex}.about-section{padding:8rem 0}footer{text-align:center;border-top:1px solid #0000000d;padding:4rem 0}.footer-links{flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.footer-links a{color:var(--text-muted);font-weight:500;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--primary)}.spinner{border:5px solid var(--secondary);border-top-color:var(--primary);border-radius:50%;width:50px;height:50px;margin:20px auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=968px){.hero-content{text-align:center;grid-template-columns:1fr}.hero-text h1{font-size:3rem}.hero-text p{margin:0 auto 2.5rem}.download-buttons{justify-content:center}}