/* Photographic placement from the October Figma revision; approved counters remain native. */
.tupa-page > .proof-strip.figma-proof {
  width:100%;max-width:none;margin:0;padding:0;overflow:hidden;
  background:var(--forest);color:var(--paper);position:relative;isolation:isolate;
}
.figma-proof .figma-proof-inner {
  display:grid;grid-template-columns:minmax(0,1.25fr) minmax(190px,.62fr) minmax(330px,1fr);
  align-items:center;gap:36px;max-width:1540px;min-height:clamp(400px,29vw,530px);
  margin:0 auto;padding:0 52px 0 0;position:relative;
}
.figma-proof .figma-proof-photo {align-self:stretch;position:relative;min-width:0;margin:0;isolation:isolate;overflow:hidden;}
.figma-proof .figma-proof-pattern {
  position:absolute;max-width:none;width:125%;height:auto;left:-17%;top:50%;
  transform:translateY(-50%);opacity:1;z-index:-1;pointer-events:none;
}
.figma-proof .figma-proof-person {
  position:absolute;display:block;height:137%;width:auto;max-width:none;bottom:-37%;
  left:50%;transform:translateX(-50%);object-fit:contain;pointer-events:none;
}
.figma-proof .figma-proof-copy {position:relative;min-width:0;padding:46px 0;}
.figma-proof .figma-proof-copy h2 {
  font:500 clamp(29px,2.35vw,40px)/1.14 Clash,sans-serif;letter-spacing:-.035em;
  margin:0;color:var(--paper);max-width:270px;text-align:left;
}
.figma-proof .figma-proof-copy .brand-marker {background:var(--lime);color:var(--forest);box-decoration-break:clone;-webkit-box-decoration-break:clone;}
.tupa-page .figma-proof .figma-proof-copy .source-note {
  font:400 12px/1.65 Inter,sans-serif;color:#d3e4cf;text-align:left;margin:24px 0 0;max-width:225px;
}
.figma-proof .proof-numbers {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;
  gap:34px 20px;width:100%;margin:0;padding:48px 0;
}
.figma-proof .proof-numbers > div {
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  gap:9px;padding:0;border:0;min-width:0;text-align:center;
}
.figma-proof .proof-numbers .proof-symbol {width:35px;height:35px;margin:0 0 7px;object-fit:contain;}
.figma-proof .proof-numbers strong {font:500 clamp(40px,3.7vw,59px)/1 Clash,sans-serif;color:var(--lime);letter-spacing:-.045em;white-space:nowrap;}
.figma-proof .proof-numbers > div > span {font:400 12px/1.5 Inter,sans-serif;color:var(--paper);max-width:170px;min-height:36px;}

/* Independent light client strip: the two equal sets make the translation seamless. */
.tupa-page > .figma-clients {padding:74px 0 68px;overflow:hidden;background:var(--paper);color:var(--forest);}
.figma-clients > h2 {font:500 clamp(27px,2.65vw,40px)/1.2 Clash,sans-serif;letter-spacing:-.035em;text-align:center;color:var(--forest);padding:0 24px;margin:0 auto 45px;}
.figma-clients .figma-clients-window {width:100%;overflow:hidden;}
.figma-clients .figma-clients-track {display:flex;width:100%;}
.figma-clients .figma-clients-set {display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:34px;list-style:none;padding:0 30px;margin:0;width:100%;}
.figma-clients .figma-client {display:flex;align-items:center;justify-content:center;flex:0 0 154px;height:82px;padding:0;margin:0;}
.figma-clients .figma-client img {
  display:block;width:auto;height:auto;max-width:149px;max-height:78px;object-fit:contain;
  opacity:1;mix-blend-mode:normal;transform:none;background:transparent;
  filter:brightness(0) saturate(100%) invert(18%) sepia(29%) saturate(858%) hue-rotate(111deg) brightness(91%) contrast(91%);
}
.figma-clients .figma-client-horizonte img {max-width:108px;max-height:70px;}
.figma-clients .figma-client-ocidente img {max-width:143px;max-height:43px;}
.figma-clients .figma-client-operaco img {max-width:136px;max-height:62px;}
.figma-clients .figma-client-peer img {max-width:103px;max-height:46px;}
.figma-clients .figma-client-fadel img {max-width:76px;max-height:78px;}
.figma-clients.marquee-ready .figma-clients-track {width:max-content;animation:figma-clients-travel 44s linear infinite;animation-play-state:paused;will-change:transform;}
.figma-clients.marquee-ready .figma-clients-set {flex-wrap:nowrap;flex:none;width:max-content;min-width:max(100vw,1440px);gap:46px;padding:0 23px;box-sizing:border-box;}
.figma-clients.marquee-ready.is-running .figma-clients-track {animation-play-state:running;}
html.motion-off .figma-clients.marquee-ready .figma-clients-track {animation-play-state:paused;}
@keyframes figma-clients-travel {to{transform:translateX(-50%);}}
html.tupa-capture .figma-clients.marquee-ready .figma-clients-track {width:100%;animation:none;transform:none;}
html.tupa-capture .figma-clients.marquee-ready .figma-clients-set {width:100%;min-width:0;flex-wrap:wrap;gap:24px;}
html.tupa-capture .figma-clients .figma-clients-set[aria-hidden="true"] {display:none;}

