*{box-sizing:border-box}body{margin:0;background:#f4f3ee;color:#14243a;font:17px/1.65 system-ui,sans-serif}header,main,footer{max-width:1120px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ccd2d5}a{color:#145c6e}nav{display:flex;gap:20px;flex-wrap:wrap}h1{font-size:clamp(36px,6vw,68px);line-height:1.08;letter-spacing:-2px;max-width:850px}h2{font-size:30px}p{max-width:780px}.eyebrow{color:#176b69;font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:13px}.intro{padding:36px 0}.note{border-left:4px solid #16857c;padding:14px 22px;background:#e4eeea}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:22px}figure{margin:0;background:white;border:1px solid #d8dcd9;border-radius:12px;overflow:hidden}figure img{width:100%;height:270px;object-fit:contain;background:#121d2d}figcaption{padding:18px}small{display:block;color:#536171}footer{border-top:1px solid #ccd2d5;font-size:14px}code{overflow-wrap:anywhere}@media(max-width:600px){header{display:block}nav{margin-top:14px}header,main,footer{padding:20px}}