:root{
  --pink:#d6336c;
  --green:#106c4a;
  --bg:#fff9fb;
  --muted:#6b6b6b;
  --radius:14px;
  --maxw:1100px;
}
*{box-sizing:border-box}
html,body{height:100%;}
body{
  margin:0;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
  background:var(--bg);
  color:#111;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  line-height:1.5;
}
a{color:inherit}
.container{max-width:var(--maxw);margin:0 auto;padding:28px;}
.header{display:flex;align-items:center;justify-content:space-between;padding:8px 0;}
.logo img{height:56px}
.nav a{margin-left:18px;text-decoration:none;color:var(--muted);font-weight:600}
.hero{
  display:grid;
  grid-template-columns: 1fr 440px;
  gap:32px;
  align-items:center;
  padding:48px 0;
}
.h-title{font-size:48px;color:var(--green);margin:6px 0 6px;line-height:1.05;font-family: Georgia, serif;}
.h-tag{color:var(--muted);font-weight:600;margin-bottom:16px;}
.cta{
  display:inline-block;padding:12px 20px;border-radius:12px;background:var(--green);color:#fff;text-decoration:none;font-weight:700;margin-top:16px;
  box-shadow:0 8px 30px rgba(16,108,74,0.12);
}
.hero-card{
  background:linear-gradient(180deg,#ffffff 0%, #fff 100%);
  border-radius:18px;
  padding:20px;
  box-shadow:0 18px 40px rgba(214,51,108,0.06);
}
.hero-card img{width:100%;height:auto;border-radius:14px;display:block}
.section{padding:48px 0;border-top:1px solid rgba(0,0,0,0.04);background:transparent}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
.card{background:#fff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 10px 30px rgba(16,108,74,0.04)}
.card h3{margin:12px 0 8px;color:var(--green)}
.footer{padding:28px 0;text-align:center;color:var(--muted);font-size:14px;border-top:1px solid rgba(0,0,0,0.04);margin-top:34px}

/* Responsive */
@media (max-width:900px){
  .hero{grid-template-columns: 1fr;gap:24px}
  .grid{grid-template-columns:repeat(1,1fr)}
  .nav{display:none}
  .h-title{font-size:36px}
  .logo img{height:48px}
  .container{padding:18px}
}