:root {
  --bg: #f7fbf9;
  --white: #fff;
  --text: #10251d;
  --muted: #5b6f68;
  --line: #dce9e3;
  --brand: #0f6e56;
  --brand-dark: #0a1f17;
  --brand-soft: #e4f4ee;
  --radius: 12px;
  --container: 1120px;
  --shadow: 0 10px 30px rgba(16,37,29,.08);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Segoe UI,Arial,sans-serif;color:var(--text);background:var(--white);line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%}ul{padding-left:18px}
h1,h2,h3,h4{line-height:1.2;margin:0 0 12px}p{margin:0 0 16px;color:var(--muted)}
.container{max-width:var(--container);margin:0 auto;padding:0 20px}.section{padding:72px 0}.section-alt{background:var(--bg)}
.btn{display:inline-block;padding:12px 20px;border-radius:10px;font-weight:600}.btn-primary{background:var(--brand);color:#fff}.btn-secondary{border:1px solid var(--line)}
.grid-2,.grid-3,.grid-4{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
body[dir="rtl"]{font-family:Tahoma,Arial,sans-serif}