.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.page .page-bridge{height:auto;min-height:0;padding:0 18px}
.page .page-bridge .bridge-line{left:18px}
.page .bridge-content{padding:96px 0 106px;margin-left:40px;max-width:1160px}
.page .declaration{font-size:clamp(25px,3vw,40px);line-height:1.26;letter-spacing:-.025em;max-width:930px;margin:0 0 88px}
.page .declaration strong{display:inline-block;margin-top:12px;font-weight:700}
.page .page-bridge h2{font-size:clamp(28px,3.2vw,44px);line-height:1.13;letter-spacing:-.03em;margin:0 0 38px;max-width:850px}
.page .value-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px}.page .value-pair>div{border-top:2px solid var(--cor-texto);padding-top:22px;max-width:510px}.page .value-pair h3{font-size:23px;margin:0 0 12px}.page .value-pair p{font-size:18px;line-height:1.5;margin:0}
.page .next{padding-bottom:110px}.page .who-does{max-width:900px;margin:72px 0 0;font-size:17px;line-height:1.55;border-top:1px solid var(--cor-divisor);padding-top:25px}
.page .content-section{padding:108px 18px}.page .section-inner{max-width:1244px;margin:auto}.page .content-section h2,.page .closing h2{font-size:clamp(36px,4.2vw,58px);line-height:1.1;letter-spacing:-.035em;max-width:1000px;margin:0 0 34px}.page .content-section p{font-size:18px;line-height:1.58;max-width:820px}.page .section-kicker{font:500 13px/1.4 UbuntuLocal,'Ubuntu Sans',Arial,sans-serif!important;letter-spacing:.08em;text-transform:uppercase;color:var(--cor-texto-secundario);margin:0 0 18px!important}.page .section-kicker::before{content:"";display:inline-block;vertical-align:middle;width:10px;height:10px;background:var(--cor-acento);margin-right:12px}
.page .vision{background:var(--cor-superficie)}.page .vision>.section-inner>p:not(.section-kicker){margin:0 0 23px}.page .vision-piece{max-width:1150px;margin:70px 0 0;padding:36px 42px 28px;color:var(--b2-areia-50);background:linear-gradient(135deg,var(--b2-petroleo-900) 35%,var(--b2-cobre-800));border:0}.page .vision-top{text-align:right}.page .vision-top span{display:inline-block;padding:7px 10px;border:1px solid var(--b2-petroleo-300);font-size:12px;letter-spacing:.08em}.page .vision-piece h3{font-size:clamp(29px,3.3vw,44px);line-height:1.1;margin:35px 0 10px}.page .vision-line{color:var(--b2-areia-50);font-size:19px!important;margin:0 0 32px!important}.page .vision-frame{border:2px solid var(--b2-areia-50);padding:25px}.page .vision-frame-label{font-size:14px!important;font-weight:500;margin:0 0 25px!important}.page .vision-functions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.page .vision-functions>div{min-height:190px;padding:18px;background:var(--b2-petroleo-800);border-top:4px solid var(--b2-cobre-400);display:flex;flex-direction:column;gap:17px}.page .vision-functions strong{font-size:21px}.page .vision-functions span{font-size:15px;line-height:1.4;color:var(--b2-petroleo-100)}.page .vision-outside{margin:20px 0 0;padding:18px 0;border-top:1px solid var(--b2-petroleo-400);display:flex;justify-content:space-between;gap:20px;font-size:17px}.page .vision-return{font-size:15px!important;margin:26px 0 12px!important}.page .vision-piece figcaption{font-size:13px;color:var(--b2-petroleo-100);margin-top:26px}
.page .audience{border-top:1px solid var(--cor-divisor)}.page .audience .section-inner{max-width:1244px}.page .audience p:not(.section-kicker){max-width:800px}.page .audience .button{margin-top:26px}.page .supplier{background:var(--b2-areia-100)}.page .supplier .button.secondary{background:var(--b2-areia-300)}
.page .faq .section-inner{max-width:970px}.page .faq h2{margin-bottom:60px}.page .faq details{border-top:1px solid var(--cor-divisor);padding:0}.page .faq details:last-child{border-bottom:1px solid var(--cor-divisor)}.page .faq summary{list-style:none;cursor:pointer;font-size:21px;font-weight:500;line-height:1.35;padding:23px 42px 23px 0;position:relative}.page .faq summary::-webkit-details-marker{display:none}.page .faq summary::after{content:"+";position:absolute;right:4px;top:18px;font-size:28px;font-weight:400;color:var(--cor-acento)}.page .faq details[open] summary::after{content:"−"}.page .faq details p{font-size:17px;margin:0 0 26px;max-width:760px}.page .faq summary:focus-visible{outline:3px solid var(--cor-acento);outline-offset:3px}
.page .closing{background:var(--b2-petroleo-900);color:var(--b2-areia-50);padding:95px 18px 104px}.page .closing h2{margin-bottom:22px}.page .closing p{font-size:21px;line-height:1.4;margin:0 0 40px}.page .closing-actions{display:flex;gap:12px}.page .closing-actions .equal{background:var(--b2-petroleo-700);color:var(--b2-areia-50);border-color:var(--b2-petroleo-700);min-width:300px}.page .closing-actions .equal:hover{background:var(--b2-petroleo-600)}
.page .contact{background:var(--cor-fundo)}.page .contact .section-inner{max-width:830px}.page .contact h2{margin-bottom:50px}.page .contact form{display:block}.page .contact #form-intro{font-size:19px;font-weight:500;margin:0 0 16px}.page .profile-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px;border:0;margin:0;padding:0}.page .profile-choice label{position:relative;cursor:pointer}.page .profile-choice input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.page .profile-choice span{display:flex;align-items:center;justify-content:center;min-height:54px;background:var(--cor-superficie);border:2px solid var(--cor-borda-controle);font-weight:500;text-align:center}.page .profile-choice input:checked+span{background:var(--b2-petroleo-900);border-color:var(--b2-petroleo-900);color:var(--b2-areia-50)}.page .profile-choice input:focus-visible+span{outline:3px solid var(--cor-acento);outline-offset:3px}.page .form-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:34px}.page .form-fields[hidden]{display:none}.page .form-fields label{display:flex;flex-direction:column;gap:8px;font-size:16px;font-weight:500;line-height:1.3}.page .form-fields label:nth-child(n+4){grid-column:1/-1}.page .form-fields input,.page .form-fields textarea{width:100%;min-height:48px;padding:11px 12px;background:#fff;border:1px solid var(--cor-borda-controle);border-radius:2px;color:var(--cor-texto);font:400 16px/1.4 UbuntuLocal,'Ubuntu Sans',Arial,sans-serif}.page .form-fields textarea{resize:vertical}.page .form-fields input:focus-visible,.page .form-fields textarea:focus-visible{outline:3px solid var(--cor-acento);outline-offset:2px}.page .form-fields small{font-size:14px;line-height:1.4;color:var(--cor-texto-secundario);font-weight:400}.page .form-fields label[hidden]{display:none}.page .field-error{color:#8F2639;font-size:14px!important;font-weight:500;margin:8px 0 0}.page .form-fields label.invalid input,.page .form-fields label.invalid textarea{border:2px solid #8F2639}.page .privacy-line{font-size:15px!important;margin:32px 0 20px}.page .privacy-line a{color:var(--cor-link);text-decoration:underline}.page .submit-button{border:0;cursor:pointer;font:500 16px UbuntuLocal,'Ubuntu Sans',Arial,sans-serif}.page .form-status{font-size:16px!important;padding:15px 18px;margin:22px 0 0!important;background:var(--b2-ardosia-100);border-left:4px solid var(--b2-ardosia-600)}.page .form-status.error{background:#FEDFE0;border-color:#8F2639}.page .contact-alternative{margin-top:46px}.page .contact .section-inner>p:last-child{font-size:15px}
.page .site-footer{border-top:1px solid var(--cor-divisor);padding:50px 18px 35px}.page .site-footer .section-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap}.page .site-footer img{display:block;width:380px;max-width:100%;height:auto}.page .site-footer nav{display:flex;gap:20px;font-size:14px}.page .site-footer nav a{color:var(--cor-link)}.page .site-footer small{width:100%;font-size:13px;color:var(--cor-texto-secundario)}
@media(max-width:720px){.page .page-bridge{padding:0 20px}.page .page-bridge .bridge-line{left:20px}.page .bridge-content{margin-left:25px;padding:64px 0 78px}.page .declaration{font-size:26px;margin-bottom:60px}.page .page-bridge h2{font-size:30px;margin-bottom:28px}.page .value-pair{display:block}.page .value-pair>div{padding-top:16px;margin-top:25px}.page .value-pair h3{font-size:20px}.page .value-pair p{font-size:16px}.page .next{padding-bottom:85px}.page .who-does{margin-top:50px;font-size:16px}.page .content-section{padding:76px 20px}.page .content-section h2,.page .closing h2{font-size:36px}.page .content-section p{font-size:16px}.page .vision-piece{margin:45px 0 0;padding:22px 18px}.page .vision-piece h3{margin-top:26px}.page .vision-functions{display:block}.page .vision-functions>div{min-height:0;margin-top:10px}.page .vision-outside{display:block}.page .vision-outside span{display:block;margin-top:7px}.page .faq h2{margin-bottom:35px}.page .faq summary{font-size:18px}.page .faq details p{font-size:16px}.page .closing{padding:70px 20px 78px}.page .closing p{font-size:18px}.page .closing-actions{flex-direction:column}.page .closing-actions .equal{width:100%;min-width:0}.page .profile-choice{gap:8px}.page .profile-choice span{font-size:14px;padding:8px}.page .form-fields{display:block}.page .form-fields label{margin-bottom:24px}.page .site-footer{padding:45px 20px 30px}.page .site-footer img{width:340px}.page .site-footer nav{flex-wrap:wrap;gap:12px 18px}}
.page .label-text span[aria-hidden]{color:var(--cor-acento)}

