@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--primary:#005f56;--primary-light:#00a97e;--secondary:#0f172a;--bg-color:#f8fafc;--text-dark:#1e293b;--text-light:#64748b;--glass-bg:#ffffffb3;--glass-border:#fff6}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-dark);-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;line-height:1.6}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.container{max-width:1200px;margin:0 auto;padding:0 24px}.btn{cursor:pointer;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:12px 28px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-light));color:#fff;box-shadow:0 4px 14px #005f564d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #005f5666}.btn-secondary{color:var(--primary);border:2px solid var(--primary);background:#fff}.btn-secondary:hover{background:#f0fdfa;transform:translateY(-2px)}h1,h2,h3,h4,h5,h6{color:var(--secondary);font-weight:700;line-height:1.2}h1{margin-bottom:1.5rem;font-size:3.5rem}h2{margin-bottom:1rem;font-size:2.5rem}h3{margin-bottom:.75rem;font-size:1.75rem}p{color:var(--text-light);margin-bottom:1rem}.text-gradient{background:linear-gradient(135deg, var(--primary), var(--primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.page-container{flex-direction:column;min-height:100vh;padding-top:100px;display:flex}.legal-content{background:#fff;border-radius:24px;margin-bottom:60px;padding:40px;box-shadow:0 10px 25px #00000005}.legal-content h2{margin-top:30px;font-size:1.5rem}.legal-content ul{color:var(--text-light);margin-bottom:15px;margin-left:20px}.legal-content li{margin-bottom:8px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.8s forwards fadeUp}@media (width<=768px){h1{font-size:2.5rem}h2{font-size:2rem}.legal-content{padding:24px}}.navbar{z-index:1000;padding:16px 0;position:fixed;top:0;left:0;right:0}.nav-content{justify-content:space-between;align-items:center;display:flex}.nav-logo{color:var(--secondary);align-items:center;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.logo-icon{background:var(--primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-right:12px;font-size:1.5rem;display:flex}.nav-links{align-items:center;gap:32px;display:flex}.nav-link{color:var(--text-dark);font-weight:500;text-decoration:none;transition:color .2s}.nav-link:hover{color:var(--primary)}.mobile-toggle{color:var(--secondary);cursor:pointer;background:0 0;border:none;display:none}.mobile-menu{display:none}@media (width<=768px){.nav-links{display:none}.mobile-toggle{display:block}.mobile-menu{border-top:1px solid var(--glass-border);flex-direction:column;padding:24px;display:flex;position:absolute;top:100%;left:0;right:0}.mobile-menu a{color:var(--text-dark);border-bottom:1px solid #0000000d;padding:12px 0;font-weight:600;text-decoration:none}}.footer{background:#fff;border-top:1px solid #0000000d;margin-top:auto;padding:80px 0 40px}.footer-content{grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;display:grid}.footer-logo{color:var(--secondary);align-items:center;margin-bottom:16px;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.brand-col p{color:var(--text-light);max-width:250px;margin-bottom:24px}.copyright{font-size:.875rem}.footer-col h3{margin-bottom:24px;font-size:1.1rem}.footer-col a{color:var(--text-light);margin-bottom:12px;text-decoration:none;transition:color .2s;display:block}.footer-col a:hover{color:var(--primary)}@media (width<=768px){.footer-content{grid-template-columns:1fr 1fr}.brand-col{grid-column:span 2}}@media (width<=480px){.footer-content{grid-template-columns:1fr}.brand-col{grid-column:span 1}}.main-banner{padding:80px 0;position:relative;overflow:hidden}.main-banner:before{content:"";z-index:-1;background:radial-gradient(circle,#00a97e26 0%,#fff0 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-20%;right:-10%}.hero-content{align-items:center;gap:60px;display:flex}.hero-text{flex:1}.hero-text p{max-width:500px;margin-bottom:2rem;font-size:1.125rem}.hero-visual{flex:1;justify-content:center;display:flex}.phone-mockup{background:#fffc;border:4px solid #e2e8f0;border-radius:40px;width:300px;height:600px;padding:12px;box-shadow:0 25px 50px -12px #00000026}.phone-screen{background:var(--bg-color);border-radius:28px;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.mockup-header{background:var(--primary);color:#fff;text-align:center;padding:24px 16px 16px;font-weight:700}.mockup-body{flex-direction:column;gap:12px;padding:16px;display:flex}.mockup-card{background:#fff;border-radius:12px;height:80px;box-shadow:0 2px 4px #0000000d}.section-padding{padding:80px 0}.about-card{text-align:center;border-radius:24px;max-width:800px;margin:0 auto;padding:40px}.about-card p{margin-bottom:0;font-size:1.125rem}.text-center{text-align:center}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-top:40px;display:grid}.feature-card{border-radius:20px;padding:32px 24px;transition:transform .3s,box-shadow .3s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000000d}.feature-icon{width:56px;height:56px;color:var(--primary);background:#e6f4f1;border-radius:16px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.feature-icon svg{width:28px;height:28px}.feature-card h3{margin-bottom:8px;font-size:1.25rem}.hero-screenshot{object-fit:cover;border-radius:24px;width:100%;height:100%}.screenshots-section{background:linear-gradient(#f8fafc 0%,#fff 100%)}.screenshots-scroll{snap-type:x mandatory;justify-content:center;gap:32px;padding:40px 20px;display:flex;overflow-x:auto}.screenshots-scroll::-webkit-scrollbar{height:8px}.screenshots-scroll::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px}.app-screenshot{object-fit:cover;scroll-snap-align:center;border:6px solid #fff;border-radius:32px;flex-shrink:0;width:260px;height:563px;transition:transform .3s;box-shadow:0 20px 40px #0000001a}.app-screenshot:hover{transform:translateY(-10px)scale(1.02)}@media (width<=768px){.hero-content{text-align:center;flex-direction:column}.hero-text p{margin:0 auto 2rem}.hero-visual{margin-top:40px}.screenshots-scroll{justify-content:flex-start}}
