*{box-sizing:border-box}body{margin:0;font:16px/1.7 system-ui,sans-serif;color:#233c30;background:#fafaf6}a{color:inherit}header,footer,main{max-width:1200px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ddd}header>a{font-size:24px;font-weight:bold;text-decoration:none}small{display:block;font-size:11px}nav{display:flex;gap:16px;align-items:center}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}article{background:#fff;padding:16px;border:1px solid #e3e8de}article img{width:100%;aspect-ratio:1;object-fit:contain}article h2{font-size:16px}article a{text-decoration:none}.product{display:grid;grid-template-columns:1fr 1.2fr;gap:36px}.hero{width:100%;max-height:600px;object-fit:contain;background:white}h1{font-size:30px;line-height:1.4}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:10px;text-align:left;border-bottom:1px solid #ddd}.cta{display:inline-block;background:#174f39;color:white;padding:14px 22px;margin:22px 0;text-decoration:none}.note{color:#687368;font-size:13px}footer{border-top:1px solid #ddd;margin-top:40px;font-size:13px}@media(max-width:700px){header{flex-wrap:wrap}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product{grid-template-columns:1fr}h1{font-size:25px}main,header,footer{padding:18px}table{font-size:12px}}