*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.7 "Lucida Sans","Lucida Grande","Lucida Sans Unicode",sans-serif;color:#24353a;background:#fffaf0}
a{color:#0f6f71}
.gp-h{position:sticky;top:0;z-index:2;background:#0f8b8d;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.15)}
.gp-h div{max-width:1060px;margin:auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}
.gp-h strong{font-size:1.1rem;letter-spacing:.04em}
.gp-h nav a{color:#fff;text-decoration:none;margin-left:16px;font-size:.88rem}
.gp-sea{background:linear-gradient(180deg,#0f8b8d 0%,#4fb7b3 60%,#f6e7c8 100%);color:#fff;text-align:center;padding:70px 16px 90px}
.gp-sea h1{font-size:2.3rem;margin:0 0 10px;text-shadow:0 2px 6px rgba(0,0,0,.25)}
.gp-sea p{max-width:620px;margin:0 auto;font-size:1.05rem}
.gp-s{max-width:1060px;margin:auto;padding:46px 16px}
.gp-s h2{color:#ef6f5e;font-size:1.6rem;margin:0 0 12px}
.gp-duo{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}
.gp-duo img{width:100%;height:auto;border-radius:14px;box-shadow:0 6px 18px rgba(15,139,141,.25)}
.gp-sable{background:#f6e7c8}
.gp-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;padding:0;list-style:none}
.gp-list li{background:#fff;border-radius:12px;padding:16px;border-bottom:4px solid #ef6f5e}
.gp-list b{display:block;color:#0f6f71}
.gp-f{background:#0b5f61;color:#d6eeec;font-size:.8rem;text-align:center;padding:24px 16px}
.gp-f p{margin:4px auto;max-width:900px}
@media(max-width:700px){.gp-duo{grid-template-columns:1fr}.gp-sea h1{font-size:1.7rem}.gp-h nav a{margin:0 12px 0 0}}