:root{--bg: #f7fafc;--card: #ffffff;--primary: #2563eb;--accent: #06b6d4;--muted: #6b7280;--radius: 14px;--max-w: 1100px}*{box-sizing:border-box}body{font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0;background:linear-gradient(180deg,#f8fafc,#eef2f7);color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--max-w);margin:0 auto;padding:40px 20px}.header{background:transparent;padding:18px 20px;position:sticky;top:0;z-index:30}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{display:flex;align-items:center;gap:12px}.logo img{width:48px;height:48px;border-radius:12px}.logo h1{font-size:20px;margin:0}.menu{display:flex;gap:18px;align-items:center}.menu a{color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:10px}.menu a:hover{background:#0d2a940f;color:var(--primary)}.hero{background:transparent;padding:40px 0;display:flex;gap:30px;align-items:center}.hero-left{flex:1}.cta{display:inline-flex;gap:12px;align-items:center;padding:12px 18px;background:var(--primary);color:#fff;border-radius:12px;text-decoration:none}.section{background:transparent;padding:48px 0}.card{background:var(--card);padding:20px;border-radius:var(--radius);box-shadow:0 6px 18px #1018280f}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px}.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.footer{background:linear-gradient(180deg,#0b1220,#071026);color:#e6eef8;padding:28px 0;margin-top:40px}.footer .container{display:flex;justify-content:space-between;align-items:center}.footer .address{font-size:14px;color:#cfe8ff}a.btn-secondary{display:inline-block;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);color:#e6eef8;text-decoration:none}@media (max-width:800px){.nav{flex-direction:column;align-items:flex-start}.hero{flex-direction:column}}