/* Título centralizado; digitação real das expressões, com largura reservada. */
.header-rule{transform:none!important}
.key-word,.shown .key-word{animation:none;transform:none;opacity:1;color:#fbc0bb;font-weight:700;position:relative}
.key-word:before,.shown .key-word:before{display:none;animation:none}
.key-reserve{visibility:hidden}.key-output{position:absolute;left:0;top:0;white-space:nowrap}
.key-word.is-typing .key-output:after{content:'';display:inline-block;height:.9em;border-left:2px solid #fbc0bb;margin-left:2px;vertical-align:-.04em;animation:promise-caret .65s steps(1) infinite}
@keyframes promise-caret{50%{opacity:0}}
.quick-whatsapp svg{color:#25d366;filter:drop-shadow(0 1px 1px #0003)}
.quick-whatsapp[data-tone=ink]{background:#334561f2;border-color:#25d36680}
@media(min-width:901px){
 body:not(.service-page) .hero{grid-template-rows:auto auto auto;column-gap:64px;row-gap:20px;padding-top:26px;padding-bottom:54px}
 .hero .copy{grid-column:1/-1;grid-row:1;text-align:center;margin-bottom:8px}
 .hero h1{font-size:clamp(40px,min(4vw,6.3dvh),62px);max-width:1200px;text-align:center;margin:0 auto}
 .hero .hero-phrase{grid-column:1;grid-row:2;align-self:end}
 .hero .local-demo{grid-column:2;grid-row:2/4}
 .hero .hero-bottom{grid-column:1;grid-row:3;align-self:start}
 .hero .stack-stage{height:clamp(310px,42dvh,420px)}
}
@media(min-width:901px) and (max-height:760px){body:not(.service-page) .hero{padding:18px 42px 42px;row-gap:16px}.hero h1{font-size:clamp(36px,3.8vw,48px)}.hero .stack-stage{height:310px}.hero .hero-phrase p{font-size:23px}.hero .profile-layout{grid-template-rows:60px 1fr}.hero .profile-content h2{font-size:20px;margin:5px 0}.hero .profile-content p{font-size:10px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.key-word.is-typing .key-output:after{display:none}}
@media(min-width:901px){.hero .profile-layout{grid-template-columns:1fr;grid-template-rows:65px 1fr}.hero .trust-panel{flex-direction:row;gap:4px;padding:7px}.hero .trust-panel .review-stars{flex-basis:100%;margin:0}.hero .profile-content{padding:9px 16px}.hero .profile-content h2{font-size:21px;margin:5px 0}.hero .profile-content p{font-size:11px;line-height:1.5;margin-bottom:7px}.hero .profile-links span{padding:5px 8px}}
@media(min-width:901px){.hero .stack-stage{height:clamp(340px,42dvh,420px)}}
@media(min-width:901px) and (max-height:760px){body:not(.service-page) .hero{padding-top:14px;padding-bottom:28px;row-gap:12px}.hero .copy{margin-bottom:0}.hero h1{font-size:clamp(34px,3.3vw,40px)}}