@font-face {
  font-family: Barlow;
  src: url('/assets/body.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: 'Barlow Condensed';
  src: url('/assets/display.ttf') format('truetype');
  font-style: italic;
  font-weight: 900;
  font-display: swap;
}
:root {
  color-scheme: light;
  --tomato: #008849;
  --wine: #123c25;
  --sun: #d9ed9a;
  --orange: #57bd89;
  --paper: #ffffff;
  --whats: #0d8a4f;
  --display: 'Barlow Condensed', Impact, sans-serif;
  --dock-space: 90px;
  --mast-space: clamp(94px, 16svh, 155px);
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-padding-top: 85px; scroll-padding-bottom: calc(var(--dock-space) + 12px); }
body {
  margin: 0;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  padding-bottom: calc(var(--dock-space) + env(safe-area-inset-bottom));
  font-family: Barlow, Arial, sans-serif;
  color: var(--paper);
  background: var(--tomato);
}
main { display: block; }
button, input { font: inherit; }
a:focus-visible { outline: 3px solid var(--sun); outline-offset: 3px; }

/* ---------- Masthead ---------- */
.masthead {
  position: fixed; top: max(9px, env(safe-area-inset-top)); left: 0; right: 0;
  z-index: 10; display: flex; justify-content: center; pointer-events: none;
}
.brand-lockup {
  display: flex; align-items: center; gap: 14px; justify-content: center;
  padding: 5px 20px; border-radius: 999px; background: var(--paper);
  box-shadow: 0 4px 16px #16412830; text-decoration: none;
  color: var(--wine); pointer-events: auto;
}
.brand-cross { font: 20px Arial, sans-serif; }
.brand-revolut { width: 92px; height: auto; }
.brand-campanha { width: auto; height: 38px; }
.interactive:not(.is-scrolled) .brand-lockup {
  background: transparent; box-shadow: none; color: var(--paper); gap: clamp(16px, 2.2vw, 32px);
}
.interactive:not(.is-scrolled) .brand-campanha { height: clamp(66px, 12svh, 122px); }
.interactive:not(.is-scrolled) .brand-revolut { width: clamp(136px, 15vw, 214px); filter: brightness(0) invert(1); }
.interactive:not(.is-scrolled) .brand-cross { font-size: 28px; }

/* ---------- Hero ---------- */
.poster {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  display: grid;
  grid-template-rows: 1fr auto;
  align-items: center;
  min-height: calc(100svh - var(--dock-space) - env(safe-area-inset-bottom));
  padding-top: var(--mast-space);
  background:
    radial-gradient(ellipse at 70% 60%, #46c17b 0%, transparent 55%),
    radial-gradient(ellipse at 20% 15%, #3eb973, transparent 60%),
    var(--tomato);
}
.shout {
  position: absolute; z-index: -1; inset: -12% -30%;
  display: grid; align-content: center; gap: 0;
  transform: rotate(-7deg);
  font: italic 900 clamp(84px, 13vw, 190px)/.86 var(--display);
  letter-spacing: -.02em; white-space: nowrap; color: #ffffff;
  opacity: .045; pointer-events: none; user-select: none;
}
.shout span:nth-child(even) { margin-left: -.9em; }
.art {
  width: min(1130px, 100%);
  margin: auto;
  padding: clamp(12px, 3svh, 35px) clamp(28px, 5vw, 68px);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  align-items: center;
}
.offer { position: relative; z-index: 1; }
.stamp {
  display: inline-flex; align-items: center; gap: 9px; margin: 0 0 16px;
  padding: 7px 14px 7px 11px; border: 1.5px dashed #9bdeb8; border-radius: 999px;
  font-size: 13px; text-transform: uppercase; letter-spacing: .14em; color: #bee9d0;
}
.stamp .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--sun); box-shadow: 0 0 0 0 #d9ed9aaa; }
h1 {
  width: fit-content;
  margin: 0;
  font: italic 900 clamp(70px, min(10vw, 14svh), 129px)/.84 var(--display);
  letter-spacing: -.025em;
  transform: rotate(-3deg);
  transform-origin: left;
  text-shadow: 1px 3px 0 #2c8251, 0 10px 28px #194b2f55;
}
h1 span { display: block; }
h1 .gold { color: var(--sun); }
.deal {
  margin: clamp(22px, 4svh, 38px) 0 0;
  display: flex;
  align-items: center;
  gap: clamp(13px, 1.7vw, 24px);
}
.quantity { font: italic 900 clamp(28px, 3.5vw, 46px)/.96 var(--display); }
.quantity small { display: block; font: 700 clamp(14px, 1.3vw, 18px)/1.5 Barlow, sans-serif; }
.price {
  position: relative;
  padding: .08em .24em .16em;
  border-radius: 8px;
  color: var(--wine);
  background: var(--sun);
  font: italic 900 clamp(49px, 6.2vw, 84px)/1 var(--display);
  white-space: nowrap;
  transform: rotate(-3deg);
  box-shadow: 4px 5px 0 #28794b, 0 14px 30px #153f2755;
}
.price small { font-size: .48em; }
.cta-hero { margin-top: clamp(22px, 4svh, 36px); padding: 17px 32px; font-size: 19px; }
.hint { margin: 12px 0 0 6px; font: 700 13px/1.4 Barlow, sans-serif; color: #bae8ce; }

.product {
  position: relative;
  display: grid;
  place-items: center;
  isolation: isolate;
  width: 100%;
  height: clamp(218px, 46svh, 500px);
}
.product::before {
  content: '';
  position: absolute;
  z-index: -1;
  width: min(100%, 52svh);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #8ad8ac, #48c27c 72%, #43c079);
  box-shadow: 0 0 0 9px var(--tomato), 0 0 0 11px #5ac889, 0 30px 60px #194b2f66;
}
.rays {
  position: absolute; z-index: -2;
  width: min(150%, 82svh); aspect-ratio: 1; border-radius: 50%;
  background: repeating-conic-gradient(from 0deg, #77d29e 0 9deg, transparent 9deg 24deg);
  mask-image: radial-gradient(circle, #000 20%, transparent 70%);
  -webkit-mask-image: radial-gradient(circle, #000 20%, transparent 70%);
  opacity: .32;
}
.product img {
  position: absolute;
  width: 104%;
  height: 104%;
  object-fit: contain;
  transform: rotate(0deg) translateY(2%);
  filter: drop-shadow(0 18px 14px #1c523355);
}
.flourish { position: absolute; z-index: 1; width: 12%; height: auto; color: var(--paper); }
.flourish.left { top: 10%; left: -2%; transform: rotate(-19deg); }
.flourish.right { right: -3%; bottom: 14%; transform: rotate(158deg); }
.badge {
  position: absolute; z-index: 2; right: 2%; top: 4%;
  display: grid; place-items: center; width: 108px; height: 108px; border-radius: 50%;
  background: var(--paper); color: var(--tomato); text-align: center;
  font: italic 900 20px/1 var(--display); text-transform: uppercase;
  transform: rotate(12deg);
  box-shadow: 0 10px 24px #153f2755, inset 0 0 0 4px var(--tomato), inset 0 0 0 6px var(--paper);
}
.scroll-link {
  z-index: 1; display: flex; align-items: center; justify-content: center; gap: 11px;
  justify-self: center; padding: 10px 16px; margin: 0 0 clamp(12px, 3svh, 32px);
  color: var(--paper); font-size: 14px; text-decoration: underline; text-underline-offset: 5px; opacity: .85;
}
.scroll-link:hover { opacity: 1; }

/* ---------- CTA ---------- */
.cta {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 15px 28px;
  border: 0;
  cursor: pointer;
  background: var(--whats);
  color: white;
  border-radius: 100px;
  font-size: 18px;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 8px 22px #0d8a4f55;
  transition: background .16s, transform .16s, box-shadow .16s;
}
.cta svg { width: 24px; height: 24px; }
.cta:hover { background: #0a7342; transform: translateY(-2px); box-shadow: 0 12px 28px #0d8a4f66; }
.cta:focus-visible { outline: 3px solid var(--wine); outline-offset: 3px; }
.cta-hero::after {
  content: ''; position: absolute; inset: 0; border-radius: inherit;
  box-shadow: 0 0 0 0 #1fc26e99; pointer-events: none;
}

/* ---------- Ticker ---------- */
.ticker {
  overflow: hidden; background: var(--sun); color: var(--wine);
  border-top: 3px solid #a7e2c0; border-bottom: 3px solid #39ac6a;
  transform: rotate(-1.2deg) scale(1.03); transform-origin: center;
  position: relative; z-index: 2; margin-block: -6px -22px;
}
.ticker-track {
  display: flex; align-items: center; gap: 26px; width: max-content;
  padding: 12px 0; font: italic 900 clamp(20px, 2.4vw, 28px)/1 var(--display);
  text-transform: uppercase; letter-spacing: .01em;
}
.ticker-track i { font-style: normal; color: var(--tomato); font-size: .8em; }

/* ---------- Guide ---------- */
.section-width { width: min(1100px, 100%); padding-inline: clamp(22px, 5vw, 68px); margin: 0 auto; }
.guide { position: relative; background: var(--paper); color: var(--wine); padding-block: clamp(80px, 9vw, 130px) clamp(70px, 8vw, 120px); scroll-margin-top: -62px; }
.guide-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: clamp(36px, 6vw, 90px); align-items: start; }
.guide-intro { position: sticky; top: 100px; }
.kicker { color: var(--tomato); font-size: 14px; text-transform: uppercase; letter-spacing: .15em; margin: 0 0 14px; }
h2 { margin: 0; font: italic 900 clamp(48px, 7vw, 88px)/.94 var(--display); letter-spacing: -.018em; }
h2 em { color: var(--tomato); }
.guide-art { display: block; width: min(100%, 420px); height: auto; margin: 28px 0 0 -4%; filter: drop-shadow(0 16px 14px #21633d33); }
.steps { margin: 0; padding: 0; list-style: none; counter-reset: step; }
.steps li { display: grid; grid-template-columns: 52px 1fr; gap: 19px; padding: 22px 0; border-top: 1px solid #7dcb9f; counter-increment: step; }
.steps li:last-child { border-bottom: 1px solid #7dcb9f; }
.steps li::before {
  content: counter(step, decimal-leading-zero); display: grid; place-items: center;
  width: 52px; height: 52px; border-radius: 50%; background: var(--sun);
  font: italic 900 28px/1 var(--display); color: var(--wine);
  transform: rotate(-6deg); box-shadow: 3px 3px 0 var(--tomato);
}
.steps h3 { margin: 0; font: italic 900 clamp(26px, 3.1vw, 40px)/1.05 var(--display); }
.steps p { margin: 7px 0 0; font: 16px/1.5 Arial, sans-serif; color: #326046; }
.steps p strong { color: var(--tomato); }

/* ---------- Fine print ---------- */
.fineprint { background: #287649; color: #c0ead2; padding-block: 34px 40px; text-align: center; }
.partners { display: flex; align-items: center; justify-content: center; gap: 16px; margin-bottom: 16px; opacity: .9; }
.partners img:first-child { width: 86px; height: auto; filter: brightness(0) invert(1); }
.partners img:last-child { width: auto; height: 40px; }
.partners span { font: 18px Arial, sans-serif; color: #c0ead2; }
.fineprint p { margin: 0 auto; max-width: 62ch; font: 12.5px/1.6 Arial, sans-serif; }

/* ---------- Dock ---------- */
.dock {
  position: fixed; z-index: 11; inset: auto 0 0;
  padding: 12px max(18px, env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom));
  background: var(--paper); color: var(--wine); box-shadow: 0 -1px 0 #42b0713b, 0 -5px 24px #16432912;
}
.dock-content { display: flex; align-items: center; justify-content: space-between; gap: 18px; max-width: 990px; margin: auto; }
.dock-copy { display: grid; gap: 4px; }
.dock-copy strong { font: italic 900 clamp(21px, 2.4vw, 33px)/1 var(--display); }
.dock-copy span { font-size: 14px; }

/* ---------- Scroll rail ---------- */
.scroll-rail {
  appearance: none; -webkit-appearance: none;
  position: fixed; z-index: 9; right: 7px; top: 38%;
  width: 5px; height: 124px; margin: 0; border-radius: 6px;
  writing-mode: vertical-lr; direction: ltr; cursor: pointer;
  background: #57ad7c66; outline: 4px solid transparent;
  touch-action: none;
}
.scroll-rail[hidden] { display: none; }
.scroll-rail::-webkit-slider-thumb { appearance: none; -webkit-appearance: none; width: 9px; height: 25px; border-radius: 6px; background: var(--sun); border: 1px solid #297a4c; box-shadow: 0 1px 4px #16402833; }
.scroll-rail::-moz-range-thumb { width: 8px; height: 24px; border-radius: 6px; background: var(--sun); border: 1px solid #297a4c; }
.scroll-rail:focus-visible { outline: 3px solid var(--sun); outline-offset: 5px; }

/* ---------- Motion ---------- */
@keyframes arrive { from { opacity: 0; transform: translateY(30px) scale(.92) rotate(-2deg); } to { opacity: 1; transform: translateY(2%) scale(1) rotate(0deg); } }
@keyframes float { 0%, 100% { translate: 0 0; } 50% { translate: 0 -12px; } }
@keyframes spin { to { rotate: 360deg; } }
@keyframes pop { 0% { transform: rotate(-3deg) scale(.6); opacity: 0; } 70% { transform: rotate(-3deg) scale(1.08); opacity: 1; } 100% { transform: rotate(-3deg) scale(1); } }
@keyframes rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
@keyframes pulse { 0% { box-shadow: 0 0 0 0 #1fc26e99; } 100% { box-shadow: 0 0 0 18px #1fc26e00; } }
@keyframes blink { 0%, 100% { box-shadow: 0 0 0 0 #d9ed9aaa; } 60% { box-shadow: 0 0 0 7px #d9ed9a00; } }
@keyframes scroll-x { to { transform: translateX(-50%); } }
@keyframes step-in { from { opacity: .12; transform: translateY(14px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: no-preference) {
  html { scroll-behavior: smooth; }
  .brand-lockup { transition: background .23s, box-shadow .23s, gap .23s; }
  .brand-campanha { transition: height .23s; }
  .brand-revolut { transition: width .23s; }
  .product img { animation: arrive .7s cubic-bezier(.2,.8,.2,1) both, float 5s ease-in-out 1s infinite; }
  .rays { animation: spin 60s linear infinite; }
  .price { animation: pop .6s cubic-bezier(.2,.8,.2,1) .25s both; }
  .stamp, h1, .deal, .cta-hero, .hint { animation: rise .6s ease-out both; }
  h1 { animation-delay: .05s; } .deal { animation-delay: .15s; } .cta-hero { animation-delay: .3s; } .hint { animation-delay: .4s; }
  .cta-hero::after { animation: pulse 2.2s ease-out 1s infinite; }
  .stamp .dot { animation: blink 1.6s ease-out infinite; }
  .ticker-track { animation: scroll-x 26s linear infinite; }
  .badge { animation: float 4s ease-in-out .5s infinite; }
  .steps li.arriving { animation: step-in .5s ease-out; }
}
@media (prefers-reduced-motion: reduce) { .cta { transition: none; } }

/* ---------- Oferta pausada ---------- */
.is-paused body { padding-bottom: 0; }
.is-paused .poster { min-height: 100svh; }
.is-paused .cta-hero, .is-paused .hint, .is-paused .ticker, .is-paused .badge, .is-paused .scroll-link, .is-paused .dock { display: none; }
.paused-msg { margin: 18px 0 0; max-width: 38ch; font: 700 clamp(16px, 1.6vw, 20px)/1.45 Barlow, sans-serif; color: #d3f0e0; }
.waitlist { display: grid; gap: 10px; margin-top: 22px; max-width: 420px; animation: rise .6s ease-out .2s both; }
.waitlist input { padding: 14px 16px; border: 0; border-radius: 12px; font: 700 16px Barlow, sans-serif; color: var(--wine); background: var(--paper); }
.waitlist input:focus { outline: 3px solid var(--sun); }
.waitlist button { padding: 15px; border: 0; border-radius: 100px; background: var(--sun); color: var(--wine); font: italic 900 22px/1 var(--display); cursor: pointer; box-shadow: 0 8px 22px #0006; }
.waitlist button:hover { filter: brightness(1.05); }
.waitlist button:disabled { opacity: .7; }
.waitlist-ok { margin-top: 22px; padding: 16px 20px; border-radius: 12px; background: #0d8a4f; color: #fff; font-weight: 700; max-width: 420px; }
@media (max-width: 700px) and (orientation: portrait) {
  .paused-msg { margin-inline: auto; font-size: 15px; }
  .waitlist { width: 100%; }
}

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
  .guide-intro { position: static; }
}
@media (max-width: 700px) {
  :root { --dock-space: 99px; --mast-space: clamp(81px, 14svh, 118px); }
  .section-width { padding-inline: 24px; }
  .guide-grid { grid-template-columns: 1fr; gap: 28px; }
  .guide { padding-block: 60px 48px; }
  .guide-art { display: none; }
  .steps li { grid-template-columns: 42px 1fr; gap: 13px; padding: 18px 0; }
  .steps li::before { width: 42px; height: 42px; font-size: 24px; }
  .steps p { font-size: 15px; }
  .dock { padding: 8px 18px calc(9px + env(safe-area-inset-bottom)); }
  .dock-content { flex-direction: column; gap: 6px; }
  .dock-copy { display: block; text-align: center; }
  .dock-copy strong { font-size: 20px; }
  .dock-copy span { display: none; }
  .cta { width: min(100%, 400px); min-height: 46px; padding: 10px 16px; }
  .ticker-track { padding: 10px 0; gap: 18px; }
  .fineprint p { font-size: 12px; }
  .scroll-rail { height: 100px; right: 6px; }
}
@media (max-width: 700px) and (orientation: portrait) {
  .art { grid-template-columns: 1fr; justify-items: center; gap: 0; padding: 8px 16px 8px; }
  .offer { text-align: center; display: flex; flex-direction: column; align-items: center; }
  .stamp { margin-bottom: 10px; font-size: 11px; padding: 5px 12px 5px 9px; }
  h1 { margin: auto; font-size: clamp(54px, min(17vw, 9.6svh), 80px); transform-origin: center; }
  .deal { justify-content: center; gap: 12px; margin-top: 13px; }
  .quantity { font-size: clamp(25px, 6vw, 32px); text-align: left; }
  .quantity small { font-size: 13px; }
  .price { font-size: clamp(40px, 10vw, 56px); }
  .cta-hero { display: none; }
  .hint { display: none; }
  .product { width: min(84vw, 420px); height: clamp(150px, 30svh, 300px); margin-top: 14px; }
  .product::before { width: min(92%, 30svh); }
  .rays { width: min(150%, 52svh); }
  .product img { width: 108%; height: 112%; }
  .flourish { width: 10%; }
  .flourish.left { left: 6%; }
  .flourish.right { right: 6%; }
  .badge { width: 74px; height: 74px; font-size: 13px; right: 0; top: 0; }
  .scroll-link { font-size: 14px; margin-bottom: 8px; padding: 8px; }
  .shout { font-size: clamp(64px, 22vw, 110px); }
}
@media (orientation: landscape) and (max-height: 540px) {
  :root { --mast-space: 58px; --dock-space: 58px; }
  .interactive:not(.is-scrolled) .brand-campanha { height: 44px; }
  .interactive:not(.is-scrolled) .brand-revolut { width: 110px; }
  .art { padding: 6px 6vw; }
  .stamp { display: none; }
  h1 { font-size: clamp(40px, 13svh, 66px); }
  .deal { margin-top: 13px; }
  .price { font-size: 41px; }
  .quantity { font-size: 23px; }
  .cta-hero { margin-top: 12px; padding: 9px 18px; font-size: 15px; }
  .hint { display: none; }
  .product { height: 42svh; }
  .product::before { width: 50svh; }
  .badge { display: none; }
  .dock { padding-block: 6px; }
  .dock-content { flex-direction: row; }
  .dock-copy span { display: none; }
  .scroll-link { margin-bottom: 3px; padding: 3px; }
}

/* ---------- Página compacta, controlada pelo administrador ---------- */
html.is-compact { height:100svh; overflow:hidden; scroll-behavior:auto; }
.is-compact body { height:100svh; min-height:0; overflow:hidden; }
.is-compact main { flex:1; min-height:0; display:flex; }
.is-compact .poster { flex:1; width:100%; min-height:0; grid-template-rows:minmax(0,1fr); }
.is-compact .art { min-height:0; }
.is-compact .ticker,.is-compact .guide,.is-compact .fineprint,.is-compact .scroll-link,.is-compact .scroll-rail { display:none !important; }
@media(min-width:701px) {
  .is-compact .art { padding-block:clamp(8px,2svh,24px); }
  .is-compact h1 { font-size:clamp(48px,min(9vw,10svh),110px); }
  .is-compact .stamp { font-size:11px; padding:5px 12px; margin-bottom:10px; }
  .is-compact .deal { margin-top:clamp(10px,2svh,20px); }
  .is-compact .quantity { font-size:clamp(23px,min(3.5vw,4.5svh),46px); }
  .is-compact .price { font-size:clamp(40px,min(6.2vw,8svh),84px); }
  .is-compact .cta-hero { margin-top:clamp(10px,2svh,18px); padding:12px 24px; font-size:17px; }
  .is-compact .hint { margin-top:10px; font-size:12px; }
}
@media(max-width:700px) and (orientation:portrait) {
  .is-compact .art { padding-block:4px; }
  .is-compact h1 { font-size:clamp(48px,min(17vw,9.4svh),80px); }
  .is-compact .product { height:clamp(110px,28svh,300px); margin-top:8px; }
}
/* O formulário de espera permanece acessível em telas baixas e com o teclado aberto. */
html.is-compact.is-paused { height:auto; overflow-y:auto; }
.is-compact.is-paused body { height:auto; min-height:100svh; overflow:visible; }
.is-compact.is-paused main { display:block; }
.is-compact.is-paused .poster { min-height:100svh; }

/* Provisional horizontal wordmark fits the same responsive header. */
.interactive:not(.is-scrolled) .brand-campanha { height:clamp(48px,8svh,72px); width:auto; }
@media(max-width:650px) {
  .brand-lockup { max-width:calc(100vw - 28px); }
  .interactive:not(.is-scrolled) .brand-lockup { gap:12px; }
  .interactive:not(.is-scrolled) .brand-revolut { width:116px; }
  .interactive:not(.is-scrolled) .brand-campanha { width:132px; height:66px; }
  .interactive:not(.is-scrolled) .brand-cross { font-size:20px; }
}

/* Echope: white canvas, emerald accents. */
body { background:#fff; color:var(--wine); }
.poster { background:radial-gradient(ellipse at 78% 62%,#effaf3 0,transparent 58%),#fff; }
.shout { color:var(--tomato); opacity:.035; }
h1 { color:var(--wine); text-shadow:none; }
h1 .gold { color:var(--tomato); }
.stamp { color:var(--tomato); background:#f1faf5; border-color:#95c9ad; }
.stamp .dot { background:var(--tomato); }
.hint,.scroll-link { color:#4c7460; }
.price { color:#fff; background:var(--tomato); box-shadow:4px 5px 0 #c1e8d1,0 14px 30px #00884912; }
.product::before { background:radial-gradient(circle at 35% 30%,#f3fcf6,#daf1e3 72%,#cee9d9); box-shadow:0 0 0 9px #fff,0 0 0 11px #d5ebde,0 24px 50px #00884912; }
.rays { opacity:.12; }
.flourish { color:#39a46e; }
.badge { box-shadow:0 8px 20px #00884915,inset 0 0 0 2px #c1e4cf; }
.fineprint { background:#f3faf6; color:#456d57; }
.partners img:first-child { filter:none; }
.partners span { color:var(--tomato); }
.interactive:not(.is-scrolled) .brand-lockup { color:var(--wine); background:#ffffffed; }
.interactive:not(.is-scrolled) .brand-revolut { filter:none; }
.brand-campanha,.interactive:not(.is-scrolled) .brand-campanha { width:auto; height:clamp(56px,11svh,100px); object-fit:contain; }
.partners img:last-child { height:68px; }
@media(max-width:650px) {
  .interactive:not(.is-scrolled) .brand-revolut { width:116px; }
  .brand-campanha,.interactive:not(.is-scrolled) .brand-campanha { width:auto; height:clamp(60px,11svh,92px); }
}
@media(orientation:landscape) and (max-height:540px) {
  .brand-campanha,.interactive:not(.is-scrolled) .brand-campanha { height:44px; }
}