*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f7f4ed;color:#17202a}header{background:#111b2b;color:white;padding:20px 6%;display:flex;justify-content:space-between;align-items:center}header b{font-size:22px}header span,small{color:#d8b56a}header a{color:white;text-decoration:none}.hero{background:linear-gradient(135deg,#111b2b,#2d4b62);color:white;padding:90px 6%;min-height:520px}.hero h1{font-size:clamp(44px,7vw,76px);max-width:800px;margin:15px 0}.hero p{font-size:20px;line-height:1.6;max-width:650px;color:#dbe3ea}.btn{display:inline-block;background:#1faa59;color:white;padding:15px 22px;border-radius:10px;text-decoration:none;font-weight:bold;margin-top:15px}section:not(.hero){max-width:1100px;margin:auto;padding:70px 6%}h2{font-size:42px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid article{background:white;padding:28px;border-radius:16px;box-shadow:0 8px 30px #00000012;font-size:32px}.grid h3{font-size:22px}.grid p,.book p{font-size:16px;line-height:1.6;color:#5c6873}.book{background:#e8dfc9;border-radius:18px;margin-bottom:70px!important}footer{background:#111b2b;color:#dbe3ea;text-align:center;padding:35px}@media(max-width:700px){.grid{grid-template-columns:1fr}.hero{padding-top:65px}h2{font-size:34px}}