*{margin:0;padding:0;box-sizing:border-box}
:root{--primary:#10B981;--secondary:#0F766E;--accent:#F59E0B;--background:#F8FAFC;--text:#1E293B;--muted:#64748B;--border:#E5E7EB;--white:#fff;--shadow:0 10px 30px rgba(15,118,110,.12)}
body{font-family:'Inter',sans-serif;background:var(--background);color:var(--text);line-height:1.7}
.container{width:90%;max-width:1200px;margin:0 auto}
.navbar{position:sticky;top:0;background:rgba(248,250,252,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:1000}
.nav-container{display:flex;align-items:center;justify-content:space-between;padding:18px 0}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-image{width:48px;height:48px}.logo span{font-size:1.5rem;font-weight:800;color:var(--secondary)}
.nav-links{display:flex;gap:24px}.nav-links a{text-decoration:none;color:var(--text);font-weight:600}
.nav-buttons{display:flex;gap:12px}
.btn{display:inline-block;padding:14px 24px;border-radius:14px;text-decoration:none;font-weight:700}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}
.btn-secondary,.btn-login{background:#fff;border:1px solid var(--border);color:var(--secondary)}
.hero{padding:100px 0}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.hero-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.hero-logo{width:64px;height:64px}.hero-brand span{font-size:1.8rem;font-weight:800;color:var(--secondary)}
.badge{display:inline-block;padding:10px 18px;border-radius:999px;background:rgba(16,185,129,.12);color:var(--secondary);font-weight:700;margin-bottom:20px}
.hero h1{font-size:3.2rem;line-height:1.1;margin-bottom:20px}.hero p{color:var(--muted);margin-bottom:28px}.hero-buttons{display:flex;gap:16px}.hero-stats{display:flex;gap:30px;margin-top:35px}.hero-stats h3{font-size:1.8rem;color:var(--secondary)}
.dashboard-card{background:#fff;border-radius:24px;padding:28px;box-shadow:var(--shadow)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dashboard-brand{display:flex;align-items:center;gap:10px}.dashboard-logo{width:40px;height:40px}.dashboard-header span{background:rgba(16,185,129,.15);padding:8px 14px;border-radius:999px;color:var(--secondary);font-weight:700}
.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dashboard-box{background:#f8fafc;border:1px solid var(--border);border-radius:16px;padding:18px}.dashboard-box h4{color:var(--muted);font-size:.9rem}.dashboard-box p{font-size:1.6rem;font-weight:800;color:var(--secondary)}.chart-placeholder{margin-top:18px;height:220px;border-radius:18px;background:linear-gradient(135deg,var(--secondary),var(--primary));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}
.trusted{padding:70px 0;text-align:center}.trusted p{color:var(--muted);margin-bottom:22px}.trusted-logos{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.trusted-logos div{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px;font-weight:700;color:var(--secondary)}
.about,.features,.how-it-works,.benefits,.pricing,.testimonials,.faq,.contact{padding:90px 0}.section-header{text-align:center;max-width:760px;margin:0 auto 50px}.section-tag{display:inline-block;padding:10px 18px;border-radius:999px;background:rgba(245,158,11,.15);color:#b45309;font-weight:700;margin-bottom:16px}.section-header h2{font-size:2.5rem;margin-bottom:16px}.section-header p{color:var(--muted)}
.feature-grid,.steps-grid,.benefits-grid,.pricing-grid,.testimonial-grid{display:grid;gap:24px}.feature-grid{grid-template-columns:repeat(4,1fr)}.steps-grid,.benefits-grid,.pricing-grid,.testimonial-grid{grid-template-columns:repeat(3,1fr)}
.feature-card,.step-card,.benefit-item,.pricing-card,.testimonial-card,.faq-item{background:#fff;border:1px solid var(--border);border-radius:22px;padding:28px;box-shadow:0 8px 20px rgba(15,118,110,.06)}.feature-card .icon{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,var(--primary),var(--secondary));display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;margin-bottom:18px}.feature-card h3,.step-card h3,.benefit-item h3,.pricing-card h3{color:var(--secondary);margin-bottom:12px}.step-number{width:52px;height:52px;border-radius:50%;background:var(--secondary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;margin-bottom:16px}
.pricing-card{text-align:center}.pricing-card.featured{border:2px solid var(--primary);transform:translateY(-6px)}.price{font-size:2.2rem;font-weight:800;color:var(--secondary);margin:18px 0}.price span{font-size:1rem;color:var(--muted)}.pricing-card ul{list-style:none;margin:18px 0}.pricing-card li{padding:8px 0;color:var(--muted)}
.cta{padding:90px 0;background:linear-gradient(135deg,var(--secondary),var(--primary));color:#fff}.cta-content{text-align:center}.cta h2{font-size:2.4rem;margin-bottom:16px}.cta p{margin-bottom:24px}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:32px}.contact-form input,.contact-form textarea{width:100%;padding:16px;border:1px solid var(--border);border-radius:14px;margin-bottom:16px;font-family:inherit}.contact-info{background:#fff;border:1px solid var(--border);border-radius:22px;padding:28px}.contact-info h3{color:var(--secondary);margin-bottom:12px}
.footer{background:var(--secondary);color:#fff}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px;padding:60px 0}.footer-logo{width:70px;margin-bottom:14px}.footer-links h4{color:var(--accent);margin-bottom:12px}.footer-links a{display:block;color:rgba(255,255,255,.85);text-decoration:none;margin-bottom:8px}.footer-bottom{text-align:center;padding:20px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.75)}
@media(max-width:992px){.nav-links{display:none}.hero-container,.contact-grid{grid-template-columns:1fr}.feature-grid,.steps-grid,.benefits-grid,.pricing-grid,.testimonial-grid{grid-template-columns:repeat(2,1fr)}.trusted-logos{grid-template-columns:repeat(3,1fr)}.footer-content{grid-template-columns:1fr;text-align:center}}
@media(max-width:768px){.hero h1{font-size:2.3rem}.hero-stats{flex-direction:column}.dashboard-grid,.feature-grid,.steps-grid,.benefits-grid,.pricing-grid,.testimonial-grid,.trusted-logos{grid-template-columns:1fr}.section-header h2{font-size:2rem}}