/* Superside composition: editorial left column, dense upright visual wall, open logo rows. */
.refinement-v48{--hero-ink:#151514;--hero-light:#f8f5ed;--hero-accent:#ff627f}
.hero-v48.central-hero{display:flex;align-items:stretch;justify-content:flex-start;padding:64px 24px 0;min-height:0;background:var(--hero-ink);color:var(--hero-light);overflow:hidden}
.hero-v48:before{display:none}
.hero-v48 .hero-center{max-width:100%;padding:0;margin:0;text-align:left;align-self:auto}
.hero-v48 .hero-center .eyebrow{color:#bdb7ad;font-size:12px;margin-bottom:24px}
.hero-v48 .hero-center h1{font-size:48px;line-height:1.05;font-weight:500;letter-spacing:-.05em;text-wrap:initial;margin-bottom:24px;color:var(--hero-light)}
.hero-v48 .hero-center h1 em{font-weight:450;color:var(--hero-accent);font-style:normal}
.hero-v48 .center-intro{max-width:44ch;margin:0 0 32px;color:#d1ccc3;font-size:16px;line-height:1.6}
.hero-v48 .hero-actions{justify-content:flex-start;gap:16px}
.hero-v48 .hero-cta{border-radius:9999px;padding:16px 24px;min-height:56px;box-shadow:none;background:#f01e41;color:white}
.hero-v48 .hero-cta:hover{background:#c81334}.hero-v48 .hero-cta:focus-visible{outline-color:#fff}.hero-v48 .hero-cta:active{transform:scale(.97)}
.hero-v48 .hero-secondary{color:#f8f5ed;border-color:#777269;font-weight:400}.hero-v48 .hero-secondary:hover{color:#ff8299}.hero-v48 .hero-secondary:focus-visible{outline:2px solid #ff8299;outline-offset:8px}
.hero-showcase{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;height:400px;margin:48px -24px 0;overflow:hidden;mask-image:linear-gradient(transparent,#000 12%,#000 87%,transparent)}
.showcase-column{min-width:0;overflow:hidden}.showcase-track{will-change:transform;animation:showcase-up 48s linear infinite;animation-play-state:paused}.column-1 .showcase-track{animation-name:showcase-down;animation-duration:56s}.column-2 .showcase-track{animation-duration:62s}
.hero-v48.is-running .showcase-track{animation-play-state:running}.hero-showcase:focus-within .showcase-track,.hero-showcase:hover .showcase-track{animation-play-state:paused}
.showcase-group{display:flex;flex-direction:column;gap:8px;padding-bottom:8px}.showcase-tile{position:relative;display:block;overflow:hidden;border-radius:8px;flex:none;height:160px;isolation:isolate;background:#252522;color:#fff;outline-offset:-4px}
.showcase-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease}.showcase-tile:hover img{transform:scale(1.035)}.showcase-tile:active{filter:brightness(.85)}.showcase-tile:focus-visible{outline:2px solid #ff8299}
.showcase-label{position:absolute;inset:auto 0 0;padding:32px 16px 16px;display:flex;gap:8px;align-items:end;justify-content:space-between;font-size:12px;line-height:1.4;background:linear-gradient(transparent,#000d);opacity:0;transition:opacity .2s}.showcase-label svg{width:16px;height:16px}.showcase-tile:hover .showcase-label,.showcase-tile:focus-visible .showcase-label{opacity:1}
.tile-merch{height:208px}.tile-merch img{object-position:center}.tile-kee img{object-position:100% center}.tile-apron img{object-position:0 center}.tile-stationery{height:224px}.tile-site{height:144px}.tile-site img{object-position:left top}.tile-sign{height:144px}.tile-sign img{object-position:20% center}.tile-boteco{height:192px}.tile-boteco img{width:455%;max-width:none;position:absolute;left:-148%;height:100%;object-fit:fill}
.showcase-number{padding:16px;display:flex;flex-direction:column;gap:16px;justify-content:space-between;height:248px;background:#efece4;color:#171716}.showcase-number.metric-red{background:#f01e41;color:#fff;height:248px}.metric-kicker{font-size:10px;line-height:1.4;letter-spacing:.06em;position:relative;z-index:10}.showcase-number strong{font-size:48px;font-weight:600;line-height:1;letter-spacing:-.05em;position:relative;z-index:10;white-space:nowrap}.showcase-number strong>span+span{font-size:.55em;vertical-align:top}.showcase-number p{font-size:14px;line-height:1.5;margin:0;position:relative;z-index:10}.metric-note{display:flex;gap:8px;justify-content:space-between;font-size:10px;line-height:1.5;position:relative;z-index:10;border-top:1px solid currentColor;padding-top:16px}.metric-note svg{width:16px;height:16px;flex:none}.metric-bars{position:absolute;inset:auto 0 24px 0;display:flex;align-items:end;justify-content:flex-end;gap:8px;height:112px;opacity:.1;z-index:0;pointer-events:none}.metric-bars i{width:16px;height:100%;background:currentColor;animation:metric-bars 1.6s ease-in-out infinite alternate;transform-origin:bottom}.metric-bars i:nth-child(2n){animation-delay:-.7s}.metric-bars i:nth-child(3n){animation-delay:-1.2s}
.is-hero-top.refinement-v48 .site-nav{background:var(--hero-ink);border-color:transparent;box-shadow:none}.is-hero-top.refinement-v48 .nav-shell{background:var(--hero-ink);color:#f8f5ed;border-color:transparent;box-shadow:none}.is-hero-top.refinement-v48 .nav-wordmark{filter:brightness(0) invert(1)}.is-hero-top.refinement-v48 .nav-shell a,.is-hero-top.refinement-v48 .nav-shell summary,.is-hero-top.refinement-v48 .nav-toggle{color:#f8f5ed}.is-hero-top.refinement-v48 .nav-services>div a{color:#191918}
.client-gallery-v48.client-gallery-strip{padding:64px 0;background:#f7f6f0;border:0;margin:0}
.client-gallery-v48 .logo-intro{text-align:center;font-size:18px;line-height:1.6;padding:0 24px;margin:0 0 40px;color:#292925;font-weight:400}
.client-gallery-v48 .client-gallery-rows{gap:24px;mask-image:none}.client-gallery-v48 .client-gallery-row{border:0;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.client-gallery-v48 .client-gallery-item{border:0;background:none;width:176px;flex-basis:176px;height:64px;padding:8px 24px}.client-gallery-v48 .client-gallery-item img{max-height:48px;max-width:128px;opacity:.9}.client-gallery-v48 .client-gallery-track{animation-duration:48s}.client-gallery-v48 .client-gallery-row[data-logo-row=reverse] .client-gallery-track{animation-duration:54s}
@keyframes showcase-up{from{transform:translateY(0)}to{transform:translateY(-50%)}}
@keyframes showcase-down{from{transform:translateY(-50%)}to{transform:translateY(0)}}
@keyframes metric-bars{from{transform:scaleY(.3)}to{transform:scaleY(1)}}
@media(min-width:768px){.hero-v48.central-hero{padding:64px 40px 0}.hero-v48 .hero-center h1{font-size:64px}.hero-showcase{height:480px;margin-inline:-40px;gap:16px}.showcase-group{gap:16px;padding-bottom:16px}.showcase-tile{height:240px}.tile-merch,.tile-stationery,.tile-boteco{height:320px}.showcase-number,.showcase-number.metric-red{height:320px;padding:24px}.showcase-number strong{font-size:80px}.showcase-number p{font-size:18px}.metric-note,.metric-kicker{font-size:12px}.client-gallery-v48.client-gallery-strip{padding:96px 0}.client-gallery-v48 .logo-intro{font-size:24px;margin-bottom:64px}.client-gallery-v48 .client-gallery-item{width:224px;flex-basis:224px;height:80px}.client-gallery-v48 .client-gallery-item img{max-width:160px;max-height:56px}}
@media(min-width:1024px){.hero-v48.central-hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:0 32px;min-height:672px;height:calc(100svh - 88px);max-height:880px;align-items:center}.hero-v48 .hero-center{max-width:640px;justify-self:end;padding:0;margin:0}.hero-v48 .hero-center h1{font-size:64px}.hero-v48 .center-intro{font-size:16px;max-width:42ch}.hero-v48 .hero-actions{gap:24px}.hero-v48 .hero-secondary{font-size:12px}.hero-showcase{height:100%;margin:0;gap:16px;align-self:stretch}.showcase-tile{height:192px}.tile-merch,.tile-stationery,.tile-boteco{height:256px}.showcase-number,.showcase-number.metric-red{height:272px;padding:16px}.showcase-number strong{font-size:64px}.showcase-number p{font-size:16px}.metric-note{font-size:12px}.metric-kicker{font-size:10px}}
@media(min-width:1440px){.hero-v48.central-hero{padding-inline:48px;gap:48px}.hero-v48 .hero-center h1{font-size:80px}.hero-v48 .center-intro{font-size:18px}.showcase-tile{height:240px}.tile-merch,.tile-stationery,.tile-boteco{height:320px}.showcase-number,.showcase-number.metric-red{height:320px;padding:24px}.showcase-number strong{font-size:80px}.metric-kicker{font-size:12px}}
@media(prefers-reduced-motion:reduce){.showcase-track,.metric-bars i{animation:none!important;will-change:auto}.hero-showcase{overflow:auto}.showcase-column{overflow:visible}.showcase-group[aria-hidden]{display:none}}

/* Neutralize old centered-hero treatments only within this revision. */
.refinement-v48{background:linear-gradient(#151514 0 96px,#f5f3ee 96px)}
.hero-v48 .hero-center h1,.hero-v48 .hero-center h1 em{text-shadow:none}
.hero-v48 .hero-center .eyebrow{justify-content:flex-start}
.hero-v48 .center-intro{font-weight:400}
.hero-v48 .hero-center .primary{margin:0}
.client-gallery-v48 .logo-intro{width:100%;max-width:none}
.is-hero-top.refinement-v48 .site-nav[data-open=true] nav{background:#151514;border-color:#56534c}
.metric-kicker,.metric-note{font-size:12px}
@media(min-width:1024px){.is-hero-top.refinement-v48 .header.site-nav{left:32px;right:32px}.is-hero-top.refinement-v48 .nav-shell{padding-inline:0;max-width:none}}

.client-gallery-v48 .client-gallery-item img[src$="myrobot-v32.webp"]{filter:grayscale(1) invert(1)!important}

.tile-boteco img{width:600%;height:auto;left:-215%;top:50%;transform:translateY(-50%)}
.tile-boteco:hover img{transform:translateY(-50%) scale(1.035)}
@media(max-width:767px){.showcase-number,.showcase-number.metric-red{height:320px}.showcase-number strong{font-size:40px}.hero-v48 .hero-actions{align-items:flex-start}.hero-v48 .hero-actions .primary{margin:0!important}}

/* Extra reading distance keeps each autonomous process animation visible longer. */
.process-v47 .process-step{min-height:640px;padding-bottom:128px}
@media(min-width:1024px){.process-v47 .process-step{min-height:800px;padding-bottom:192px}}

/* Audience cards: keep copy still; concentrate feedback on the edge and destination. */
@media(prefers-reduced-motion:reduce){
 .client-gallery-v48 .client-gallery-row{overflow:hidden;mask-image:none}
 .client-gallery-v48 .client-gallery-track,.client-gallery-v48 .client-gallery-group{width:100%}
 .client-gallery-v48 .client-gallery-group{flex-wrap:wrap;justify-content:center}
 .client-gallery-v48 .client-gallery-item[aria-hidden=true]{display:none}
}
/* Quiet hover: the image and action respond, the reading surface stays unchanged. */
#solucoes .audience-card{--card-edge:#a99d8d;--action-bg:#151514;--action-ink:#fff;outline:none;box-shadow:none;transition:border-color 180ms ease}
#solucoes .audience-franchise{--card-edge:#82786c;--action-bg:#f5f3ee;--action-ink:#151514}
#solucoes .audience-card:hover{transform:none;box-shadow:none}
#solucoes .audience-card .audience-card-action{background:transparent!important;color:inherit}
#solucoes .audience-card .audience-card-action>span{position:relative}
#solucoes .audience-card .audience-card-action>span:after{content:'';position:absolute;left:0;right:0;bottom:-8px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform 180ms cubic-bezier(.22,1,.36,1)}
#solucoes .audience-card .audience-card-action>b{width:48px;height:48px;transform:none;transition:background-color 180ms ease,color 180ms ease}
#solucoes .audience-card .audience-card-action svg{transition:transform 180ms cubic-bezier(.22,1,.36,1)}
#solucoes .audience-browser,#solucoes .audience-phone,#solucoes .audience-print{transition:transform 320ms cubic-bezier(.22,1,.36,1)}
#solucoes .audience-card:focus-visible{outline:2px solid var(--red);outline-offset:4px;border-color:var(--card-edge)}
#solucoes .audience-card:focus-visible .audience-card-action>b{background:var(--action-bg);color:var(--action-ink)}
#solucoes .audience-card:focus-visible .audience-card-action>span:after{transform:scaleX(1)}
@media(hover:hover) and (pointer:fine){
 #solucoes .audience-card:hover{border-color:var(--card-edge)}
 #solucoes .audience-card:hover .audience-card-action>b{background:var(--action-bg);color:var(--action-ink);transform:none}
 #solucoes .audience-card:hover .audience-card-action>span:after{transform:scaleX(1)}
 #solucoes .audience-card:hover .audience-card-action svg{transform:translate(2px,-2px)}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 #solucoes .audience-card:hover .audience-browser{transform:rotate(-7deg) scale(1.025)}
 #solucoes .audience-card:hover .audience-phone{transform:rotate(7deg) scale(1.025)}
 #solucoes .audience-card:hover .audience-print-back{transform:rotate(-8deg) scale(1.025)}
 #solucoes .audience-card:hover .audience-print-front{transform:rotate(7deg) scale(1.025)}
}
#solucoes .audience-card:active{transform:none;border-color:var(--card-edge)}
#solucoes .audience-card:active .audience-card-action>b{transform:scale(.97)}
#solucoes .audience-card[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}
@media(prefers-reduced-motion:reduce){
 #solucoes .audience-card,#solucoes .audience-card *{transition:none!important}
 #solucoes .audience-card .audience-card-action svg{transform:none!important}
}