:root {
  --lp-night: #020b17;
  --lp-navy: #051a31;
  --lp-blue: #1f72ed;
  --lp-sky: #76b6ff;
  --lp-mint: #8aebc6;
  --lp-paper: #f2f3ef;
  --lp-white: #fff;
}

.page-landing-cinematic { background: var(--lp-night); }
.page-landing-cinematic .scroll-progress { z-index: 120; height: 2px; background: var(--lp-mint); }

.lp-nav {
  position: absolute;
  z-index: 100;
  top: 18px;
  left: 50%;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: clamp(24px,4vw,62px);
  width: min(1180px,calc(100% - 36px));
  min-height: 64px;
  padding: 8px 10px 8px 16px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 12px;
  background: rgba(3,13,27,.52);
  box-shadow: 0 14px 45px rgba(0,0,0,.18);
  backdrop-filter: blur(18px) saturate(1.2);
  transform: translateX(-50%);
  transition: top .3s ease,background .3s ease,border-color .3s ease;
}
.lp-nav__brand { display: grid; place-items: center start; width: 117px; height: 45px; padding: 5px 0; }
.lp-nav__brand img { width: auto; max-width: 100%; height: 34px; object-fit: contain; }
.lp-nav__links { display: flex; justify-content: center; gap: clamp(18px,2.8vw,38px); }
.lp-nav__links a { position: relative; padding: 8px 0; color: rgba(255,255,255,.72); font-size: .68rem; font-weight: 700; }
.lp-nav__links a::after { content: ""; position: absolute; left: 0; right: 0; bottom: 2px; height: 1px; background: var(--lp-mint); transform: scaleX(0); transform-origin: left; transition: transform .25s ease; }
.lp-nav__links a:hover { color: #fff; }
.lp-nav__links a:hover::after { transform: scaleX(1); }
.lp-nav__cta { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 44px; padding: 10px 15px; border-radius: 7px; color: #031323; background: #fff; font-size: .67rem; font-weight: 850; transition: background .2s ease,transform .2s ease; }
.lp-nav__cta:hover { background: var(--lp-mint); transform: translateY(-1px); }
.lp-nav__menu { display: none; width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.23); border-radius: 7px; background: rgba(255,255,255,.08); }
.lp-nav__menu span { display: block; width: 17px; height: 1px; margin: 5px auto; background: #fff; }

.lp-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 100svh;
  color: #fff;
  background: var(--lp-night);
}
.lp-hero__media { position: absolute; z-index: -4; inset: 0; }
.lp-hero__media video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.lp-hero__shade {
  position: absolute;
  z-index: -3;
  inset: 0;
  background:
    linear-gradient(90deg,rgba(1,8,18,.95) 0%,rgba(2,13,27,.82) 35%,rgba(2,13,27,.25) 66%,rgba(2,13,27,.16) 100%),
    linear-gradient(180deg,rgba(1,7,15,.25),transparent 45%,rgba(1,7,15,.72));
}
.lp-hero__glow { position: absolute; z-index: -2; left: -12%; bottom: -32%; width: 720px; height: 720px; border-radius: 50%; background: radial-gradient(circle,rgba(17,98,220,.28),transparent 67%); filter: blur(10px); }
.lp-hero__content {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  width: min(1180px,calc(100% - 48px));
  min-height: 100svh;
  margin: 0 auto;
  padding: 126px 0 150px;
}
.lp-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 25px; color: var(--lp-mint); font-size: .65rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.lp-eyebrow i { display: block; width: 28px; height: 1px; background: currentColor; }
.lp-hero h1 { max-width: 12.5ch; margin: 0; color: #fff; font-family: Archivo,sans-serif; font-size: clamp(3.8rem,7vw,7rem); font-weight: 800; line-height: .87; letter-spacing: -.068em; text-wrap: balance; }
.lp-hero h1 em { display: inline-block; color: var(--lp-sky); font-style: normal; }
.lp-hero__content > p { max-width: 56ch; margin: 27px 0 0; color: rgba(238,246,255,.72); font-size: .96rem; line-height: 1.68; }
.lp-hero__actions { display: flex; align-items: center; gap: 11px; margin-top: 32px; }
.lp-button { display: inline-flex; align-items: center; justify-content: center; gap: 22px; min-height: 51px; padding: 13px 18px; border: 1px solid transparent; border-radius: 7px; font-size: .72rem; font-weight: 850; transition: transform .22s ease,background .22s ease,border-color .22s ease; }
.lp-button:hover { transform: translateY(-2px); }
.lp-button--primary { color: #031323; background: #fff; }
.lp-button--primary:hover { background: var(--lp-mint); }
.lp-button--ghost { color: #fff; border-color: rgba(255,255,255,.3); background: rgba(255,255,255,.06); backdrop-filter: blur(10px); }
.lp-button--ghost:hover { border-color: rgba(255,255,255,.55); background: rgba(255,255,255,.11); }
.lp-hero__rail {
  position: absolute;
  right: 24px;
  bottom: 24px;
  left: 24px;
  display: grid;
  grid-template-columns: repeat(4,1fr);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 9px;
  background: rgba(2,12,25,.46);
  backdrop-filter: blur(16px);
}
.lp-hero__rail span { padding: 16px 18px; color: rgba(255,255,255,.72); font-size: .61rem; font-weight: 700; letter-spacing: .02em; }
.lp-hero__rail span + span { border-left: 1px solid rgba(255,255,255,.13); }
.lp-hero__rail b { margin-right: 9px; color: var(--lp-mint); font-size: .55rem; }
.lp-hero__scroll { position: absolute; right: 34px; top: 50%; display: flex; align-items: center; gap: 11px; color: rgba(255,255,255,.55); font-size: .54rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; transform: rotate(90deg) translateX(50%); transform-origin: right center; }
.lp-hero__scroll span { display: block; width: 38px; height: 1px; background: rgba(255,255,255,.45); }

@media (max-width: 900px) {
  .lp-nav { grid-template-columns: auto 1fr auto; top: 10px; width: calc(100% - 20px); }
  .lp-nav__links { display: none; }
  .lp-nav__cta { justify-self: end; }
  .lp-nav__menu { display: block; justify-self: end; }
  .lp-hero__shade { background: linear-gradient(90deg,rgba(1,8,18,.92),rgba(2,13,27,.58) 68%,rgba(2,13,27,.3)),linear-gradient(180deg,rgba(1,7,15,.2),transparent 40%,rgba(1,7,15,.78)); }
  .lp-hero__rail { grid-template-columns: repeat(2,1fr); }
  .lp-hero__rail span:nth-child(3) { border-left: 0; border-top: 1px solid rgba(255,255,255,.13); }
  .lp-hero__rail span:nth-child(4) { border-top: 1px solid rgba(255,255,255,.13); }
  .lp-hero__scroll { display: none; }
}

@media (max-width: 620px) {
  .lp-nav { min-height: 58px; padding: 7px; }
  .lp-nav__brand { width: 104px; height: 42px; }
  .lp-nav__cta { display: none; }
  .lp-nav__menu { display: block; justify-self: end; }
  .lp-hero__media video { object-position: center; }
  .lp-hero__shade { background: linear-gradient(90deg,rgba(1,8,18,.94),rgba(2,13,27,.6)),linear-gradient(180deg,rgba(1,7,15,.3),transparent 35%,rgba(1,7,15,.88)); }
  .lp-hero__content { width: calc(100% - 38px); padding: 108px 0 178px; }
  .lp-eyebrow { margin-bottom: 19px; font-size: .56rem; }
  .lp-hero h1 { font-size: clamp(3.25rem,16vw,4.5rem); line-height: .88; }
  .lp-hero__content > p { margin-top: 22px; font-size: .86rem; }
  .lp-hero__actions { align-items: stretch; flex-direction: column; width: 100%; margin-top: 27px; }
  .lp-button { width: 100%; }
  .lp-hero__rail { right: 10px; bottom: 10px; left: 10px; }
  .lp-hero__rail span { padding: 12px; font-size: .53rem; }
}

@media (prefers-reduced-motion: reduce) {
  .lp-button,
  .lp-nav,
  .lp-nav__cta,
  .lp-nav__links a::after { transition: none; }
}

/* Base da landing page */
html { background: var(--lp-night); }
.page-landing-cinematic { color: #07182b; background: var(--lp-paper); }
.page-landing-cinematic .scroll-progress { position: fixed; top: 0; left: 0; width: 0; }
.page-landing-cinematic ::selection { color: #031323; background: var(--lp-mint); }
.lp-container { width: min(1180px,calc(100% - 48px)); margin-inline: auto; }
.lp-section-number { color: #3d5d7e; font-size: .6rem; font-weight: 850; letter-spacing: .15em; text-transform: uppercase; }
.lp-overline { color: var(--lp-blue); font-size: .65rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }

.js [data-reveal] { opacity: 0; transform: translateY(34px); transition: opacity .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1); }
.js [data-reveal].is-visible { opacity: 1; transform: none; }
.js .lp-benefits article:nth-child(2) { transition-delay: .09s; }
.js .lp-benefits article:nth-child(3) { transition-delay: .18s; }

.lp-mobile-menu { position: absolute; top: 68px; right: 0; left: 0; display: none; grid-template-columns: repeat(2,1fr); gap: 2px; padding: 11px; border: 1px solid rgba(255,255,255,.16); border-radius: 10px; background: rgba(2,11,23,.96); box-shadow: 0 18px 40px rgba(0,0,0,.28); }
.lp-mobile-menu.is-open { display: grid; }
.lp-mobile-menu a { padding: 13px 12px; border-radius: 6px; color: rgba(255,255,255,.75); background: rgba(255,255,255,.045); font-size: .68rem; font-weight: 750; }
.lp-mobile-menu a:hover { color: #fff; background: rgba(255,255,255,.09); }
.menu-open { overflow: hidden; }

/* Prova social */
.lp-clients { overflow: hidden; padding: 58px 0 48px; border-bottom: 1px solid rgba(7,24,43,.1); background: #fff; }
.lp-clients__head { display: grid; grid-template-columns: 230px minmax(0,1fr); align-items: end; gap: 45px; margin-bottom: 35px; }
.lp-clients__head > span { color: var(--lp-blue); font-size: .61rem; font-weight: 850; letter-spacing: .14em; text-transform: uppercase; }
.lp-clients__head h2 { max-width: 29ch; margin: 0; font-size: clamp(1.35rem,2.2vw,1.85rem); line-height: 1.12; letter-spacing: -.03em; }
.lp-logo-marquee { overflow: hidden; mask-image: linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); }
.lp-logo-track { display: flex; width: max-content; animation: lp-logo-flow 28s linear infinite; }
.lp-logo-set { display: flex; align-items: center; }
.lp-logo-set > span { display: grid; place-items: center; width: 185px; height: 68px; margin-right: 10px; padding: 11px 22px; border: 1px solid rgba(7,24,43,.09); border-radius: 8px; background: #f7f8f6; }
.lp-logo-set img { max-width: 104px; max-height: 37px; opacity: .72; filter: grayscale(1); }
@keyframes lp-logo-flow { to { transform: translateX(-50%); } }

/* Valor */
.lp-value { position: relative; overflow: hidden; padding: 105px 0 96px; background: var(--lp-paper); scroll-margin-top: 90px; }
.lp-value::after { content: ""; position: absolute; right: -250px; top: 120px; width: 520px; height: 520px; border: 1px solid rgba(31,114,237,.12); border-radius: 50%; box-shadow: 0 0 0 70px rgba(31,114,237,.026),0 0 0 140px rgba(31,114,237,.016); }
.lp-value .lp-container { position: relative; z-index: 1; }
.lp-section-head { display: grid; grid-template-columns: 170px minmax(0,1.08fr) minmax(260px,.62fr); gap: clamp(30px,5vw,68px); align-items: end; margin-bottom: 63px; }
.lp-section-head > div { display: grid; gap: 14px; }
.lp-section-head h2 { max-width: 15ch; margin: 0; font-size: clamp(2.9rem,5vw,4.8rem); line-height: .93; letter-spacing: -.06em; }
.lp-section-head h2 em { color: var(--lp-blue); font-style: normal; }
.lp-section-head > p { max-width: 45ch; margin: 0 0 5px; color: #5c6c7c; font-size: .84rem; line-height: 1.7; }
.lp-benefits { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(7,24,43,.15); border-bottom: 1px solid rgba(7,24,43,.15); }
.lp-benefits article { position: relative; display: flex; flex-direction: column; min-height: 345px; padding: 27px 28px 24px; }
.lp-benefits article + article { border-left: 1px solid rgba(7,24,43,.15); }
.lp-benefits article > span { color: var(--lp-blue); font-size: .62rem; font-weight: 850; }
.lp-benefits h3 { max-width: 9ch; margin: auto 0 13px; font-size: clamp(1.8rem,3vw,2.7rem); line-height: .96; letter-spacing: -.05em; }
.lp-benefits p { max-width: 36ch; margin: 0 0 27px; color: #617181; font-size: .77rem; line-height: 1.58; }
.lp-benefits strong { margin-top: auto; padding-top: 16px; border-top: 1px solid rgba(7,24,43,.1); color: #20354b; font-size: .66rem; }
.lp-benefits article::after { content: ""; position: absolute; right: 24px; top: 26px; width: 9px; height: 9px; border-radius: 50%; background: var(--lp-mint); }
.lp-benefits article:nth-child(2)::after { background: var(--lp-blue); }
.lp-benefits article:nth-child(3)::after { background: #f2be45; }
.lp-inline-cta { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 25px; margin-top: 27px; padding: 18px 0; border-bottom: 1px solid rgba(7,24,43,.22); color: #07182b; font-size: .76rem; font-weight: 850; }
.lp-inline-cta b { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; color: #fff; background: var(--lp-blue); font-size: 1rem; transition: transform .25s ease; }
.lp-inline-cta:hover b { transform: rotate(45deg); }

/* Processo imersivo */
.lp-process { padding: 105px 0 110px; color: #fff; background: var(--lp-night); scroll-margin-top: 90px; }
.lp-process .lp-section-number { color: var(--lp-mint); }
.lp-process__head { display: grid; grid-template-columns: 170px minmax(0,1fr) minmax(260px,.54fr); gap: clamp(30px,5vw,68px); align-items: end; margin-bottom: 62px; }
.lp-process__head h2 { max-width: 16ch; margin: 0; color: #fff; font-size: clamp(2.8rem,4.7vw,4.55rem); line-height: .94; letter-spacing: -.055em; }
.lp-process__head p { margin: 0 0 5px; color: rgba(235,245,255,.6); font-size: .82rem; line-height: 1.65; }
.lp-process__layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,.92fr); gap: clamp(42px,6vw,82px); align-items: start; }
.lp-process__visual { position: sticky; top: 92px; }
.lp-process__visual figure { position: relative; overflow: hidden; min-height: 560px; margin: 0; border: 1px solid rgba(255,255,255,.12); border-radius: 15px; background: #14304a; }
.lp-process__visual figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 48%,rgba(1,9,19,.8)); }
.lp-process__visual img { width: 100%; height: 100%; min-height: 560px; object-fit: cover; object-position: 49% center; transition: transform .8s cubic-bezier(.16,1,.3,1); }
.lp-process__visual:hover img { transform: scale(1.025); }
.lp-process__visual figcaption { position: absolute; z-index: 2; left: 25px; right: 25px; bottom: 25px; display: flex; align-items: end; justify-content: space-between; gap: 22px; }
.lp-process__visual figcaption span { padding-top: 8px; border-top: 1px solid rgba(255,255,255,.6); color: var(--lp-mint); font-size: .58rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.lp-process__visual figcaption strong { max-width: 16ch; color: #fff; font-size: 1.2rem; line-height: 1.08; text-align: right; }
.lp-process__seal { position: absolute; z-index: 3; right: -23px; top: 26px; display: grid; gap: 3px; width: 138px; padding: 15px; border: 1px solid rgba(255,255,255,.16); border-radius: 9px; color: #fff; background: rgba(5,26,49,.78); box-shadow: 0 18px 35px rgba(0,0,0,.25); backdrop-filter: blur(14px); }
.lp-process__seal span { color: var(--lp-mint); font-size: .53rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.lp-process__seal strong { font-size: .72rem; }
.lp-process__steps { margin: 0; padding: 0; border-bottom: 1px solid rgba(255,255,255,.13); list-style: none; }
.lp-process__steps li { display: grid; grid-template-columns: 52px 1fr; gap: 22px; min-height: 185px; padding: 31px 4px; border-top: 1px solid rgba(255,255,255,.13); }
.lp-process__steps li > span { padding-top: 4px; color: var(--lp-mint); font-size: .6rem; font-weight: 850; }
.lp-process__steps small { color: var(--lp-sky); font-size: .55rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.lp-process__steps h3 { margin: 9px 0 10px; color: #fff; font-size: clamp(1.35rem,2.2vw,1.85rem); letter-spacing: -.035em; }
.lp-process__steps p { max-width: 48ch; margin: 0; color: rgba(235,245,255,.57); font-size: .76rem; line-height: 1.6; }

/* Vitrines de marcas */
.lp-brands { position: relative; overflow: hidden; padding: 106px 0 95px; background: #e9edf0; scroll-margin-top: 90px; }
.lp-brands__head { display: grid; grid-template-columns: 170px minmax(0,1fr); gap: clamp(30px,5vw,68px); margin-bottom: 55px; }
.lp-brands__head > div { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(260px,.55fr); align-items: end; gap: 40px; }
.lp-brands__head h2 { max-width: 17ch; margin: 0; font-size: clamp(2.85rem,5vw,4.7rem); line-height: .94; letter-spacing: -.06em; }
.lp-brands__head p { margin: 0 0 5px; color: #596c7f; font-size: .82rem; line-height: 1.65; }
.lp-brand-stage { position: relative; display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); overflow: hidden; min-height: 520px; margin-bottom: 14px; border-radius: 16px; }
.lp-brand-stage--tork { color: #fff; background: linear-gradient(135deg,#0a4daf,#0b2e67); }
.lp-brand-stage--oleak { color: #05281f; background: linear-gradient(135deg,#c6f1df,#f4efc9); }
.lp-brand-stage__copy { position: relative; z-index: 3; display: flex; flex-direction: column; justify-content: space-between; padding: 40px; }
.lp-brand-logo { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.lp-brand-logo img { width: auto; max-width: 96px; height: 35px; object-fit: contain; }
.lp-brand-stage--tork .lp-brand-logo img { max-width: 70px; filter: drop-shadow(0 1px 0 rgba(255,255,255,.2)); }
.lp-brand-logo span { padding: 7px 9px; border: 1px solid currentColor; border-radius: 999px; opacity: .62; font-size: .5rem; font-weight: 850; letter-spacing: .09em; text-transform: uppercase; }
.lp-brand-stage h3 { max-width: 10ch; margin: auto 0 14px; color: inherit; font-size: clamp(2.35rem,4vw,4rem); line-height: .91; letter-spacing: -.06em; }
.lp-brand-stage__copy p { max-width: 38ch; margin: 0 0 24px; opacity: .68; font-size: .8rem; line-height: 1.58; }
.lp-brand-stage__copy a { display: inline-flex; align-items: center; gap: 11px; width: fit-content; padding-bottom: 5px; border-bottom: 1px solid currentColor; font-size: .7rem; font-weight: 850; }
.lp-brand-stage__art { position: relative; min-width: 0; }
.lp-brand-stage__art::before { content: ""; position: absolute; inset: 16% 7% -22% 6%; border-radius: 50%; background: rgba(255,255,255,.14); }
.lp-art-word { position: absolute; left: 0; top: 50%; color: rgba(255,255,255,.085); font-family: Archivo,sans-serif; font-size: clamp(6rem,12vw,11rem); font-weight: 900; letter-spacing: -.08em; transform: translateY(-50%); }
.lp-brand-stage--oleak .lp-art-word { color: rgba(5,40,31,.07); }
.lp-brand-stage__art img { position: absolute; z-index: 2; right: 15%; bottom: 0; width: auto; max-width: 48%; height: 82%; object-fit: contain; filter: drop-shadow(0 28px 24px rgba(0,0,0,.2)); transform: translate3d(0,var(--parallax-y,0),0) rotate(-5deg); will-change: transform; }
.lp-brand-stage__art img + img { right: 2%; height: 69%; transform: translate3d(0,var(--parallax-y,0),0) rotate(8deg); }
.lp-brand-stage--oleak .lp-brand-stage__art img:first-of-type { right: 18%; max-width: 55%; height: 88%; animation: lp-oleak-float-left 6.8s cubic-bezier(.45,.05,.28,1) infinite; animation-play-state: paused; }
.lp-brand-stage--oleak .lp-brand-stage__art img:last-of-type { right: -1%; max-width: 55%; height: 78%; animation: lp-oleak-float-right 7.4s cubic-bezier(.42,.03,.25,1) .35s infinite; animation-play-state: paused; }
.lp-brand-stage--oleak.is-visible .lp-brand-stage__art img { animation-play-state: running; }

@keyframes lp-oleak-float-left {
  0%,100% { transform: translate3d(0,var(--parallax-y,0px),0) rotate(-5deg); }
  48% { transform: translate3d(-5px,calc(var(--parallax-y,0px) - 10px),0) rotate(-2deg); }
}
@keyframes lp-oleak-float-right {
  0%,100% { transform: translate3d(0,var(--parallax-y,0px),0) rotate(8deg); }
  52% { transform: translate3d(6px,calc(var(--parallax-y,0px) - 13px),0) rotate(5deg); }
}

/* Dispenser Tork em movimento */
.lp-brand-stage__art--tork-motion { isolation: isolate; }
.lp-brand-stage__art--tork-motion::before { inset: 7% 4% 7% 0; background: radial-gradient(circle at 56% 43%,rgba(255,255,255,.18),rgba(255,255,255,.055) 42%,transparent 70%); }
.lp-brand-stage__art--tork-motion::after { display: none; }
.lp-tork-motion { --paper-flight: 190px; position: absolute; z-index: 1; inset: 0; overflow: visible; }
.lp-tork-unit { position: absolute; z-index: 1; left: 52%; top: 5%; width: min(92%,540px); aspect-ratio: 10 / 9; transform: translate3d(-50%,0,0) rotate(-1deg); transform-origin: 50% 76%; animation: lp-tork-float 6s cubic-bezier(.45,.05,.25,1) infinite; animation-play-state: paused; will-change: transform; }
.lp-tork-motion-media { position: absolute; z-index: 3; inset: 0; display: block; }
.lp-brand-stage__art .lp-tork-motion-image { position: absolute; inset: 0; display: block; width: 100%; max-width: none; height: 100%; object-fit: contain; filter: drop-shadow(0 25px 20px rgba(2,14,35,.25)); transform: none; }
.lp-brand-stage__art .lp-tork-dispenser { position: absolute; z-index: 3; inset: 0; width: 100%; max-width: none; height: auto; object-fit: contain; filter: drop-shadow(0 25px 20px rgba(2,14,35,.25)); transform: none; animation: none; }
.lp-tork-shadow { position: absolute; z-index: 0; left: 50%; top: 91%; width: 55%; height: 18px; border-radius: 50%; opacity: .34; background: rgba(0,12,33,.48); filter: blur(9px); transform: translateX(-50%); animation: lp-tork-shadow 6s ease-in-out infinite; animation-play-state: paused; }
.lp-tork-paper { position: absolute; z-index: 2; left: 50%; top: 88%; width: clamp(44px,8vw,56px); height: clamp(92px,11vw,112px); opacity: 0; border-radius: 2px; background: repeating-linear-gradient(7deg,rgba(148,142,130,.12) 0 1px,transparent 1px 9px),linear-gradient(100deg,#dad7cf 0%,#faf9f5 19%,#c8c5bd 42%,#fffef9 62%,#d8d4ca 83%,#f5f3ed 100%); box-shadow: 0 12px 14px rgba(3,17,40,.17); clip-path: polygon(39% 0,62% 0,60% 8%,70% 15%,64% 23%,77% 32%,70% 42%,82% 53%,75% 64%,84% 76%,72% 88%,56% 100%,36% 93%,42% 82%,28% 72%,36% 62%,25% 52%,34% 42%,28% 32%,39% 22%,34% 12%); transform: translate3d(-50%,-52px,0) scale(.42,.2) rotate(-2deg); transform-origin: 50% 0; animation: lp-tork-paper-cycle 12s cubic-bezier(.35,.01,.2,1) infinite; animation-play-state: paused; will-change: transform,opacity; }
.lp-tork-paper::before { content: ""; position: absolute; inset: 5% 13%; opacity: .5; background: linear-gradient(155deg,transparent 0 23%,rgba(105,101,93,.25) 24% 26%,transparent 27% 51%,rgba(122,117,106,.22) 52% 54%,transparent 55% 76%,rgba(121,116,105,.2) 77% 79%,transparent 80%); }
.lp-tork-paper::after { content: ""; position: absolute; inset: 0; opacity: .48; background: linear-gradient(83deg,transparent 22%,rgba(111,107,98,.2) 38%,transparent 49%,rgba(255,255,255,.72) 61%,transparent 76%); }
.lp-tork-paper--two { animation-delay: 6s; }
.lp-brand-stage--tork.is-visible .lp-tork-unit,
.lp-brand-stage--tork.is-visible .lp-tork-shadow,
.lp-brand-stage--tork.is-visible .lp-tork-paper { animation-play-state: running; }
@keyframes lp-tork-float {
  0%,100% { transform: translate3d(-50%,0,0) rotate(-1deg); }
  38% { transform: translate3d(-50%,-7px,0) rotate(.5deg); }
  48% { transform: translate3d(-50%,1px,0) rotate(-.3deg) scale(.997,1.004); }
  56% { transform: translate3d(-50%,-3px,0) rotate(.15deg); }
  76% { transform: translate3d(-50%,-5px,0) rotate(-.4deg); }
}
@keyframes lp-tork-shadow {
  0%,100% { opacity: .42; transform: translateX(-50%) scale(1); }
  38%,76% { opacity: .28; transform: translateX(-50%) scale(.87); }
  48% { opacity: .47; transform: translateX(-50%) scale(1.03); }
}
@keyframes lp-tork-paper-cycle {
  0% { opacity: 0; transform: translate3d(-50%,-52px,0) scale(.42,.2) rotate(-2deg); }
  3% { opacity: 1; }
  16% { opacity: 1; transform: translate3d(-50%,0,0) scale(1) rotate(2deg); }
  24% { opacity: 1; transform: translate3d(-50%,3px,0) scale(.98,1.02) rotate(-2deg); }
  39% { opacity: 0; transform: translate3d(calc(-50% + var(--paper-flight)),-72px,0) scale(.76) rotate(28deg) skewX(-5deg); }
  40%,100% { opacity: 0; transform: translate3d(-50%,-52px,0) scale(.42,.2) rotate(-2deg); }
}

/* Segmentos */
.lp-segments { overflow: hidden; padding: 92px 0 96px; color: #fff; background: #071a2d; }
.lp-segments .lp-section-number { color: var(--lp-mint); }
.lp-segments__title { display: grid; grid-template-columns: 170px 1fr; gap: clamp(30px,5vw,68px); align-items: start; margin-bottom: 48px; }
.lp-segments__title h2 { max-width: 17ch; margin: 0; color: #fff; font-size: clamp(2.7rem,4.8vw,4.45rem); line-height: .94; letter-spacing: -.055em; }
.lp-segment-marquee { margin: 0 -20px 52px; padding: 17px 0; border-top: 1px solid rgba(255,255,255,.12); border-bottom: 1px solid rgba(255,255,255,.12); transform: rotate(-1.2deg); }
.lp-segment-marquee > div { display: flex; align-items: center; gap: 25px; width: max-content; color: rgba(255,255,255,.92); font-family: Archivo,sans-serif; font-size: clamp(2rem,4vw,4rem); font-weight: 800; letter-spacing: -.045em; white-space: nowrap; animation: lp-segment-flow 25s linear infinite; }
.lp-segment-marquee i { color: var(--lp-mint); font-style: normal; }
@keyframes lp-segment-flow { to { transform: translateX(-45%); } }
.lp-segments__links { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.13); }
.lp-segments__links a { display: flex; align-items: center; justify-content: space-between; padding: 19px 16px; border-bottom: 1px solid rgba(255,255,255,.13); color: rgba(255,255,255,.65); font-size: .72rem; font-weight: 750; transition: color .2s ease,background .2s ease; }
.lp-segments__links a:not(:nth-child(3n+1)) { border-left: 1px solid rgba(255,255,255,.13); }
.lp-segments__links a:hover { color: #fff; background: rgba(255,255,255,.045); }
.lp-segments__links span { color: var(--lp-mint); }

/* FAQ */
.lp-faq { padding: 102px 0 108px; background: #fff; }
.lp-faq__layout { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: clamp(55px,8vw,120px); }
.lp-faq h2 { max-width: 12ch; margin: 18px 0 0; font-size: clamp(2.7rem,4.8vw,4.35rem); line-height: .94; letter-spacing: -.055em; }
.lp-faq__layout > div:first-child > p { max-width: 38ch; margin: 22px 0 0; color: #657586; font-size: .8rem; line-height: 1.65; }
.lp-faq__items { border-bottom: 1px solid rgba(7,24,43,.14); }
.lp-faq details { border-top: 1px solid rgba(7,24,43,.14); }
.lp-faq summary { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 23px 3px; color: #0a1e33; font-size: .86rem; font-weight: 800; cursor: pointer; list-style: none; }
.lp-faq summary::-webkit-details-marker { display: none; }
.lp-faq summary span { position: relative; flex: 0 0 auto; width: 24px; height: 24px; border: 1px solid rgba(7,24,43,.2); border-radius: 50%; }
.lp-faq summary span::before,.lp-faq summary span::after { content: ""; position: absolute; left: 50%; top: 50%; width: 8px; height: 1px; background: #1f4d7c; transform: translate(-50%,-50%); }
.lp-faq summary span::after { transform: translate(-50%,-50%) rotate(90deg); transition: transform .2s ease; }
.lp-faq details[open] summary span::after { transform: translate(-50%,-50%) rotate(0); }
.lp-faq details p { max-width: 58ch; margin: -4px 44px 22px 3px; color: #647586; font-size: .78rem; line-height: 1.62; }

/* CTA final e rodapé */
.lp-final { position: relative; isolation: isolate; overflow: hidden; min-height: 82svh; padding: 110px 0 92px; color: #fff; background: linear-gradient(135deg,#0a5de0 0%,#073475 58%,#031324 100%); scroll-margin-top: 70px; }
.lp-final::before { content: ""; position: absolute; z-index: -2; inset: 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.11) 1px,transparent 1px); background-size: 64px 64px; mask-image: radial-gradient(circle at 50% 50%,#000,transparent 75%); }
.lp-final__orb { position: absolute; z-index: -1; right: -15%; top: -35%; width: 780px; height: 780px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; box-shadow: 0 0 0 95px rgba(255,255,255,.035),0 0 0 190px rgba(255,255,255,.02); }
.lp-final__layout { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; min-height: calc(82svh - 202px); }
.lp-final h2 { max-width: 13ch; margin: 0; color: #fff; font-size: clamp(3.9rem,7.4vw,7.4rem); line-height: .86; letter-spacing: -.07em; }
.lp-final h2 em { color: var(--lp-mint); font-style: normal; }
.lp-final__bottom { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; gap: 50px; width: 100%; margin-top: 51px; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.2); }
.lp-final__bottom > p { max-width: 55ch; margin: 0; color: rgba(255,255,255,.68); font-size: .85rem; line-height: 1.68; }
.lp-final__bottom > div { display: flex; align-items: center; gap: 17px; }
.lp-final__bottom > div > a:last-child { color: rgba(255,255,255,.62); font-size: .67rem; font-weight: 750; }

.lp-footer { padding: 58px 0 21px; color: #fff; background: #020b17; }
.lp-footer__top { display: grid; grid-template-columns: minmax(0,1.3fr) .65fr .9fr; gap: 65px; padding-bottom: 38px; }
.lp-footer__brand > span { display: grid; place-items: center start; width: 148px; height: 52px; }
.lp-footer__brand img { width: auto; height: 42px; object-fit: contain; }
.lp-footer__brand p { max-width: 43ch; margin: 20px 0 0; color: rgba(255,255,255,.53); font-size: .72rem; line-height: 1.65; }
.lp-footer nav,.lp-footer__contact { display: flex; align-items: flex-start; flex-direction: column; gap: 9px; }
.lp-footer strong { margin-bottom: 6px; color: var(--lp-mint); font-size: .58rem; letter-spacing: .14em; text-transform: uppercase; }
.lp-footer nav a,.lp-footer__contact a,.lp-footer__contact > span { color: rgba(255,255,255,.6); font-size: .69rem; }
.lp-footer a:hover { color: #fff; }
.lp-footer__bottom { display: flex; justify-content: space-between; gap: 25px; padding-top: 19px; border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.38); font-size: .58rem; }
@media (max-width: 980px) {
  .lp-clients__head,
  .lp-section-head,
  .lp-process__head { grid-template-columns: 150px minmax(0,1fr); }
  .lp-clients__head h2 { max-width: none; }
  .lp-section-head > p,
  .lp-process__head > p { grid-column: 2; }
  .lp-process__layout { grid-template-columns: 1fr; }
  .lp-process__visual { position: relative; top: 0; }
  .lp-process__visual figure,
  .lp-process__visual img { min-height: 470px; }
  .lp-brands__head { grid-template-columns: 150px 1fr; }
  .lp-brands__head > div { grid-template-columns: 1fr; gap: 18px; }
  .lp-brand-stage { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); min-height: 480px; }
  .lp-segments__title { grid-template-columns: 150px 1fr; }
  .lp-faq__layout { grid-template-columns: 1fr; gap: 45px; }
  .lp-faq h2 { max-width: 16ch; }
  .lp-final__bottom { grid-template-columns: 1fr; gap: 27px; }
  .lp-footer__top { grid-template-columns: 1.1fr .8fr 1fr; gap: 35px; }
}

@media (max-width: 700px) {
  .lp-container { width: calc(100% - 38px); }
  .lp-clients { padding: 43px 0 38px; }
  .lp-clients__head,
  .lp-section-head,
  .lp-process__head,
  .lp-brands__head,
  .lp-segments__title { grid-template-columns: 1fr; gap: 17px; }
  .lp-section-head > p,
  .lp-process__head > p { grid-column: 1; }
  .lp-clients__head { margin-bottom: 27px; }
  .lp-logo-set > span { width: 145px; height: 59px; padding: 9px 16px; }
  .lp-logo-set img { max-width: 88px; max-height: 31px; }
  .lp-value,
  .lp-process,
  .lp-brands,
  .lp-segments,
  .lp-faq { padding-top: 72px; padding-bottom: 72px; }
  .lp-section-head { margin-bottom: 38px; }
  .lp-section-head h2,
  .lp-process__head h2,
  .lp-brands__head h2,
  .lp-segments__title h2,
  .lp-faq h2 { font-size: clamp(2.65rem,12vw,3.65rem); }
  .lp-benefits { grid-template-columns: 1fr; }
  .lp-benefits article { min-height: 255px; padding: 24px 3px; }
  .lp-benefits article + article { border-top: 1px solid rgba(7,24,43,.15); border-left: 0; }
  .lp-benefits h3 { margin-top: 50px; }
  .lp-process__head { margin-bottom: 37px; }
  .lp-process__visual figure,
  .lp-process__visual img { min-height: 345px; }
  .lp-process__visual figcaption { left: 16px; right: 16px; bottom: 16px; }
  .lp-process__visual figcaption strong { font-size: .95rem; }
  .lp-process__seal { right: -6px; top: 14px; width: 125px; }
  .lp-process__steps li { grid-template-columns: 38px 1fr; gap: 11px; min-height: 0; padding: 25px 0; }
  .lp-brand-stage { grid-template-columns: 1fr; min-height: 530px; }
  .lp-brand-stage__copy { justify-content: flex-start; padding: 25px 23px; }
  .lp-brand-stage__copy > * { max-width: none; }
  .lp-brand-logo { flex-wrap: nowrap; gap: 10px; }
  .lp-brand-logo img { max-width: 88px; height: 32px; }
  .lp-brand-stage--tork .lp-brand-logo img { max-width: 66px; }
  .lp-brand-logo span { padding: 7px 9px; font-size: .46rem; white-space: nowrap; }
  .lp-brand-stage h3 { max-width: 10ch; margin: 48px 0 14px; font-size: clamp(2.05rem,9.4vw,2.55rem); line-height: .94; }
  .lp-brand-stage__copy p { max-width: 52%; margin: 0; font-size: .76rem; line-height: 1.55; }
  .lp-brand-stage__copy a { margin-top: auto; font-size: .67rem; }
  .lp-brand-stage__art { position: absolute; right: -2%; bottom: 55px; width: 58%; height: 205px; }
  .lp-brand-stage__art img { right: 16%; height: 82%; max-width: 58%; }
  .lp-brand-stage__art .lp-tork-motion-image { inset: 0; right: auto; bottom: auto; width: 100%; max-width: none; height: 100%; transform: none; }
  .lp-brand-stage__art img + img { right: -4%; height: 72%; }
  .lp-tork-motion { --paper-flight: 95px; }
  .lp-brand-stage--tork .lp-brand-stage__art { right: -4%; bottom: 52px; width: 63%; height: 225px; }
  .lp-tork-unit { left: 52%; top: 1%; width: min(112%,300px); }
  .lp-brand-stage--oleak .lp-brand-stage__art { right: -4%; bottom: 53px; width: 62%; height: 225px; }
  .lp-brand-stage--oleak .lp-brand-stage__art img:first-of-type { right: 17%; max-width: 64%; height: 93%; }
  .lp-brand-stage--oleak .lp-brand-stage__art img:last-of-type { right: -5%; max-width: 64%; height: 83%; }
  .lp-brand-stage__art .lp-tork-dispenser { width: 100%; height: auto; max-width: none; }
  .lp-tork-paper { width: 43px; height: 88px; }
  .lp-tork-shadow { width: 55%; }
  .lp-art-word { left: -20px; font-size: 6rem; }
  .lp-segment-marquee { margin-top: 35px; margin-bottom: 36px; }
  .lp-segments__links { grid-template-columns: repeat(2,1fr); }
  .lp-segments__links a:not(:nth-child(3n+1)) { border-left: 0; }
  .lp-segments__links a:nth-child(even) { border-left: 1px solid rgba(255,255,255,.13); }
  .lp-final { min-height: 760px; padding: 82px 0 78px; }
  .lp-final__layout { min-height: 600px; }
  .lp-final h2 { font-size: clamp(3.45rem,15vw,5rem); }
  .lp-final__bottom > div { align-items: stretch; flex-direction: column; }
  .lp-final__bottom .lp-button { width: 100%; }
  .lp-footer { padding: 48px 0 88px; }
  .lp-footer__top { grid-template-columns: 1fr; gap: 32px; }
  .lp-footer__bottom { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .lp-logo-track,
  .lp-segment-marquee > div,
  .lp-tork-unit,
  .lp-tork-shadow,
  .lp-tork-paper,
  .lp-brand-stage--oleak .lp-brand-stage__art img { animation: none; }
  .lp-brand-stage__art .lp-tork-motion-image { filter: drop-shadow(0 18px 16px rgba(2,14,35,.22)); }
  .lp-tork-unit { transform: translate3d(-50%,-4px,0) rotate(-1deg); }
  .lp-brand-stage__art .lp-tork-dispenser { transform: none; }
  .lp-tork-shadow { opacity: .34; transform: translateX(-50%) scale(.92); }
  .lp-tork-paper--one { opacity: 1; transform: translate3d(-50%,0,0) scale(.96) rotate(1deg); }
  .lp-tork-paper--two { display: none; }
  .js [data-reveal] { opacity: 1; transform: none; transition: none; }
  .lp-process__visual img,
  .lp-inline-cta b { transition: none; }
}