:root{--azul-sabesp: #12d0ff;--amarelo: #ffc601;--coral: #fab180;--branco: #ffffff;--azul-petroleo: #003854;--azul-escuro: #01aaff;--laranja: #ff8a01;--azul-esverdeado: #129180;color:var(--azul-petroleo);background:var(--azul-petroleo);font-family:Satoshi,Tahoma,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{min-height:100dvh;background:var(--azul-petroleo)}button{font:inherit}.letterbox{min-height:100dvh;display:grid;place-items:center;background:var(--azul-petroleo)}.frame{position:relative;width:min(100vw,56.25dvh);height:min(100dvh,calc(100vw * 16 / 9));aspect-ratio:9 / 16;overflow:hidden;background:var(--branco);display:grid;place-items:center}.stack{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.petals{position:absolute;inset:0;z-index:0;pointer-events:none;isolation:isolate}.petal{position:absolute;display:block;height:auto;mix-blend-mode:multiply}.petal-left{left:0;bottom:0;width:21%}.petal-right{top:0;right:0;width:20%}.topbar{display:flex;justify-content:center;align-items:center;background:var(--branco);padding:0 0 20px}.brand-mark{display:block;width:88px;height:auto;transform:translateY(-52px)}.screen{display:flex;flex-direction:column;align-items:center;padding:0 28px}.hero{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;background:var(--branco);padding:12px 20px 28px}.kicker{margin:0;color:var(--azul-petroleo)}h1{margin:0;color:var(--azul-sabesp)}.kicker{font-weight:500;letter-spacing:.08em;text-transform:uppercase;font-size:13px}h1{font-size:clamp(48px,14vw,72px);font-weight:700;line-height:.95}.cta,.icon-btn{border:0;cursor:pointer}.cta{width:min(100%,260px);padding:16px 22px;border-radius:999px;background:var(--azul-sabesp);color:var(--azul-petroleo);font-weight:700;font-size:18px}.welcome .hero{gap:8px}.welcome .cta,.welcome .error{margin-top:20px}.voice{width:min(42vw,168px);transform:scale(calc(1 + var(--energy, .12) * .35))}.voice svg{display:block;width:100%;height:auto}.voice-glow{opacity:.55}.voice-core{mix-blend-mode:multiply}.voice.is-speaking .voice-glow{fill:#ffc601}.dock{display:flex;justify-content:center;gap:18px;width:100%}.icon-btn{width:64px;height:64px;border-radius:50%;background:var(--azul-petroleo);color:var(--branco);display:grid;place-items:center}.icon-btn svg{width:26px;height:26px}.icon-btn.is-off{background:var(--amarelo);color:var(--azul-petroleo)}.icon-btn.is-end{background:var(--laranja);color:var(--azul-petroleo)}button:disabled{opacity:.5;cursor:not-allowed}.error{margin:0;text-align:center;color:var(--laranja);font-weight:500}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:no-preference){.voice{transition:transform 90ms linear}}