/* HERO */
.hero{
    padding:10rem 4rem 5rem;
    text-align:center;
  }
  .hero h1{
    font-family:"Playfair Display";
    font-size:3rem;
  }
  .hero p{
    max-width:700px;
    margin:1rem auto;
    color:var(--text-2);
    line-height:1.7;
  }
  
  /* SECTION */
  .section{
    padding:4rem;
  }
  .grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:2rem;
  }
  .card{
    background:var(--card);
    padding:2rem;
    border:1px solid var(--border);
    border-radius:12px;
    box-shadow:var(--shadow);
  }
  .card h3{
    font-family:"Playfair Display";
    margin-bottom:0.8rem;
  }
  :root{
    --bg:#F4F6F9;
    --card:#fff;
    --primary:#2C5F8A;
    --primary-h:#1E4A72;
    --text:#1A2635;
    --text-2:#3D5166;
    --muted:#6B8296;
    --border:#D0D9E4;
    --shadow:0 10px 30px rgba(44,95,138,0.12);
  }
  
  *{margin:0;padding:0;box-sizing:border-box;}
  body{
    font-family:Inter,sans-serif;
    background:var(--bg);
    color:var(--text);
  }