:root{--aqua:#18a7b5;--deep:#0b5563;--white:#fff;--grout:#d7eef0;--sun:#ffd166;--ink:#123}
*{box-sizing:border-box}body{margin:0;font-family:"Readex Pro",sans-serif;color:var(--ink);background:#f4fbfb}
header{display:flex;justify-content:space-between;align-items:center;padding:16px 5vw;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);position:sticky;top:0;z-index:5}
.lg{font-family:"Gabarito",sans-serif;font-weight:800;font-size:1.3rem}.lg span{background:var(--aqua);color:#fff;padding:2px 10px;border-radius:10px;margin-right:4px}
.ph{background:var(--deep);color:#fff;padding:10px 16px;border-radius:12px;text-decoration:none;font-weight:600}
.hero{position:relative;min-height:72vh;display:flex;align-items:center;padding:8vh 5vw}
.tiles{position:absolute;inset:0;background-color:#e9f7f8;background-image:linear-gradient(var(--grout) 3px,transparent 3px),linear-gradient(90deg,var(--grout) 3px,transparent 3px);background-size:90px 45px,90px 45px;background-position:0 0,45px 0;overflow:hidden}
.bubbles i{position:absolute;bottom:-60px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff,rgba(24,167,181,.25));border:1px solid rgba(255,255,255,.9);animation:up 9s linear infinite}
.bubbles i:nth-child(1){left:55%;width:60px;height:60px}.bubbles i:nth-child(2){left:70%;width:30px;height:30px;animation-delay:2s}.bubbles i:nth-child(3){left:82%;width:80px;height:80px;animation-delay:4s}.bubbles i:nth-child(4){left:62%;width:20px;height:20px;animation-delay:6s}.bubbles i:nth-child(5){left:90%;width:40px;height:40px;animation-delay:1s}.bubbles i:nth-child(6){left:76%;width:50px;height:50px;animation-delay:7s}
@keyframes up{to{transform:translateY(-90vh);opacity:.2}}
.card{position:relative;background:#fff;border-radius:28px;padding:40px;max-width:560px;box-shadow:0 24px 50px rgba(11,85,99,.15)}
.kk{color:var(--aqua);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}
h1{font-family:"Gabarito";font-weight:800;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.02;margin:.15em 0;color:var(--deep)}
.rt{display:flex;align-items:center;gap:10px;margin:18px 0}.rt b{font-family:"Gabarito";font-size:2.2rem}.rt span{color:#f4a300}.rt small{color:#567}
.btn{display:inline-block;background:var(--aqua);color:#fff;font-weight:700;padding:15px 26px;border-radius:14px;text-decoration:none;box-shadow:0 6px 0 var(--deep)}
.btn.white{background:#fff;color:var(--deep);box-shadow:0 6px 0 rgba(0,0,0,.2)}
.svc{padding:7vh 5vw;text-align:center}.svc h2,.rv h2{font-family:"Gabarito";font-size:2.2rem;color:var(--deep);margin-top:0}
.chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.chips span{background:#fff;border:2px solid var(--aqua);border-radius:999px;padding:10px 18px;font-weight:600}
.hint{color:#567}
.rv{padding:6vh 5vw 8vh;background:#fff}.chat{display:flex;flex-direction:column;gap:18px;max-width:820px;margin:0 auto}
.bub{background:#e9f7f8;border-radius:22px 22px 22px 6px;padding:20px 24px;max-width:85%}.bub.b1,.bub.b3{align-self:flex-end;background:var(--deep);color:#fff;border-radius:22px 22px 6px 22px}
.bub p{margin:0 0 10px;line-height:1.6}.who{display:flex;align-items:center;gap:8px;font-weight:600}.who em{color:#f4a300;font-style:normal}
.av{width:30px;height:30px;border-radius:50%;background:var(--sun);color:var(--ink);display:grid;place-items:center;font-weight:800}
.src{text-align:center;font-size:.85rem;color:#678}
.area{background:var(--aqua);color:#fff;text-align:center;padding:7vh 5vw}.area h2{font-family:"Gabarito";font-size:2rem}
footer{padding:20px;text-align:center;font-size:.85rem}
@media(max-width:700px){.card{padding:26px}.bub{max-width:100%}}