:root{--primary: #1a56db;--primary-dark: #1442a8;--primary-light: #e8eefb;--text: #4b5563;--text-dark: #111827;--bg: #ffffff;--bg-alt: #f9fafb;--border: #e5e7eb;--accent: #10b981}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{color:var(--text-dark);font-weight:700;line-height:1.2}.navbar{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;max-width:1200px;margin:0 auto}.navbar .logo{font-size:1.25rem;font-weight:700;color:var(--primary);text-decoration:none}.navbar .logo span{color:var(--text-dark)}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{text-decoration:none;color:var(--text);font-weight:500;font-size:.95rem;transition:color .2s}.nav-links a:hover{color:var(--primary)}.nav-contact-btn{background:var(--primary);color:#fff;padding:10px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.95rem;transition:background .2s}.nav-contact-btn:hover{background:var(--primary-dark)}.hero{text-align:center;padding:80px 5% 60px;max-width:900px;margin:0 auto}.hero h1{font-size:3.25rem;margin-bottom:20px;letter-spacing:-1px}.hero h1 .highlight{color:var(--primary)}.hero p{font-size:1.2rem;color:var(--text);max-width:650px;margin:0 auto 36px}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-primary{background:var(--primary);color:#fff;padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:background .2s;border:none;cursor:pointer}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:transparent;color:var(--primary);padding:14px 32px;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;border:2px solid var(--primary);cursor:pointer;transition:background .2s}.btn-secondary:hover{background:var(--primary-light)}.services{padding:80px 5%;background:var(--bg-alt)}.services .section-header{text-align:center;max-width:600px;margin:0 auto 48px}.services .section-header h2{font-size:2.25rem;margin-bottom:12px}.services .section-header p{font-size:1.1rem}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1200px;margin:0 auto}.service-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:32px;transition:box-shadow .2s,transform .2s}.service-card:hover{box-shadow:0 10px 30px #00000014;transform:translateY(-2px)}.service-icon{width:48px;height:48px;background:var(--primary-light);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:20px}.service-card h3{font-size:1.25rem;margin-bottom:10px}.service-card p{font-size:.95rem;line-height:1.7}.about{padding:80px 5%;max-width:1200px;margin:0 auto}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-text h2{font-size:2.25rem;margin-bottom:16px}.about-text p{font-size:1.05rem;margin-bottom:16px;line-height:1.8}.about-stats{display:grid;grid-template-columns:1fr 1fr;gap:24px}.stat-card{background:var(--bg-alt);border-radius:12px;padding:28px;text-align:center}.stat-card .number{font-size:2rem;font-weight:700;color:var(--primary);display:block}.stat-card .label{font-size:.9rem;color:var(--text);margin-top:4px;display:block}.contact{padding:80px 5%;background:var(--bg-alt)}.contact .section-header{text-align:center;max-width:600px;margin:0 auto 48px}.contact .section-header h2{font-size:2.25rem;margin-bottom:12px}.contact-form{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.contact-form input,.contact-form textarea{padding:14px 18px;border:1px solid var(--border);border-radius:8px;font-size:1rem;font-family:inherit;background:var(--bg);color:var(--text-dark);outline:none;transition:border-color .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--primary)}.contact-form textarea{min-height:140px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.footer{padding:40px 5%;text-align:center;border-top:1px solid var(--border)}.footer p{font-size:.9rem;color:var(--text)}@media (max-width: 768px){.navbar{flex-direction:column;gap:16px}.nav-links{gap:20px}.hero h1{font-size:2.25rem}.hero p{font-size:1rem}.about-content{grid-template-columns:1fr;gap:40px}.form-row{grid-template-columns:1fr}.services .section-header h2,.about-text h2,.contact .section-header h2{font-size:1.75rem}}
