*{box-sizing:border-box}body{margin:0;font-family:Arial;color:#123;background:#fff}header{height:70px;background:#0758b7;color:#fff;padding:0 7%;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}header b{font-size:28px;font-style:italic}header a{color:#fff;text-decoration:none;margin-left:18px}.hero{padding:100px 8%;min-height:500px;background:linear-gradient(135deg,#e9f4ff,#fff)}.hero p{color:#0758b7;font-weight:bold;letter-spacing:2px}.hero h1{font-size:65px;margin:15px 0}.hero h2{font-size:22px}.hero a,.contact a{display:inline-block;background:#0758b7;color:#fff;padding:14px 24px;border-radius:8px;text-decoration:none;margin-top:18px}section{padding:60px 8%}h2{text-align:center;font-size:32px}#grid,.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.card,.cards div{padding:22px;border:1px solid #d7e2ef;border-radius:14px;box-shadow:0 5px 15px #dde7f2}.pic{width:100%;min-height:240px;height:240px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:55px;overflow:hidden;padding:10px}.pic img{width:100%;height:220px;max-width:100%;max-height:100%;object-fit:contain;display:block}.price{color:#0758b7;font-weight:bold;font-size:20px}.contact{text-align:center;background:#082b50;color:white}footer{text-align:center;background:#061b32;color:#fff;padding:20px}