/* styles.css - Horizon Life Solutions */
:root{
  --accent: #0ea5a4;
  --accent-2: #6366f1;
  --bg: #f8fafc;
  --text: #0f172a;
}
*{box-sizing:border-box}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial; margin:0; color:var(--text); background:var(--bg); -webkit-font-smoothing:antialiased;}
.container{max-width:1100px;margin:0 auto;padding:28px;}
.header{display:flex;align-items:center;justify-content:space-between;padding:14px 0;}
.brand{display:flex;align-items:center;gap:14px;}
.logo{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,var(--accent-2),var(--accent));color:white;font-weight:700;}
.nav a{margin-left:18px;text-decoration:none;color:rgba(15,23,42,0.75)}
.hero{display:grid;grid-template-columns:1fr 420px;gap:30px;align-items:center;padding:36px 0;}
h1{font-size:36px;margin:0;line-height:1.05;}
.lead{color:rgba(15,23,42,0.7);margin-top:12px;font-size:17px;}
.buttons{margin-top:18px;display:flex;gap:12px}
.btn{padding:12px 18px;border-radius:10px;text-decoration:none;display:inline-block}
.btn-primary{background:linear-gradient(90deg,var(--accent-2),var(--accent));color:white}
.btn-outline{border:1px solid rgba(15,23,42,0.08);background:white}
.contact-line{margin-top:14px;color:rgba(15,23,42,0.6);font-size:14px}
.photo-wrap{width:100%;display:flex;justify-content:center;}
.photo{width:420px;height:540px;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(2,6,23,0.08);object-fit:cover;filter:grayscale(100%)}
.section{background:white;padding:28px;border-radius:12px;margin-top:20px;box-shadow:0 6px 20px rgba(2,6,23,0.04)}
.grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
.card{padding:16px;border-radius:10px;background:linear-gradient(180deg, #ffffff, #fbfdff);box-shadow:0 6px 16px rgba(2,6,23,0.03)}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}
footer{margin-top:26px;padding:18px 0;color:rgba(2,6,23,0.45);font-size:14px;display:flex;justify-content:space-between;align-items:center}
.form label{display:block;margin-bottom:8px;font-size:14px}
.form input,.form textarea{width:100%;padding:10px;border:1px solid #e6eef6;border-radius:8px}
.form button{margin-top:8px;padding:10px 14px;background:linear-gradient(90deg,var(--accent-2),var(--accent));color:white;border:none;border-radius:8px;cursor:pointer}
@media(max-width:880px){
  .hero{grid-template-columns:1fr; padding-bottom:6px}
  .photo{width:320px;height:420px}
  .grid{grid-template-columns:1fr}
  .services,.reviews{grid-template-columns:1fr}
}