:root{--teal:#0d6e6e;--teal-d:#084848;--coral:#e07a5f;--maroon:#7a1f2b;--cream:#fff6ec;--mint:#5ff2c4}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Montserrat,system-ui,sans-serif;color:#1d2b2b;background:var(--cream);line-height:1.6}
a{color:inherit}img{max-width:100%;display:block}
.wrap{width:min(1100px,92%);margin:auto}
header{background:var(--teal-d);color:#fff;position:sticky;top:0;z-index:10}
.nav{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;gap:.5rem;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-weight:800;font-size:.95rem}
.brand img{width:40px;height:40px;border-radius:50%}
.nav ul{list-style:none;display:flex;gap:.9rem;flex-wrap:wrap;font-size:.85rem;font-weight:600}
.nav ul a{text-decoration:none}.nav ul a:hover{color:var(--coral)}
.hero{background:linear-gradient(135deg,var(--teal),var(--teal-d) 60%,var(--maroon));color:#fff;padding:3rem 0;text-align:center}
.hero img{width:150px;margin:0 auto 1rem;border-radius:50%;box-shadow:0 6px 30px #0006}
.hero h1{font-size:clamp(1.8rem,6vw,3.2rem);font-weight:800;line-height:1.15}
.hero h1 span{color:var(--coral)}
.tag{font-size:1.15rem;margin:.8rem 0 1.5rem;color:var(--mint);font-weight:600}
.btn{display:inline-block;background:var(--coral);color:#fff;padding:.8rem 1.4rem;border-radius:40px;font-weight:700;text-decoration:none;margin:.3rem}
.btn.alt{background:transparent;border:2px solid #fff}
section{padding:3rem 0}h2{color:var(--maroon);font-size:1.7rem;margin-bottom:1.2rem;text-align:center}
.grid{display:grid;gap:1rem;grid-template-columns:1fr}
.card{background:#fff;border-radius:14px;padding:1.3rem;border-top:5px solid var(--teal);box-shadow:0 3px 14px #0001}
.card h3{color:var(--teal)}.card:nth-child(3n+2){border-color:var(--coral)}.card:nth-child(3n){border-color:var(--maroon)}
.chips{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}
.chips span{background:var(--teal);color:#fff;padding:.5rem 1rem;border-radius:30px;font-weight:600;font-size:.9rem}
.chips span:nth-child(3n+2){background:var(--coral)}.chips span:nth-child(3n){background:var(--maroon)}
.alt-bg{background:#fff}
.center{text-align:center}
.social{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.social a{display:flex;align-items:center;gap:.5rem;background:var(--teal-d);color:#fff;padding:.7rem 1.1rem;border-radius:12px;text-decoration:none;font-weight:600}
.social svg{width:22px;height:22px;fill:currentColor}
footer{background:var(--teal-d);color:#cfe;text-align:center;padding:1.5rem 0;font-size:.85rem}
@media(min-width:700px){.grid{grid-template-columns:repeat(2,1fr)}.hero{padding:5rem 0}}
@media(min-width:1000px){.grid.three{grid-template-columns:repeat(3,1fr)}}