/* SophieCare Landing – handcrafted, modern and clean */
:root{
  --bg: #ffffff;
  --text: #1f2937; /* gray-800 */
  --muted: #6b7280; /* gray-500 */
  --primary: #6d28d9; /* purple-700 */
  --primary-600: #7c3aed; /* purple-600 */
  --primary-100: #ede9fe; /* purple-100 */
  --accent: #9b5cf6;
  --card: #ffffff;
  --shadow: 0 20px 35px rgba(109,40,217,.15);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;font-family:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif;color:var(--text);background:var(--bg);}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{max-width:1100px;margin:0 auto;padding:0 20px}

/* Nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid #eee}
.nav__inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.brand{display:flex;align-items:center;gap:10px}
.brand__logo{width:152px;height:62px;border-radius:8px}
.brand__name{font-weight:700;font-size:1.1rem;color:var(--primary)}
.menu{display:flex;gap:22px;align-items:center}
.menu a{opacity:.85}
.menu a:hover{opacity:1;color:var(--primary)}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:12px 18px;font-weight:600;transition:.2s ease;box-shadow:none;border:1px solid transparent}
.btn--primary{background:var(--primary);color:#fff;box-shadow:var(--shadow)}
.btn--primary:hover{transform:translateY(-1px);background:var(--primary-600)}
.btn--secondary{border-color:var(--primary-100);background:#fff}
.btn--secondary:hover{border-color:var(--primary-600);color:var(--primary-600)}
.btn--ghost{border-color:transparent}
.menu__toggle{display:none;background:transparent;border:none;font-size:24px}
.menu--mobile{display:none;flex-direction:column;padding:12px 20px;border-bottom:1px solid #eee;background:#fff}
.menu--mobile a{padding:10px 0}

/* Hero */
.hero{position:relative;background:linear-gradient(180deg,#ffffff 0%,#f7f3ff 40%,#f2ecff 100%)}
.hero__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:80px 0}
.hero h1{font-size:48px;line-height:1.1;margin:0 0 16px}
.hero p{font-size:18px;color:var(--muted);margin:0 0 22px}
.accent{color:var(--primary)}
.cta{display:flex;gap:12px;margin:10px 0 24px}
.trust{display:flex;gap:20px;flex-wrap:wrap}
.trust__item{background:#fff;border:1px solid #eee;border-radius:14px;padding:10px 14px;font-size:14px;color:#4b5563}
.kpi{color:var(--primary);font-weight:700}
.hero__art{display:flex;justify-content:center}
.mockup{width:340px;background:#fff;border-radius:24px;border:1px solid #eee;box-shadow:var(--shadow);padding:16px}
.mockup__header{height:16px;border-radius:8px;background:linear-gradient(90deg,#ede9fe,#fff)}
.mockup__chart{height:120px;border-radius:14px;margin:14px 0;background:linear-gradient(135deg,#ede9fe 0%, #c4b5fd 100%)}
.mockup__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.card.mini{padding:12px;border:1px solid #eee;border-radius:14px}
.pill{width:40px;height:10px;border-radius:999px;margin-bottom:8px}
.pill--good{background:#22c55e}
.pill--warn{background:#f59e0b}
.pill--ok{background:#3b82f6}
.l1,.l2{height:8px;background:#f3f4f6;border-radius:6px;margin:6px 0}
.hero__wave{height:70px;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(109,40,217,.06));}

/* Sections */
.section{padding:80px 0}
.section--alt{background:#faf8ff}
.section h2{font-size:34px;margin:0 0 10px}
.section__lead{color:var(--muted);margin-bottom:28px}
.grid{display:grid;gap:22px}
.g2{grid-template-columns:repeat(2,1fr)}
.g3{grid-template-columns:repeat(3,1fr)}
.card{background:var(--card);border:1px solid #eee;border-radius:18px;padding:24px;box-shadow:var(--shadow)}
.card h3{margin-top:0}
.icon{font-size:28px}
.bullets{padding-left:18px}
.bullets li{margin:8px 0;color:#4b5563}
.mt{margin-top:18px}
.stat{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.stat__num{font-size:38px;color:var(--primary);font-weight:700}
.stat__label{color:var(--muted)}
.highlight{background:linear-gradient(135deg,#ede9fe,#ffffff);border-color:#e9d5ff}

/* Contact */
.contact{display:flex;flex-direction:column;gap:14px}
.contact__row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{display:flex;flex-direction:column;gap:8px}
.field input,.field textarea{border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;font:inherit}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px rgba(109,40,217,.1)}

/* Footer */
.footer{border-top:1px solid #eee;background:#fff}
.footer__inner{display:flex;align-items:center;justify-content:space-between;padding:24px 0;color:#6b7280}
.link{color:var(--primary)}

/* Responsive */
@media (max-width: 960px){
  .hero__inner{grid-template-columns:1fr;gap:28px;padding:60px 0}
  .g3{grid-template-columns:1fr}
  .g2{grid-template-columns:1fr}
  .contact__row{grid-template-columns:1fr}
  .menu{display:none}
  .menu__toggle{display:block}
}

.menu--mobile.open{display:flex}