:root{
  --primary:#1976D2;
  --primary-700:#0D47A1;
  --accent:#03A9F4;
  --bg:#f7fbff;
  --text:#1a1a1a;
  --muted:#6b7280;
  --container:1100px;
  font-family: "Roboto", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial;
}

*{box-sizing:border-box}
body{margin:0;color:var(--text);background:linear-gradient(180deg, #ffffff 0%, var(--bg) 100%);-webkit-font-smoothing:antialiased}
.container{max-width:var(--container);margin:0 auto;padding:2rem}

.site-header{background:transparent;padding:.8rem 0}
.header-inner{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:1rem}
.logo{height:48px}
.brand-text h1{margin:0;font-size:1.25rem;color:var(--primary-700)}
.tagline{margin:0;font-size:.9rem;color:var(--muted)}

.nav-actions{display:flex;gap:.6rem;align-items:center}
.btn{display:inline-block;padding:.6rem 1rem;border-radius:8px;font-weight:500;text-decoration:none;cursor:pointer;border:1px solid transparent}
.btn-primary{background:var(--primary);color:white}
.btn-outline{background:transparent;color:var(--primary-700);border-color:var(--primary-700)}
.btn.large{padding:1rem 1.2rem;font-size:1.05rem}
.btn:focus{outline:3px solid rgba(25,118,210,0.18)}

.hero{padding:3.5rem 0}
.hero-inner{display:flex;align-items:center;gap:2rem}
.hero-text{flex:1}
.hero-text h2{font-size:2rem;margin:0 0 .5rem;color:var(--primary-700)}
.lead{color:var(--muted);font-size:1.05rem;margin-bottom:1rem}

.hero-illustration{width:360px;flex:0 0 360px;text-align:center}

.features{padding:2.5rem 0}
.section-title{font-size:1.2rem;margin:0 0 1rem;color:var(--primary-700)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.card{background:white;border-radius:10px;padding:1.2rem;box-shadow:0 6px 18px rgba(15,23,42,.06)}
.card h4{margin:0 0 .5rem;color:var(--primary-700)}
.card p{margin:0;color:var(--muted)}

.contact{padding:2.5rem 0;background:transparent}
.contact-grid{display:grid;grid-template-columns:1fr 320px;gap:1.2rem;align-items:start}
.contact-form{background:white;border-radius:10px;padding:1rem;box-shadow:0 6px 18px rgba(15,23,42,.04)}
.contact-form label{display:block;font-size:.9rem;color:var(--muted);margin-bottom:.5rem}
.contact-form input,.contact-form textarea{width:100%;padding:.6rem;border-radius:8px;border:1px solid #e6eef8;margin-bottom:.8rem;font-size:0.95rem}
.contact-form textarea{min-height:120px;resize:vertical}
.form-actions{display:flex;gap:.6rem;align-items:center}
.contact-result{margin-top:.6rem;font-size:.95rem;color:var(--muted)}

.contact-info{background:transparent;padding:1rem}
.contact-info h4{margin-top:0;color:var(--primary-700)}

.site-footer{border-top:1px solid #e8eef8;padding:1rem 0;margin-top:2rem;background:transparent}
.footer-inner{display:flex;justify-content:space-between;align-items:center}
.footer-links a{margin-left:1rem;color:var(--muted);text-decoration:none}

@media (max-width:900px){
  .hero-inner{flex-direction:column-reverse;text-align:center}
  .hero-illustration{width:100%;max-width:320px}
  .cards{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .nav-actions{gap:.4rem}
}