:root{--teal:#0e7c7b;--teal-dark:#095e5d;--ink:#16211f;--muted:#5a6b68;--bg:#ffffff;--soft:#eef7f6;--line:#d9e8e6;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}
img{max-width:100%;display:block}a{color:var(--teal-dark)}
.banner{background:var(--ink);color:#fff;text-align:center;padding:.55rem 1rem;font-size:.85rem;font-weight:600}
header.site{position:sticky;top:0;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);z-index:20}
.nav{max-width:1120px;margin:auto;display:flex;align-items:center;gap:1rem;padding:.7rem 1rem;flex-wrap:wrap}
.brand{font-weight:800;font-size:1.25rem;color:var(--ink);text-decoration:none}.brand span{color:var(--teal)}
.nav nav{margin-left:auto;display:flex;gap:1rem;flex-wrap:wrap}.nav nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:.95rem}
.lang{border:2px solid var(--teal);color:var(--teal-dark);padding:.3rem .7rem;border-radius:999px;text-decoration:none;font-weight:700}
.wrap{max-width:1120px;margin:auto;padding:0 1rem}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:2rem;align-items:center;padding:2.5rem 0 2rem}
.hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.05;margin:.4rem 0}
.hero h1 em{color:var(--teal);font-style:normal}
.eyebrow{color:var(--teal);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}
.badge{display:inline-flex;align-items:center;gap:.45rem;background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:.35rem .8rem;font-weight:700;font-size:.9rem}
.dot{width:10px;height:10px;border-radius:50%;background:#c0392b}.dot.open{background:#1a9e54}
.hero-media{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 18px 40px rgba(14,124,123,.18)}
.hero-media img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
#sprinkle{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.mote{position:absolute;top:-12px;width:7px;height:11px;border-radius:60% 40% 55% 45%;background:var(--teal);opacity:0}
.mote.pale{background:#bfe3df}.mote.white{background:#fff;border:1px solid var(--line)}
@keyframes fall{0%{transform:translateY(0) rotate(0deg);opacity:0}12%{opacity:.95}100%{transform:translateY(420px) rotate(160deg);opacity:0}}
.mote.go{animation:fall 2.6s ease-in forwards}
.cta{display:inline-block;background:var(--teal);color:#fff;padding:.8rem 1.4rem;border-radius:999px;text-decoration:none;font-weight:800;margin-top:1rem}
.cta.alt{background:#fff;color:var(--teal-dark);border:2px solid var(--teal);margin-left:.5rem}
section{padding:2.2rem 0}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.1rem}
.card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;display:flex;flex-direction:column}
.card img{aspect-ratio:4/3;object-fit:cover;width:100%}
.card .body{padding:1rem;display:flex;flex-direction:column;gap:.4rem;flex:1}
.price{color:var(--teal-dark);font-weight:800;font-size:1.1rem}
.add{margin-top:auto;background:var(--soft);border:1.5px solid var(--teal);color:var(--teal-dark);border-radius:999px;padding:.5rem 1rem;font-weight:700;cursor:pointer}
.add[aria-pressed="true"]{background:var(--teal);color:#fff}
.chips{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}
.chip{border:1.5px solid var(--line);background:#fff;border-radius:999px;padding:.45rem 1rem;font-weight:700;cursor:pointer}
.chip[aria-pressed="true"]{background:var(--teal);color:#fff;border-color:var(--teal)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
form{display:grid;gap:.7rem}input,textarea,select{padding:.7rem;border:1px solid var(--line);border-radius:10px;font:inherit;width:100%}
button.send{background:var(--teal);color:#fff;border:0;border-radius:999px;padding:.85rem 1.4rem;font-weight:800;cursor:pointer;font-size:1rem}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
footer{background:var(--soft);padding:2rem 0;margin-top:2rem}
.kicker{background:var(--soft);border-radius:var(--radius);padding:1.2rem}
@media(max-width:760px){.hero,.grid2{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}