
:root{
  --color-primary: #1E6FFF;
  --color-secondary: #0EA5A4;
  --color-accent: #FFB020;
  --color-bg: #F7FAFC;
  --color-text: #0F172A;
  --max-width: 1100px;
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:var(--color-bg);color:var(--color-text);font-family: system-ui, -apple-system, "Segoe UI", Roboto, Inter, Arial, sans-serif;line-height:1.5}
.container{max-width:var(--max-width);margin:0 auto;padding:2rem}
.header{position:fixed;left:0;right:0;top:0;background:rgba(255,255,255,0.85);backdrop-filter:blur(6px);border-bottom:1px solid rgba(15,23,42,0.06);}
.header .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 2rem}
.logo-row{display:flex;align-items:center;gap:.75rem}
.logo-row img{height:44px}
.nav{display:flex;gap:1rem;align-items:center}
.nav a{text-decoration:none;color:var(--color-text);padding:.5rem .75rem;border-radius:6px}
.cta{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));color:white;padding:.6rem .9rem;border-radius:8px;box-shadow:0 6px 18px rgba(14,165,164,0.12)}
main{padding-top:92px}

/* Hero */
.hero{padding:4rem 0;display:grid;grid-template-columns:1fr 420px;gap:2rem;align-items:center}
.hero h1{font-size:2rem;margin-bottom:.5rem}
.hero p{color:rgba(15,23,42,0.78);margin-bottom:1rem}

/* Cards */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}
.card{background:white;border-radius:12px;padding:1.25rem;box-shadow:0 6px 20px rgba(2,6,23,0.04);}

/* Testimonials */
.testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem}
.testimonial{background:linear-gradient(180deg,rgba(255,255,255,0.9),white);padding:1rem;border-radius:12px;border:1px solid rgba(15,23,42,0.04);}

/* Footer */
.footer{margin-top:2rem;padding:2rem 0;background:transparent;border-top:1px solid rgba(15,23,42,0.04)}
.footer .grid{display:grid;grid-template-columns:1fr 300px;gap:2rem}

/* Forms */
form label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.35rem}
input[type="text"],input[type="email"],select,textarea{width:100%;padding:.6rem .75rem;border-radius:8px;border:1px solid rgba(15,23,42,0.08);margin-bottom:.75rem}
button[type="submit"]{background:var(--color-accent);color:white;padding:.6rem .9rem;border-radius:8px;border:0}

/* Misc */
.kv{font-weight:700}
.small{font-size:.85rem;color:rgba(15,23,42,0.6)}

/* Responsive */
@media (max-width:900px){
  .hero{grid-template-columns:1fr;}
  .header .container{padding:0.75rem 1rem}
}