@media(max-width:1100px) {
  .figma-proof .figma-proof-inner {grid-template-columns:minmax(0,1fr) minmax(170px,.7fr) minmax(290px,1fr);gap:22px;padding-right:28px;}
  .figma-proof .figma-proof-copy h2 {font-size:30px;}
  .figma-proof .figma-proof-person {height:125%;bottom:-25%;left:48%;}
  .figma-proof .proof-numbers {gap:26px 14px;}
}
@media(max-width:850px) {
  .figma-proof .figma-proof-inner {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 30px;min-height:540px;padding:40px 36px 36px 0;}
  .figma-proof .figma-proof-photo {grid-row:1 / 3;}
  .figma-proof .figma-proof-person {height:108%;bottom:-8%;left:39%;}
  .figma-proof .figma-proof-pattern {width:170%;left:-45%;}
  .figma-proof .figma-proof-copy {padding:0;}
  .figma-proof .figma-proof-copy h2 {font-size:34px;max-width:300px;}
  .tupa-page .figma-proof .figma-proof-copy .source-note {max-width:275px;margin-top:17px;}
  .figma-proof .proof-numbers {padding:32px 0 0;gap:23px 12px;}
  .figma-proof .proof-numbers .proof-symbol {width:28px;height:28px;margin-bottom:2px;}
  .figma-proof .proof-numbers strong {font-size:44px;}
  .tupa-page > .figma-clients {padding:58px 0 50px;}
  .figma-clients > h2 {margin-bottom:30px;}
}
@media(max-width:600px) {
  .figma-proof .figma-proof-inner {grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);min-height:0;padding:0 18px;gap:0 14px;}
  .figma-proof .figma-proof-photo {grid-row:auto;align-self:stretch;margin-left:-18px;overflow:hidden;}
  .figma-proof .figma-proof-person {height:103%;bottom:-3%;left:40%;}
  .figma-proof .figma-proof-pattern {width:190%;left:-50%;}
  .figma-proof .figma-proof-copy {padding:36px 0 32px;}
  .figma-proof .figma-proof-copy h2 {font-size:clamp(25px,6.8vw,34px);line-height:1.16;}
  .tupa-page .figma-proof .figma-proof-copy .source-note {font-size:12px;line-height:1.6;margin-top:20px;}
  .figma-proof .proof-numbers {grid-column:1 / -1;padding:29px 0 31px;gap:26px 20px;border-top:1px solid #f9fff324;}
  .figma-proof .proof-numbers > div {gap:8px;}
  .figma-proof .proof-numbers strong {font-size:43px;}
  .figma-proof .proof-numbers > div > span {font-size:12px;max-width:150px;}
  .tupa-page > .figma-clients {padding:46px 0 40px;}
  .figma-clients > h2 {max-width:350px;font-size:28px;margin-bottom:25px;}
  .figma-clients.marquee-ready .figma-clients-set {min-width:1250px;gap:30px;padding:0 15px;}
  .figma-clients .figma-client {flex-basis:148px;}
}