:root{--color-primary:#ff8a00;--color-primary-hover:#e67e00;--color-primary-light:#ff8a001a;--color-bg:#f5f6f8;--color-surface:#fff;--color-text-main:#1a1a1a;--color-text-muted:#828282;--color-border:#eaeaea;--radius-card:20px;--radius-button:14px;--radius-badge:8px;--max-width:1200px;--spacing-section:100px;--font-family:"Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-main);-webkit-font-smoothing:antialiased;line-height:1.6}section{scroll-margin-top:80px}.text-primary{color:var(--color-primary)}.btn{border-radius:var(--radius-button);cursor:pointer;border:none;justify-content:center;align-items:center;padding:14px 28px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 14px var(--color-primary-light)}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ff8a0040}.btn-secondary{background-color:var(--color-surface);color:var(--color-text-main);border:1px solid var(--color-border)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:1000;background-color:#fffffff2;position:fixed;top:0;left:0;right:0}.nav-container{max-width:var(--max-width);justify-content:space-between;align-items:center;margin:0 auto;padding:16px 24px;display:flex}.logo{color:var(--color-text-main);letter-spacing:-.5px;align-items:center;gap:10px;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--color-text-muted);font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--color-primary)}@media (width<=768px){.nav-links{display:none}}.hero{max-width:var(--max-width);justify-content:space-between;align-items:center;gap:60px;margin:0 auto;padding:160px 24px 100px;display:flex}.hero-content{flex:1;max-width:600px}.hero h1{letter-spacing:-1.5px;margin-bottom:24px;font-size:4rem;font-weight:800;line-height:1.1}.hero p{color:var(--color-text-muted);margin-bottom:40px;font-size:1.25rem}.hero-buttons{gap:16px;display:flex}.hero-image{flex:1;justify-content:flex-end;display:flex}.hero-mockup-img{border-radius:30px;width:100%;max-width:400px;animation:6s ease-in-out infinite float;box-shadow:0 24px 48px #0000001a}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@media (width<=992px){.hero{text-align:center;flex-direction:column;padding-top:120px}.hero-content{margin:0 auto}.hero-buttons{justify-content:center}.hero-image{justify-content:center;margin-top:40px}}.features{max-width:var(--max-width);padding:var(--spacing-section) 24px;margin:0 auto}.section-header{text-align:center;margin-bottom:60px;max-width:600px;margin-inline:auto}.section-header h2{letter-spacing:-.5px;margin-bottom:16px;font-size:2.5rem}.section-header p{color:var(--color-text-muted);font-size:1.125rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;display:grid}.feature-card{background-color:var(--color-surface);border-radius:var(--radius-card);border:1px solid #0000;padding:40px 32px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 20px #00000008}.feature-card:hover{border-color:var(--color-primary-light);transform:translateY(-8px);box-shadow:0 12px 30px #0000000f}.feature-icon{background-color:var(--color-primary-light);width:60px;height:60px;color:var(--color-primary);border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.feature-card h3{margin-bottom:12px;font-size:1.25rem}.feature-card p{color:var(--color-text-muted);font-size:.95rem}.app-section{max-width:var(--max-width);margin:var(--spacing-section) auto;padding:0 24px}.app-container{background:linear-gradient(135deg, var(--color-primary) 0%, #ff9d33 100%);border-radius:var(--radius-card);color:#fff;text-align:center;box-shadow:0 20px 40px var(--color-primary-light);padding:60px 40px}.app-content h2{margin-bottom:20px;font-size:2.5rem}.app-content p{opacity:.9;max-width:600px;margin:0 auto 40px;font-size:1.1rem}.app-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.store-button img{height:50px;transition:transform .2s}.store-button:hover img{transform:translateY(-4px)}.contact-section{max-width:var(--max-width);margin:var(--spacing-section) auto;padding:0 24px}.contact-container{background-color:var(--color-surface);border-radius:var(--radius-card);max-width:600px;margin:0 auto;padding:40px;box-shadow:0 4px 20px #00000008}.contact-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--color-text-main);font-size:.95rem;font-weight:500}.form-group input,.form-group textarea{border:1px solid var(--color-border);background-color:var(--color-bg);border-radius:12px;padding:16px;font-family:inherit;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);background-color:var(--color-surface);outline:none}.footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);margin-top:var(--spacing-section);padding:80px 24px 40px}.footer-content{max-width:var(--max-width);grid-template-columns:2fr 1fr 1fr;gap:40px;margin:0 auto 60px;display:grid}.footer-brand p{color:var(--color-text-muted);max-width:250px;margin-top:16px}.footer-links h4{margin-bottom:20px;font-size:1.1rem}.footer-links a{color:var(--color-text-muted);margin-bottom:12px;text-decoration:none;transition:color .2s;display:block}.footer-links a:hover{color:var(--color-primary)}.footer-bottom{max-width:var(--max-width);text-align:center;border-top:1px solid var(--color-border);color:var(--color-text-muted);margin:0 auto;padding-top:40px;font-size:.875rem}@media (width<=768px){.footer-content{grid-template-columns:1fr}}