/* Rodada editorial 2: dois lados, trilha vertical e registro IA responsivo. */
.page .site-header{max-width:none;background:var(--b2-petroleo-900);color:var(--b2-areia-50);border:0;padding-inline:max(18px,calc((100vw - 1244px)/2))}
.page .site-header .contact-link{color:var(--b2-areia-50);border:1px solid var(--b2-petroleo-300);padding:10px 16px;text-decoration:none!important;margin-left:0}
.page .site-header .contact-link:hover{background:var(--b2-petroleo-700)}
.page .hero{padding-top:84px}
.page .hero .subtitle{max-width:720px}
.page .bridge-content{padding-top:76px;padding-bottom:90px}
.page .declaration{max-width:1100px;margin-bottom:80px}
.page .declaration strong{display:block;margin-top:18px}
.page .value-pair{gap:48px}
.page .value-pair>div{position:relative;border-top:0;padding:31px 24px 0 0}
.page .value-pair>div:last-child{padding-left:24px;padding-right:0}
.page .value-pair>div::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--cor-texto)}
.page .value-pair>div:last-child::before{background:var(--cor-acento)}
.page .value-pair h3{font-size:clamp(27px,3vw,42px);margin:0 0 56px;min-height:2.2em}
.page .value-pair h3{color:var(--cor-texto-secundario)}
.page .next{padding-bottom:90px}
.page .next .track{display:none}
.page .next::before{height:var(--join-height,170px)}
.page .next .steps{position:relative;display:block;max-width:820px;margin:62px 0 0 5px;padding:0 0 0 45px;border-left:2px solid var(--cor-divisor)}
.page .next .steps::before{content:"";position:absolute;left:-2px;top:0;width:2px;height:calc(var(--process-progress,0) * 100%);background:var(--cor-acento)}
.page .next .steps>li{position:relative;min-height:220px;padding:0 0 56px}
.page .next .steps>li:last-child{min-height:0;padding-bottom:0}
.page .next .steps>li::before{content:"";position:absolute;left:-53px;top:4px;width:12px;height:12px;background:var(--cor-fundo);border:2px solid var(--cor-texto)}
.page .next .steps>li.is-current::before,.page .next .steps>li.is-past::before{background:var(--cor-acento);border-color:var(--cor-acento)}
.page .next .steps h3{font-size:clamp(23px,2.2vw,30px);margin-bottom:19px}
.page .next .steps ul{padding:0;margin:0;list-style:none;display:grid;gap:10px}
.page .next .steps ul li{position:relative;padding:0 0 0 22px;margin:0;min-height:0;max-width:none;font-size:17px;line-height:1.5;color:var(--cor-texto-secundario)}
.page .next .steps ul li::before{content:"";position:absolute;top:.55em;left:0;width:7px;height:7px;background:var(--cor-acento);border:0}
.page .who-does{margin-left:50px}
.page .vision{color:var(--b2-areia-50);background:linear-gradient(135deg,var(--b2-petroleo-900) 32%,var(--b2-cobre-800));padding-top:82px;padding-bottom:88px}
.page .vision .section-inner{max-width:1244px}
.page .vision .section-kicker{color:var(--b2-petroleo-100)}
.page .vision .section-kicker::before{background:var(--b2-areia-50)}
.page .vision-top{margin-bottom:28px}
.page .vision-top span{display:inline-block;padding:8px 12px;border:1px solid var(--b2-areia-50);font-size:12px;letter-spacing:.08em}
.page .vision h2{max-width:980px;margin-bottom:22px}
.page .vision .vision-intro{max-width:930px;font-size:20px}
.page .vision .vision-context{max-width:930px;font-size:14px;color:var(--b2-petroleo-100);margin-top:16px}
.page .vision-flow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin:58px 0 35px;font-size:13px;text-transform:uppercase;letter-spacing:.06em}
.page .flow-dots{height:9px;background:repeating-linear-gradient(90deg,var(--b2-cobre-400) 0 7px,transparent 7px 13px);opacity:.9}
.page .vision-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(210px,1fr);gap:24px}
.page .vision-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.page .vision-pillar{border-top:2px solid var(--b2-areia-50);padding:18px 8px 0 0}
.page .vision-number{color:var(--b2-cobre-400);font-size:14px}
.page .vision-pillar h3,.page .vision-decision h3{font-size:24px;line-height:1.18;margin:22px 0 24px}
.page .vision-pillar ul{list-style:none;padding:0;margin:0;display:grid;gap:16px}
.page .vision-pillar li{position:relative;padding-left:17px;font-size:15px;line-height:1.45;color:var(--b2-petroleo-100)}
.page .vision-pillar li::before{content:"";width:7px;height:7px;position:absolute;top:.5em;left:0;background:var(--b2-cobre-400)}
.page .vision-decision{border-left:2px solid var(--b2-areia-50);padding-left:24px}
.page .decision-square{display:block;width:44px;height:44px;border:2px solid var(--b2-areia-50)}
.page .vision-decision p{font-size:16px;color:var(--b2-areia-50)}
.page .vision .vision-return{margin:70px 0 0!important;padding:18px 0 0;border-top:1px solid var(--b2-petroleo-300);font-size:16px!important;color:var(--b2-areia-50)}
.page .vision-return span{color:var(--b2-cobre-400);font-size:24px;margin-right:10px}
.page .buyer{position:relative;background:var(--b2-areia-50)}
.page .buyer .section-inner{margin-left:max(0px,calc((100vw - 1244px)/2));margin-right:auto;max-width:620px}
.page .buyer::after{content:"";position:absolute;right:10%;top:50%;width:20%;height:2px;background:var(--cor-texto)}
.page .supplier{position:relative;background:var(--b2-petroleo-900);color:var(--b2-areia-50)}
.page .supplier .section-inner{max-width:620px;margin-right:max(0px,calc((100vw - 1244px)/2));margin-left:auto}
.page .supplier::before{content:"";position:absolute;left:10%;top:50%;width:20%;height:2px;background:var(--b2-cobre-400)}
.page .buyer::before,.page .supplier::after{content:"";position:absolute;top:calc(50% - 6px);width:12px;height:12px;background:var(--cor-acento)}
.page .buyer::before{right:10%}.page .supplier::after{left:10%;background:var(--b2-cobre-400)}
.page .supplier .section-kicker{color:var(--b2-petroleo-100)}
.page .supplier .section-kicker::before{background:var(--b2-cobre-400)}
.page .supplier .button.secondary{background:var(--b2-areia-50);color:var(--b2-petroleo-900);border-color:var(--b2-areia-50)}
.page .supplier .button.secondary:hover{background:var(--b2-areia-300)}
.page .faq-heading{display:flex;align-items:center;justify-content:space-between;gap:30px}
.page .faq-heading h2{margin-bottom:60px}
.page .faq-graphic{width:90px;height:90px;flex:none;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;transform:rotate(8deg);margin-bottom:60px}
.page .faq-graphic i{border:2px solid var(--cor-texto)}
.page .faq-graphic i:nth-child(2),.page .faq-graphic i:nth-child(3){background:var(--cor-acento);border-color:var(--cor-acento)}
.page .closing{position:relative;isolation:isolate;overflow:hidden}
.page .closing::before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/closing-abstract-ai-study.png') center/cover;transform:scale(var(--closing-scale,1.06));will-change:transform}
.page .closing::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,28,34,.78),rgba(10,28,34,.48) 58%,rgba(10,28,34,.2))}
.page .closing-image-note{position:absolute;bottom:8px;right:20px;margin:0!important;font-size:11px!important;color:var(--b2-petroleo-100)}
.page .closing-actions .equal{background:var(--b2-areia-50);color:var(--b2-petroleo-900);border-color:var(--b2-areia-50)}
.page .closing-actions .equal:hover{background:var(--b2-areia-300)}
.page .profile-choice label span{transition:background .18s,border-color .18s,color .18s}
.page .profile-choice label:hover span{border-color:var(--cor-acento);background:var(--b2-areia-300)}
.page .profile-choice input:checked+span,.page .profile-choice label:hover input:checked+span{background:var(--b2-petroleo-900);color:var(--b2-areia-50);border-color:var(--b2-petroleo-900)}
.page .privacy-line{margin:17px 0 0}
.page .site-footer{background:var(--b2-petroleo-900);color:var(--b2-areia-50);border:0}
.page .site-footer nav a{color:var(--b2-areia-50)}
.page .site-footer small{color:var(--b2-petroleo-100)}
@media(max-width:1100px){.page .site-header .desktop-nav{gap:16px;font-size:13px}}
@media(max-width:720px){
  .page .site-header{padding-inline:20px}
  .page .menu-button{background:var(--b2-petroleo-800);color:var(--b2-areia-50);border-color:var(--b2-petroleo-300)}
  .page .mobile-nav:not([hidden]){background:var(--b2-petroleo-900);color:var(--b2-areia-50)}
  .page .mobile-nav a{border-color:var(--b2-petroleo-600)}
  .page .hero{padding-top:66px}
  .page .bridge-content{padding:56px 0 70px}
  .page .declaration{font-size:25px;margin-bottom:55px}
  .page .value-pair>div,.page .value-pair>div:last-child{padding:20px 0 0}
  .page .value-pair>div:last-child{margin-top:54px}
  .page .value-pair h3{font-size:29px;min-height:0;margin-bottom:28px}
  .page .next .steps{padding-left:30px;margin-left:5px}
  .page .next .steps>li{min-height:0;padding-bottom:70px;max-width:none}
  .page .next .steps>li::before{left:-38px}
  .page .next .steps ul li{font-size:15px;max-width:none;padding-left:20px}
  .page .who-does{margin-left:35px}
  .page .vision{padding-top:70px;padding-bottom:75px}
  .page .vision .vision-intro{font-size:17px}
  .page .vision-flow{grid-template-columns:1fr auto;gap:10px;margin:42px 0 30px}
  .page .vision-flow .flow-dots{grid-column:1/-1;grid-row:2}
  .page .vision-grid,.page .vision-pillars{display:block}
  .page .vision-pillar{padding-bottom:30px}
  .page .vision-pillar h3{margin:13px 0 17px}
  .page .vision-decision{border-left:0;border-top:2px solid var(--b2-areia-50);padding:28px 0 0}
  .page .vision .vision-return{margin-top:45px!important}
  .page .buyer .section-inner,.page .supplier .section-inner{max-width:none;margin:0}
  .page .buyer::after,.page .supplier::before{top:auto;bottom:0;left:20px;right:20px;width:auto}
  .page .buyer::before,.page .supplier::after{top:auto;bottom:-5px;right:20px;left:auto}
  .page .faq-graphic{width:58px;height:58px;gap:5px}
  .page .closing::before{background-position:62% center}
  .page .closing::after{background:rgba(10,28,34,.7)}
  .page .closing-image-note{bottom:7px;right:10px;font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){.page .closing::before{transform:none!important}.page .flow-dots,.page .vision-pillar{animation:none!important}.page .profile-choice label span{transition:none!important}}
@media(prefers-reduced-motion:no-preference){
  .page .vision.is-active .flow-dots{animation:flow-dots 12s linear infinite}
  .page .vision.is-active .vision-pillar{animation:vision-rise .8s both}
  .page .vision.is-active .vision-pillar:nth-child(2){animation-delay:.28s}
  .page .vision.is-active .vision-pillar:nth-child(3){animation-delay:.56s}
  .page .vision.is-active .vision-pillar li::before{animation:vision-state 12s ease-in-out infinite}
  .page .vision.is-active .vision-pillar:nth-child(2) li::before{animation-delay:2s}
  .page .vision.is-active .vision-pillar:nth-child(3) li::before{animation-delay:4s}
  .page .reveal.in-view{animation:section-rise .7s both}
}
@keyframes flow-dots{from{background-position:0 0}to{background-position:156px 0}}
@keyframes vision-rise{from{transform:translateY(12px)}to{transform:none}}
@keyframes vision-state{0%,16%{background:transparent;box-shadow:inset 0 0 0 1px var(--b2-cobre-400)}20%,95%{background:var(--b2-cobre-400);box-shadow:none}100%{background:transparent;box-shadow:inset 0 0 0 1px var(--b2-cobre-400)}}
@keyframes section-rise{from{opacity:.75;transform:translateY(18px)}to{opacity:1;transform:none}}

/* Rodada 4: cabeçalho fixo, fluxo completo de Produto e conexão entre públicos. */
.page .site-header{position:sticky;top:0;z-index:30}
.page .skip{z-index:40}
.page section[id]{scroll-margin-top:112px}
.page .site-header .contact-link{background:var(--b2-cobre-600);border-color:var(--b2-cobre-600);color:var(--b2-areia-50);font-weight:700}
.page .site-header .contact-link:hover{background:var(--b2-cobre-700);border-color:var(--b2-cobre-700);text-decoration:none}
.page .hero .actions .button,.page .audience .button{min-width:236px}
.page.image-backdrop .image-note{position:static;display:block;text-align:right;margin:8px 0 12px}
.page .declaration{max-width:1100px}
.page .declaration-lead{display:block;max-width:850px}
.page .buyer .section-inner,.page .supplier .section-inner{max-width:min(580px,calc(50vw - 48px))}
.page .value-pair h3{margin-bottom:24px;min-height:0}
.page .value-pair>div{padding-top:28px}
.page .value-pair>div:last-child{padding-left:24px}
.page .vision-flow{margin-bottom:12px}
.page .flow-visual{position:relative;display:block;height:66px;min-width:0}
.page .flow-dots{position:absolute;left:0;right:0;top:42px}
.page .vision-cloud{position:absolute;inset:0;overflow:hidden}
.page .vision-cloud span{position:absolute;left:var(--from-x);top:var(--from-y);width:5px;height:5px;background:var(--b2-cobre-400);opacity:.55;animation:cloud-form 10s ease-in-out infinite paused;animation-delay:var(--cloud-delay)}
.page .vision.is-active .vision-cloud span{animation-play-state:running}
.page .vision-learning{position:relative;margin:54px 0 0;height:28px;border-right:2px solid var(--b2-areia-50)}
.page .learning-line{position:absolute;left:0;right:0;bottom:0;border-top:2px solid var(--b2-areia-50);transform:scaleX(0);transform-origin:right}
.page .learning-arrow{position:absolute;left:0;bottom:0;width:10px;height:10px;border-left:2px solid var(--b2-areia-50);border-top:2px solid var(--b2-areia-50);transform:translateY(-1px) rotate(-45deg);opacity:0}
.page .vision.is-active .learning-line{animation:learning-draw 10s linear infinite}
.page .vision.is-active .learning-arrow{animation:learning-tip 10s linear infinite}
.page .vision .vision-return{margin:0!important;border:0;padding-top:14px}
.page .vision-accumulation{display:flex;align-items:center;gap:18px;margin-top:30px}
.page .accumulation-label{flex:none;color:var(--b2-petroleo-100);text-transform:uppercase;font-size:12px;letter-spacing:.06em}
.page .accumulation-squares{display:flex;gap:4px;min-width:0;flex-wrap:wrap}
.page .accumulation-squares span{width:8px;height:8px;background:transparent;transition:background .12s}
.page .accumulation-squares span.is-filled{background:var(--b2-cobre-400)}
.page .vision-pillar li.is-done::before{background:transparent!important;box-shadow:inset 0 0 0 1px var(--b2-cobre-400)!important}
.page .vision-pillar li.is-active::before{background:var(--b2-cobre-400)!important;box-shadow:none!important}
.page .vision-pillar li.is-active{color:var(--b2-areia-50);font-weight:500}
.page .audience-pair{position:relative}
.page .audience-pair .section-kicker{display:table}
.page .audience-pair .buyer::before,.page .audience-pair .buyer::after,.page .audience-pair .supplier::before,.page .audience-pair .supplier::after{display:none}
.page .audience-thread{position:absolute;z-index:4;left:50%;top:var(--pair-start,90px);height:var(--pair-height,100px);width:2px;pointer-events:none}
.page .audience-track,.page .audience-progress{position:absolute;left:0;top:0;width:2px;height:100%;background:linear-gradient(to bottom,var(--b2-petroleo-900) 0 var(--pair-turn,50%),var(--b2-cobre-400) var(--pair-turn,50%) 100%)}
.page .audience-track{opacity:.22}
.page .audience-progress{height:calc(var(--vertical-progress,0) * 100%)}
.page .audience-branch-start,.page .audience-branch-end{position:absolute;height:2px;background:var(--b2-petroleo-900)}
.page .audience-branch-start{right:0;top:0;width:var(--pair-start-width,0px);transform:scaleX(var(--start-progress,0));transform-origin:left}
.page .audience-branch-end{left:2px;bottom:0;width:var(--pair-end-width,0px);background:var(--b2-cobre-400);transform:scaleX(var(--end-progress,0));transform-origin:left}
.page .audience-start,.page .audience-end,.page .audience-tip{position:absolute;width:12px;height:12px;left:-5px;background:var(--b2-petroleo-900)}
.page .audience-start{top:-5px}
.page .audience-end{bottom:-5px;background:var(--b2-cobre-400)}
.page .audience-tip{top:calc(var(--vertical-progress,0) * 100% - 5px);background:var(--b2-petroleo-900);opacity:var(--tip-opacity,0)}
.page .audience-tip.on-dark{background:var(--b2-cobre-400)}
.page .contact .submit-button{margin-top:30px}
.page .contact h2:focus{outline:3px solid var(--cor-acento);outline-offset:6px}
@media(max-width:720px){
  .page .hero .actions .button,.page .audience .button{min-width:0}
  .page .value-pair h3{margin-bottom:16px}
  .page .value-pair>div:last-child{padding-left:0}
  .page .vision-flow{grid-template-columns:1fr auto;gap:10px}
  .page .flow-visual{grid-column:1/-1;grid-row:2;height:70px}
  .page .audience-thread{left:20px}
  .page .audience-branch-start,.page .audience-branch-end{display:none}
  .page .audience-pair .audience .section-inner{padding-left:26px}
  .page .buyer .section-inner,.page .supplier .section-inner{max-width:none}
}
@media(prefers-reduced-motion:reduce){
  .page .vision-cloud span{animation:none!important;left:var(--to-x);top:42px;opacity:1}
  .page .learning-line{transform:none!important}
  .page .learning-arrow{opacity:1!important}
  .page .accumulation-squares span{transition:none!important}
  .page .audience-progress{height:100%!important}
  .page .audience-branch-start,.page .audience-branch-end{transform:none!important}
  .page .audience-tip{display:none}
}
@keyframes cloud-form{0%,8%{transform:none;opacity:.35}26%,78%{transform:translate(calc(var(--to-x) - var(--from-x)),calc(42px - var(--from-y)));opacity:1}100%{transform:none;opacity:.35}}
@keyframes learning-draw{0%,64%{transform:scaleX(0)}84%,100%{transform:scaleX(1)}}
@keyframes learning-tip{0%,82%{opacity:0}84%,100%{opacity:1}}

/* Rodada 5: imagem integral, divisória contínua, módulos e percurso entre públicos. */
.page.image-backdrop .hero{max-width:none;min-height:570px;padding:82px max(20px,calc((100vw - 1244px)/2)) 36px;background:linear-gradient(90deg,rgba(247,245,239,.97) 0%,rgba(247,245,239,.92) 30%,rgba(247,245,239,.5) 57%,rgba(247,245,239,.06) 100%),url('assets/hero-abstract-ai-study.png') center 54%/cover}
.page.image-backdrop .hero::before{display:none}
.page .hero-copy{max-width:1244px;margin:auto}
.page .hero .subtitle{margin-top:32px}
.page .hero .actions{margin-top:42px}
.page.image-backdrop .image-note{position:absolute;right:max(20px,calc((100vw - 1244px)/2));bottom:12px;margin:0;font-size:11px}
.page .hero-divider{height:110px;width:100%;position:relative;border-bottom:2px solid var(--b2-petroleo-900);background:var(--b2-areia-50)}
.page .hero-divider .formation-field{width:100%;height:108px}
.page .page-bridge .bridge-corner{top:-7px}
.page .vision-flow{grid-template-columns:auto minmax(0,1fr) auto;gap:22px;margin-top:54px;margin-bottom:18px}
.page .flow-visual{height:100px}
.page .flow-dots{left:35%;top:50px;opacity:.25}
.page .vision-cloud span{width:7px;height:7px;top:var(--from-y);opacity:.8;animation:cloud-form-v5 10s ease-in-out infinite paused}
.page .vision.is-active .vision-cloud span{animation-play-state:running}
@keyframes cloud-form-v5{0%,8%{left:var(--from-x);top:var(--from-y);opacity:.55}30%,79%{left:var(--to-x);top:50px;opacity:1}100%{left:var(--from-x);top:var(--from-y);opacity:.55}}
.page .vision-pillar li::before{content:"";width:12px;height:12px;top:.28em;background:transparent;box-shadow:inset 0 0 0 1px var(--b2-petroleo-300)}
.page .vision.is-active .vision-pillar li::before{animation:none}
.page .vision-pillar li.is-active::before{content:"";background:var(--b2-cobre-400)!important;box-shadow:0 0 0 2px var(--b2-areia-50)!important}
.page .vision-pillar li.is-done{color:var(--b2-areia-50)}
.page .vision-pillar li.is-done::before{content:"✓";top:.05em;width:15px;height:15px;color:var(--b2-petroleo-900);background:var(--b2-areia-50)!important;box-shadow:none!important;font:700 13px/15px Arial,sans-serif;text-align:center}
.page .vision-learning{height:37px;margin-top:58px;border-right:2px solid var(--b2-areia-50)}
.page .learning-arrow{left:-5px;bottom:-6px;width:0;height:0;border:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:11px solid var(--b2-areia-50);transform:none;opacity:0}
.page .learning-modules{position:absolute;left:0;right:0;bottom:-4px;height:9px;pointer-events:none}
.page .learning-modules i{position:absolute;width:9px;height:9px;background:var(--b2-cobre-400);opacity:0}
.page .learning-modules i:nth-child(1){left:20%}.page .learning-modules i:nth-child(2){left:42%}.page .learning-modules i:nth-child(3){left:64%}.page .learning-modules i:nth-child(4){left:86%}
.page .vision.is-active .learning-modules i{animation:learning-square 10s linear infinite}
.page .vision.is-active .learning-modules i:nth-child(2){animation-delay:.15s}.page .vision.is-active .learning-modules i:nth-child(3){animation-delay:.3s}.page .vision.is-active .learning-modules i:nth-child(4){animation-delay:.45s}
@keyframes learning-square{0%,64%{opacity:0}71%,95%{opacity:1}100%{opacity:0}}
.page .accumulation-squares span.is-new{background:var(--b2-areia-50);box-shadow:0 0 0 2px var(--b2-cobre-400);transform:scale(1.2)}
.page .audience-pair{overflow:hidden}
.page .audience{padding-top:88px;padding-bottom:96px}
.page .audience .section-inner{position:relative;z-index:2}
.page .audience h2{margin-bottom:0;max-width:650px}
.page .audience-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:60px}
.page .audience-modules p{position:relative;max-width:none!important;min-height:142px;margin:0;padding:24px 21px 20px;border:1px solid var(--b2-areia-200);background:rgba(255,255,255,.55);font-size:16px;line-height:1.47}
.page .audience-modules p::before{content:"";position:absolute;top:-5px;left:20px;width:9px;height:9px;background:var(--b2-cobre-600)}
.page .supplier .audience-modules p{background:var(--b2-petroleo-800);border-color:var(--b2-petroleo-700)}
.page .supplier .audience-modules p::before{background:var(--b2-cobre-400)}
.page .audience-path{position:absolute;z-index:3;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.page .audience-path-base,.page .audience-path-active{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}
.page .audience-path-base{stroke:url(#audience-gradient);opacity:.38}
.page .audience-path-active{stroke-width:3}
.page .audience-path-head{fill:var(--b2-petroleo-900)}
.page .audience .button{margin-top:30px}
.page .contact{background:var(--b2-areia-100)}
.page .contact form{max-width:840px;background:var(--b2-areia-50);padding:clamp(24px,4vw,48px);border:1px solid var(--b2-areia-200);border-radius:16px;box-shadow:0 18px 42px rgba(23,43,50,.06)}
.page .contact .submit-button{min-width:260px;padding-inline:42px}
@media(min-width:721px) and (max-width:1100px){.page .audience-modules{grid-template-columns:1fr}.page .audience-modules p{min-height:0}}
@media(max-width:720px){
  .page.image-backdrop .hero{min-height:570px;padding:66px 20px 38px;background:linear-gradient(90deg,rgba(247,245,239,.92),rgba(247,245,239,.68)),url('assets/hero-abstract-ai-study.png') 66% center/cover}
  .page .hero .subtitle{margin-top:26px}
  .page .hero .actions{margin-top:34px}
  .page.image-backdrop .image-note{right:20px;bottom:12px;font-size:10px}
  .page .hero-divider{height:83px}.page .hero-divider .formation-field{height:81px}
  .page .vision-flow{grid-template-columns:1fr auto;margin-top:40px;gap:12px}
  .page .flow-visual{grid-column:1/-1;grid-row:2;height:96px}
  .page .flow-dots{left:35%;top:50px}
  .page .audience{padding-top:78px;padding-bottom:84px}
  .page .audience-pair .audience .section-inner{padding-left:30px;padding-right:8px}
  .page .audience-modules{grid-template-columns:1fr;gap:12px;margin-top:52px}
  .page .audience-modules p{min-height:0;padding:20px;font-size:16px}
  .page .contact form{padding:24px 19px}
  .page .contact .submit-button{min-width:0;width:100%}
}
@media(prefers-reduced-motion:reduce){
  .page .vision-cloud span{left:var(--to-x);top:50px;opacity:1;animation:none!important}
  .page .learning-modules i{opacity:1!important;animation:none!important}
  .page .learning-arrow{opacity:1!important}
}
@media(prefers-reduced-motion:no-preference){.page .audience-modules p.in-view{animation:section-rise .7s both}}

/* Rodada 6: formação no limite da imagem e uma trilha contínua no processo. */
.page .hero-divider{margin-top:-110px;z-index:1;background:linear-gradient(to bottom,rgba(247,245,239,0),rgba(247,245,239,.72) 84%,rgba(247,245,239,.88))}
.page.image-backdrop .image-note{position:absolute;top:auto;right:max(20px,calc((100vw - 1244px)/2));bottom:120px;margin:0;color:var(--b2-petroleo-900);font-size:11px}
.page .next::before{left:18px;top:0;height:var(--process-line-height,620px);background:var(--cor-acento);transform:scaleY(var(--process-progress,0));transform-origin:top;opacity:var(--thread-reached,1)}
.page .next .steps{margin-left:0;border-left:0}
.page .next .steps::before{display:none}
.page .next .steps>li::before{left:-51px}
.page .vision-cloud span,.page .vision.is-active .vision-cloud span{animation:none!important}
.page .flow-dots{height:15px;top:45px;background:none;opacity:.3}
.page .flow-dots::before,.page .flow-dots::after{content:"";position:absolute;left:0;right:0;height:7px;background:repeating-linear-gradient(90deg,var(--b2-cobre-400) 0 6px,transparent 6px 10px)}
.page .flow-dots::before{top:0}.page .flow-dots::after{top:8px}
.page .vision.is-active .flow-dots,.page .vision.is-active .vision-pillar,.page .vision.is-active .vision-pillar li::before{animation:none!important}
.page .vision-learning{border-right:2px solid var(--b2-areia-50)}
.page .vision-learning::before{content:"";position:absolute;left:0;bottom:0;height:21px;border-left:2px solid var(--b2-areia-50)}
.page .learning-line{transform:none!important}
.page .learning-arrow{left:-6px;bottom:17px;border:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:11px solid var(--b2-areia-50);opacity:1!important}
.page .learning-modules i,.page .vision.is-active .learning-modules i{animation:none!important}
.page .accumulation-squares span{transition:none}
.page .vision-pillar ul{gap:13px}
.page .vision-pillar li{min-height:2.8em;font-family:'Ubuntu Sans Mono',monospace;font-size:14px;letter-spacing:-.015em}
.page .vision-pillar li.is-done::before{color:#73AF7F;background:transparent!important;box-shadow:inset 0 0 0 1px #73AF7F!important}
.page .vision-decision ul{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:13px}
.page .vision-decision li{position:relative;padding-left:19px;font-size:15px;line-height:1.45;color:var(--b2-areia-50)}
.page .vision-decision li::before{content:"";position:absolute;left:0;top:.43em;width:9px;height:9px;border:1px solid var(--b2-areia-50)}
.page .vision-accumulation{align-items:flex-start;flex-wrap:wrap;gap:16px 24px;margin-top:30px}
.page .vision-accumulation p{margin:0!important;display:flex;flex-wrap:wrap;gap:8px 15px;align-items:center;font-size:15px!important;line-height:1.4}
.page .vision-accumulation strong{font-weight:500;color:var(--b2-areia-50)}
.page .audience .section-inner,.page .buyer .section-inner,.page .supplier .section-inner{max-width:min(790px,calc(100vw - 180px))}
.page .audience-modules{grid-template-columns:repeat(2,minmax(0,1fr))}
.page .audience-modules p{min-height:132px}
.page .contact .submit-button{width:100%}
@media(max-width:720px){
  .page .hero-divider{margin-top:-83px;background:linear-gradient(to bottom,rgba(247,245,239,0),rgba(247,245,239,.75) 78%,rgba(247,245,239,.9))}
  .page.image-backdrop .image-note{right:20px;bottom:93px;font-size:10px}
  .page .next::before{left:20px}
  .page .next .steps{margin-left:0}
  .page .next .steps>li::before{left:-36px}
  .page .audience .section-inner,.page .buyer .section-inner,.page .supplier .section-inner{max-width:none}
  .page .audience-modules{grid-template-columns:1fr}
  .page .vision-pillar li{min-height:0}
  .page .flow-dots{top:45px}
}