/* ============================================================
   RENTABILIZA — PÁGINA 2
   CSS PRINCIPAL
   Paleta: verde profundo + verde institucional + ouro sóbrio.
   O conteúdo é visível por padrão. As animações só são ativadas
   depois que o JavaScript confirma que está funcionando.
   ============================================================ */
:root{
  --r-950:#03150a;--r-900:#05290e;--r-850:#073615;--r-800:#0b3d1b;
  --r-700:#164d2e;--r-600:#365f45;--r-light:#58734e;--r-soft:#789273;
  --r-paper:#f4f5ef;--r-paper2:#e9eee6;--r-gold:#b89b5e;--r-gold2:#cbb67e;
  --r-white:#f4f6f1;--r-ink:#0a1a0f;--r-muted:#b4beb5;--r-line:rgba(203,182,126,.24);
  --r-gutter:clamp(22px,5vw,80px);--r-header-offset:116px;--r-ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--r-header-offset);background:var(--r-950)}
body{margin:0;background:var(--r-950);color:var(--r-white);font-family:Arial,Helvetica,sans-serif;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.shell{width:min(1220px,calc(100% - 2*var(--r-gutter)));margin-inline:auto}
:where(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--r-gold2);outline-offset:4px}.skip{position:fixed;top:8px;left:12px;z-index:9999;padding:11px 15px;background:var(--r-paper);color:var(--r-900);transform:translateY(-170%)}.skip:focus{transform:translateY(0)}

/* ============================================================
   BARRA FIXA RENTABILIZA
   - Mantém a linguagem angular da versão aprovada.
   - O menu foi simplificado para apenas REAL .TECH & CO + FRENTES.
   - Todos os textos da barra ficam em caixa alta.
   - As antigas linhas amarelas/cantos do menu foram removidas: o contorno
     e o ícone agora usam apenas verdes da própria paleta Rentabiliza.
   ============================================================ */
.rhp-topbar{position:fixed;top:12px;left:12px;right:12px;z-index:100;max-width:1360px;margin-inline:auto;isolation:isolate}
.rhp-topbar::before,.rhp-topbar::after{content:"";position:absolute;pointer-events:none;clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)}
.rhp-topbar::before{inset:0;background:rgba(88,115,78,.52);z-index:0;transition:background .24s ease}
.rhp-topbar::after{inset:1px;background:rgba(3,21,10,.76);backdrop-filter:blur(18px);z-index:0;transition:background .24s ease}
.rhp-topbar.scrolled::after{background:rgba(3,21,10,.76)}
.rhp-topbar.over-light::before{background:rgba(47,86,61,.94)}
.rhp-topbar.over-light::after{background:rgba(4,23,11,.97)}
.rhp-topbar__inner{position:relative;z-index:1;min-height:78px;display:flex;align-items:center;gap:10px;padding:12px}
.rhp-brand{display:inline-flex;align-items:center;gap:11px;min-width:0;min-height:44px;text-decoration:none;text-transform:uppercase}
.rhp-brand__mark{width:45px;height:45px;object-fit:contain;mix-blend-mode:normal}
.rhp-brand__type{display:flex;flex-direction:column;gap:4px;min-width:0}
.rhp-brand__word{font-size:.94rem;font-weight:600;letter-spacing:.13em;line-height:1;white-space:nowrap;text-transform:uppercase}
.rhp-brand__caption{font-size:.58rem;color:#b6c0b7;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.rhp-navigation{margin-left:auto;flex:0 0 auto}
.rhp-menu-toggle{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:64px;min-height:44px;cursor:pointer;font-size:.75rem;list-style:none;text-transform:uppercase;letter-spacing:.08em}
.rhp-menu-toggle::-webkit-details-marker{display:none}
.rhp-menu-triangle{width:24px;height:25px;fill:none;stroke:var(--r-soft);stroke-width:1.25;transition:transform .2s ease}
.rhp-navigation[open] .rhp-menu-triangle{transform:rotate(180deg)}
.rhp-navigation__panel{position:absolute;top:calc(100% + 9px);right:0;width:min(350px,calc(100vw - 24px));padding:22px;border:1px solid rgba(120,146,115,.26);background:#07180c;box-shadow:0 24px 50px #0008}
.rhp-nav ul{list-style:none;margin:0;padding:0}
.rhp-nav a{display:flex;align-items:center;min-height:56px;border-bottom:1px solid rgba(120,146,115,.16);text-decoration:none;font-size:1.02rem;text-transform:uppercase;letter-spacing:.055em}
.rhp-nav a:hover,.rhp-nav a:focus-visible{color:#b6cbb3}
.rhp-topbar__cta{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;min-height:50px;margin-top:22px;padding:12px 16px;background:var(--r-gold);color:#07180c;text-decoration:none;font-size:.78rem;font-weight:700;letter-spacing:.055em;position:relative;white-space:nowrap}
.rhp-topbar__cta::after{content:"";position:absolute;right:-1px;top:-1px;width:10px;height:10px;background:var(--r-950);clip-path:polygon(0 0,100% 0,100% 100%)}
.rhp-topbar__cta:hover,.rhp-topbar__cta:focus-visible{background:var(--r-gold2);color:#04170b}
.rhp-icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4}

/* ============================================================
   BOTÕES DE CONTORNO — referência visual do botão CONVERSE COM A REALIZA.
   Mantêm somente o contorno, o recorte angular superior direito e o fundo
   integrado à própria faixa. O hover preenche discretamente em verde.
   ============================================================ */
.rhp-topbar__cta,
.contact-gateway__button{
  --rent-btn-outline:var(--r-light);
  position:relative;isolation:isolate;overflow:hidden;
  display:inline-flex;align-items:center;justify-content:space-between;
  gap:18px;text-decoration:none;text-transform:uppercase;white-space:nowrap;
  clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%);
  background:var(--rent-btn-outline);color:var(--r-white);
  transition:transform .24s ease,color .24s ease,filter .24s ease;
}
.rhp-topbar__cta::before,
.contact-gateway__button::before{
  content:"";position:absolute;z-index:-1;inset:1px;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);
  background:#07180c;transition:background .24s ease;
}
.rhp-topbar__cta{min-height:50px;margin-top:22px;padding:12px 16px;font-size:.78rem;font-weight:700;letter-spacing:.055em}
.rhp-topbar__cta:hover,.rhp-topbar__cta:focus-visible{transform:translateY(-1px);filter:brightness(1.09);color:#fff}
.rhp-topbar__cta:hover::before,.rhp-topbar__cta:focus-visible::before{background:#0b3219}

.contact-gateway__button{gap:28px;min-width:min(360px,100%);min-height:76px;padding:17px 21px;font-size:.68rem;font-weight:700;letter-spacing:.11em}
.contact-gateway__button::before{background:#061f0f}
.contact-gateway__button:hover,.contact-gateway__button:focus-visible{transform:translateY(-2px);filter:brightness(1.08);color:#fff}
.contact-gateway__button:hover::before,.contact-gateway__button:focus-visible::before{background:#103b20}
.contact-gateway__button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.35}

/* Palavra-chave institucional: exatamente o verde usado no contorno da barra. */
.rent-highlight{color:var(--r-light);font-style:normal}

/* Entrada profissional adicional, sem remover as animações já existentes. */
.has-js .reveal.reveal-delay-1{transition-delay:.05s}
.has-js .reveal.reveal-delay-2{transition-delay:.13s}
.has-js .reveal.reveal-delay-3{transition-delay:.21s}
.has-js .reveal.visible .rent-highlight,
.has-js .rent-highlight{transition:color .55s ease,text-shadow .7s ease}
.has-js .reveal.visible .rent-highlight{text-shadow:0 0 24px rgba(88,115,78,.16)}

@media(min-width:700px){.rhp-topbar{top:20px;left:var(--r-gutter);right:var(--r-gutter)}.rhp-topbar__inner{padding:15px 24px}.rhp-brand__mark{width:48px;height:48px}.rhp-brand__word{font-size:1.12rem}.rhp-brand__caption{font-size:.62rem}.rhp-menu-toggle{font-size:.84rem;gap:10px}}
@media(min-width:1180px){.rhp-topbar__inner{min-height:84px;gap:24px;padding:15px 26px}.rhp-navigation{flex:1;min-width:0}.rhp-menu-toggle{display:none}.rhp-navigation__panel{position:static;display:flex!important;align-items:center;justify-content:flex-end;gap:clamp(22px,2vw,36px);width:auto;padding:0;border:0;background:none;box-shadow:none}.rhp-nav ul{display:flex;align-items:center;gap:clamp(26px,2.2vw,42px)}.rhp-nav a{display:inline-flex;min-height:44px;border:0;font-size:.83rem;white-space:nowrap}.rhp-topbar__cta{margin-top:0;min-height:44px;padding:10px 16px;font-size:.77rem}}

/* GLOBO — o motor é o mesmo do arquivo real-globo fornecido. */
.real-cena{--real-fundo:#03150a;--real-luz:88,115,78;--real-luz-forca:.72;--real-nevoa:0;--real-escala:1.24;position:relative;isolation:isolate;overflow:hidden;background:var(--real-fundo)}
.real-globo{position:absolute;z-index:1;width:min(92svh,76vw);aspect-ratio:1;right:-7%;top:51%;transform:translateY(-50%) scale(var(--real-escala));transform-origin:center;pointer-events:none}.real-canvas{display:block;width:100%;height:100%}.real-cena [hidden]{display:none!important}

/* FAIXAS */
.section{position:relative;overflow:hidden}.section-hero{min-height:100svh;display:grid;align-items:center;padding:clamp(155px,18vh,210px) 0 96px;background:#03150a}.hero-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#03150a 0%,rgba(3,21,10,.98) 29%,rgba(3,21,10,.7) 52%,rgba(3,21,10,.16) 77%,rgba(3,21,10,.42) 100%);pointer-events:none}.hero-content{position:relative;z-index:3}.hero-copy{width:min(720px,58vw)}
.hero-copy h1,.section-copy h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.047em;line-height:1.01;margin:0}.hero-copy h1{font-size:clamp(48px,6.3vw,92px)}.hero-copy p,.section-copy p{font-size:clamp(16px,1.45vw,21px);line-height:1.78;margin:29px 0 0;color:#d7dfd7;max-width:670px}.angle-line{display:block;width:128px;height:26px;margin-top:42px;border-bottom:1px solid var(--r-gold);clip-path:polygon(0 0,82% 0,100% 100%,0 100%)}
.edge{position:absolute;z-index:4;width:72px;height:72px;opacity:.5}.edge--bl{left:24px;bottom:24px;border-left:1px solid var(--r-gold);border-bottom:1px solid var(--r-gold)}.edge--tr{right:24px;top:132px;border-right:1px solid var(--r-gold);border-top:1px solid var(--r-gold)}
.section-medium{padding:clamp(98px,10vw,150px) 0;background:linear-gradient(135deg,#2f563d,#426d50)}.medium-grid{display:grid;grid-template-columns:1fr .92fr;gap:clamp(58px,8vw,116px);align-items:center}.section-copy h2{font-size:clamp(42px,5.4vw,76px)}.resource-list{list-style:none;margin:0;padding:4px 0;display:flex;flex-direction:column;align-items:center;gap:12px}.resource-list li{--tier-width:100%;position:relative;width:var(--tier-width);min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 18px 16px 20px;border-top:1px solid rgba(255,255,255,.34);border-bottom:1px solid rgba(255,255,255,.34);font-size:clamp(17px,1.5vw,22px);letter-spacing:.015em;background:linear-gradient(90deg,rgba(3,21,10,.08),rgba(255,255,255,.025),rgba(3,21,10,.08));clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%)}.resource-list li:nth-child(1){--tier-width:56%}.resource-list li:nth-child(2){--tier-width:76%}.resource-list li:nth-child(3){--tier-width:100%}.resource-label{display:block;min-width:0}.resource-icon{width:38px;height:38px;flex:0 0 38px;fill:none;stroke:var(--r-gold2);stroke-width:1.35;stroke-linecap:square;stroke-linejoin:miter;opacity:.96}.resource-icon .resource-soft{opacity:.48}.resource-list li::after{content:"";position:absolute;left:10%;right:10%;bottom:-7px;height:1px;background:linear-gradient(90deg,transparent,rgba(203,182,126,.22),transparent)}.resource-list li:last-child::after{display:none}
/* ============================================================
   ACESSO AO FORMULÁRIO INSTITUCIONAL DA REAL
   A Rentabiliza não coleta dados nesta página. O botão leva para o
   formulário central da REAL .TECH & CO., reduzindo a superfície de ataque.
   ============================================================ */
.contact-gateway{position:relative;padding:clamp(96px,10vw,150px) 0;background:#061f0f;border-top:1px solid rgba(184,155,94,.16);border-bottom:1px solid rgba(120,146,115,.18)}
.contact-gateway::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(88,115,78,.10),transparent 42%,rgba(184,155,94,.035))}
.contact-gateway__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(42px,7vw,96px);align-items:center}
.contact-gateway__eyebrow{margin:0 0 18px;color:#8ea18a;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}
.contact-gateway h2{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,5.2vw,72px);font-weight:400;letter-spacing:-.045em;line-height:1.02}
.contact-gateway p{max-width:650px;margin:26px 0 0;color:#c7d0c7;font-size:clamp(15px,1.3vw,19px);line-height:1.75}
.contact-gateway__button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-width:min(360px,100%);padding:18px 21px;border:1px solid #789273;background:rgba(88,115,78,.08);color:#f4f6f1;text-decoration:none;text-transform:uppercase;letter-spacing:.11em;font-size:.68rem;font-weight:700;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);transition:background .25s,color .25s,transform .25s,border-color .25s}
.contact-gateway__button:hover,.contact-gateway__button:focus-visible{background:#58734e;border-color:#789273;color:#fff;transform:translateY(-2px)}
.contact-gateway__button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.35}

/* ============================================================
   RODAPÉ REAL — estrutura trazida do código institucional fornecido.
   As formas, proporções e o painel de privacidade foram mantidos; apenas
   a paleta foi convertida para os verdes/dourados da Rentabiliza.
   ============================================================ */
:root{--RL_FT_gold-medium:#B89B5E;--RL_FT_gold-light:#E0C98F;--RL_FT_bg-dark:#365F45;--RL_FT_gold-transparent-1:rgba(184,155,94,.08);--RL_FT_gold-transparent-2:rgba(184,155,94,.25)}
.RL_FT_footer{position:relative;background-color:var(--RL_FT_bg-dark);color:#fff;overflow:hidden;border-top:1px solid var(--RL_FT_gold-transparent-2);font-family:'LINE Seed JP','Inter','Segoe UI',Arial,sans-serif}
.RL_FT_footer,.RL_FT_footer *{box-sizing:border-box}
.RL_FT_footer::before{content:"";position:absolute;top:0;left:-15%;width:60%;height:100%;background:linear-gradient(135deg,transparent 10%,var(--RL_FT_gold-transparent-1) 50%,transparent 90%);transform:skewX(-40deg);pointer-events:none}
.RL_FT_footer::after{content:"";position:absolute;bottom:0;right:-5%;width:35%;height:120%;background:linear-gradient(135deg,transparent,var(--RL_FT_gold-transparent-1));border-left:2px solid var(--RL_FT_gold-transparent-2);transform:skewX(30deg);pointer-events:none}
.RL_FT_content{position:relative;z-index:10;max-width:1200px;margin:0 auto;padding:20px 15px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px}
.RL_FT_block{display:flex;flex-direction:column;gap:3px}.RL_FT_block-company{flex:1.5;min-width:250px}.RL_FT_company-name{font-size:.86rem;font-weight:300;letter-spacing:.035em;color:#eef1eb}.RL_FT_company-address{margin-top:3px;font-size:.72rem;font-weight:300;letter-spacing:.035em;color:#d0d9cf}.RL_FT_block-privacy{flex:1.5;min-width:220px;text-align:center;position:relative}.RL_FT_block-privacy::before,.RL_FT_block-privacy::after{content:"";position:absolute;top:15%;height:70%;width:1px;background:linear-gradient(to bottom,transparent,var(--RL_FT_gold-light),transparent);transform:rotate(20deg);opacity:.48}.RL_FT_block-privacy::before{left:0}.RL_FT_block-privacy::after{right:0}.RL_FT_privacy-link{color:#f0f3ee;text-decoration:none;font-size:.85rem;font-weight:400;transition:color .3s}.RL_FT_privacy-link:hover,.RL_FT_privacy-link:focus-visible{color:var(--RL_FT_gold-light)}.RL_FT_block-dev{flex:1;min-width:130px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;opacity:.82}.RL_FT_dev-label{margin:0;font-size:.65rem;color:#d2d8d1;letter-spacing:.035em}.RL_FT_dev-brand{color:#e3e8e1;font-size:.72rem;font-weight:300}
@media(max-width:768px){.RL_FT_content{flex-direction:column;text-align:center;gap:15px;padding:17px}.RL_FT_block-company,.RL_FT_block-privacy,.RL_FT_block-dev{text-align:center;align-items:center;min-width:100%}.RL_FT_block-privacy::before,.RL_FT_block-privacy::after{display:none}.RL_FT_block-privacy{padding:8px 0;border-top:1px solid rgba(224,201,143,.13);border-bottom:1px solid rgba(224,201,143,.13)}}

/* Política de Privacidade — mesmo comportamento do código REAL: dialog modal,
   botão VOLTAR e rolagem interna. O texto é inserido somente com textContent. */
.RL_ST5_dialog{position:fixed;inset:0;margin:auto;width:min(920px,calc(100vw - 28px));max-width:100%;height:min(88dvh,950px);max-height:94dvh;padding:0;border:1px solid rgba(184,155,94,.42);background:#061b0d;color:#eaece8;box-shadow:0 25px 70px #000b;font-family:'LINE Seed JP','Inter','Segoe UI',Arial,sans-serif}
.RL_ST5_dialog::backdrop{background:rgba(0,0,0,.80);backdrop-filter:blur(5px)}.RL_ST5_layout{display:flex;flex-direction:column;height:100%;min-height:0}.RL_ST5_top{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:clamp(19px,3vw,37px);border-bottom:1px solid rgba(184,155,94,.22)}.RL_ST5_top h2{font-size:clamp(22px,3vw,35px);font-weight:400;line-height:1.1;margin:7px 0 0}.RL_ST5_eyebrow{font-size:.67rem;letter-spacing:.2em;color:#cbb67e}.RL_ST5_back{background:transparent;color:#cbb67e;display:flex;align-items:center;gap:10px;border:0;padding:12px 0 12px 12px;font:500 .77rem 'LINE Seed JP','Inter','Segoe UI',Arial,sans-serif;cursor:pointer}.RL_ST5_back:hover{color:#f4deb0}.RL_ST5_scroller{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px clamp(19px,3vw,38px) 42px;scrollbar-color:#58734e #03150a;scrollbar-width:thin}.RL_ST5_scroller p{font-size:clamp(.87rem,1.4vw,1rem);color:#cbd2ca;line-height:1.8;margin:0 0 14px;max-width:none;white-space:pre-wrap;overflow-wrap:anywhere}.RL_ST5_scroller .RL_ST5_policyHeading{color:#d9bd7d;font-weight:750;margin:20px 0 11px}.RL_ST5_scroller .RL_ST5_notice{color:#b7c4b4;padding:15px 0}body.RL_ST5_modal-open{overflow:hidden}
@media(max-width:600px){.RL_ST5_dialog{width:100vw;height:100dvh;max-height:100dvh;border:0}.RL_ST5_back span{display:none}}

/* ANIMAÇÕES: fail-safe. Sem JS tudo permanece visível. */
.reveal{opacity:1;transform:none}.has-js .reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s var(--r-ease)}.has-js .reveal.from-left{transform:translateX(-34px)}.has-js .reveal.from-right{transform:translateX(34px)}.has-js .reveal.scale{transform:scale(.965)}.has-js .reveal.visible{opacity:1;transform:none}

@media(max-width:900px){.real-globo{width:104vw;right:-31%;top:54%;--real-escala:1}.hero-copy{width:min(620px,80vw)}.medium-grid{grid-template-columns:1fr;gap:56px}.cta-grid{grid-template-columns:1fr}.primary-button{justify-self:start}}
@media(max-width:620px){.section-hero{min-height:820px;padding:150px 0 70px}.hero-shade{background:linear-gradient(180deg,rgba(3,21,10,.96) 0%,rgba(3,21,10,.82) 54%,rgba(3,21,10,.37) 100%)}.hero-copy{width:100%}.hero-copy h1{font-size:clamp(43px,13vw,62px)}.real-globo{width:116vw;right:-38%;top:61%;opacity:.85}.edge{display:none}.section-medium,.section-cta{padding:86px 0}.section-copy h2{font-size:clamp(38px,11vw,54px)}.resource-list{gap:9px}.resource-list li{min-height:68px;padding:13px 14px;font-size:16px}.resource-list li:nth-child(1){--tier-width:68%}.resource-list li:nth-child(2){--tier-width:84%}.resource-list li:nth-child(3){--tier-width:100%}.resource-icon{width:31px;height:31px;flex-basis:31px}.shell{width:min(100% - 36px,1220px)}.rhp-brand__caption{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.has-js .reveal{opacity:1;transform:none;transition:none}.primary-button,.contact-gateway__button{transition:none}}


@media(max-width:900px){.contact-gateway__grid{grid-template-columns:1fr}.contact-gateway__button{justify-self:start}}
@media(max-width:620px){.contact-gateway{padding:86px 0}.contact-gateway__button{min-width:0;width:100%}}


/* REAL .TECH & CO | SEÇÃO 3 / FRENTES / RL_ST3_
   Fontes oficiais Google Fonts: LINE Seed JP tem pesos 100, 400, 700, 800.
   Não usar 500/600 como se fossem variantes reais. Fallback local incluído.
   CSP e headers devem ser configurados no servidor. Veja SEGURANCA.txt. */


.RL_ST3_section {
  /* ▾ PALETA / PERSONALIZAÇÃO ▾ */
  --RL_ST3_bg:#eef3ed;
  --RL_ST3_gold:#b89b5e;
  --RL_ST3_heading:#174b2b;
  --RL_ST3_white:#f2f5ef;
  --RL_ST3_muted:#435548;
  --RL_ST3_green:#0c3d22;
  --RL_ST3_greenStroke:#6f916f;
  --RL_ST3_yellow:#2b2315; /* REPORTA: âmbar profundo, mais escuro que o centro REAL (#30281b) */
  --RL_ST3_yellowStroke:#967c46; /* contorno amarelo-ouro contido, sem saturação */
  --RL_ST3_blue:#1b2530;
  --RL_ST3_blueStroke:#58738e;
  --RL_ST3_center:#082613;
  --RL_ST3_gapOpacity:1;
  --RL_ST3_logoOpacity:.085; /* logotipo EXATO e discreto */
  --RL_ST3_logoSpin:115s;
  --RL_ST3_rentMarkOpacity:.105; /* imagem REAL da Rentabiliza, monocromática */
  --RL_ST3_reportaMarkOpacity:.105; /* MESMA opacidade dos logos RENTABILIZA e REALIZA */
  --RL_ST3_realizaMarkOpacity:.105;
  --RL_ST3_centerMarkOpacity:.20;

  /* Integração mobile com a barra fixa da página hospedeira.
     O JS mede automaticamente a barra superior e atualiza esta variável.
     Se a página já souber a altura, também pode definir --RL_ST3_fixedBarHeight manualmente. */
  --RL_ST3_fixedBarHeight:0px;
  --RL_ST3_mobileTopGap:clamp(12px,2svh,22px);

  position:relative; isolation:isolate; overflow:hidden;
  /* O conjunto cabe na altura da tela quando há espaço físico suficiente.
     Sem altura fixa e sem corte em telas curtas / zoom de acessibilidade. */
  min-height:100vh;
  min-height:100svh;
  display:flex;align-items:center;
  padding:clamp(34px,5vh,76px) clamp(22px,4.7vw,78px);
  background:radial-gradient(ellipse at 87% 15%,rgba(88,115,78,.10),transparent 46%),linear-gradient(180deg,#f5f7f2 0%,#e9f0e7 100%);
  color:var(--RL_ST3_white);
  font-family:'LINE Seed JP','Inter','Segoe UI',Arial,sans-serif;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
}
.RL_ST3_section, .RL_ST3_section *, .RL_ST3_section *::before, .RL_ST3_section *::after { box-sizing:border-box; }
.RL_ST3_layout {
  position:relative; z-index:1; width:min(100%,1380px); margin:0 auto;
  display:grid;grid-template-columns:minmax(320px,.77fr) minmax(430px,1.23fr);
  gap:clamp(30px,5vw,88px);align-items:center;
}
.RL_ST3_copy {max-width:490px;padding-left:clamp(0px,2.2vw,33px);}
.RL_ST3_title {
  margin:0 0 27px; color:var(--RL_ST3_heading);
  font-size:clamp(23px,2.1vw,30px);font-weight:400;
  letter-spacing:.09em;line-height:1.42;
}
.RL_ST3_intro {margin:0;max-width:432px;font-size:clamp(15px,1.05vw,17px);line-height:1.76;color:var(--RL_ST3_muted);}
.RL_ST3_kicker {margin:30px 0 0;font-size:15px;line-height:1.5;letter-spacing:.025em;font-weight:700;color:var(--RL_ST3_heading);}

/* Painel do triângulo e descrição mantidos juntos para se parecer com a referência. */
.RL_ST3_visual {min-width:0;width:100%;max-width:720px;margin-inline:auto;}
/* Em monitor baixo, a pirâmide não empurra o texto institucional para fora.
   Altura total inclui descrição (~140px); clamp respeita a largura disponível. */
@media (min-width:991px) and (max-height:850px) {
 .RL_ST3_visual {max-width:min(100%,calc((100svh - 180px)*.98));}
 .RL_ST3_section {padding-block:clamp(16px,2.7svh,36px);}
 .RL_ST3_detail {height:105px;min-height:105px;}
 .RL_ST3_detailInner {padding-top:14px;}
}
.RL_ST3_pyramidFrame {position:relative;isolation:isolate;}
.RL_ST3_pyramid {display:block;width:100%;height:auto;overflow:visible;touch-action:pan-y;}
.RL_ST3_outerRing {fill:none;stroke:rgba(189,156,80,.43);stroke-width:1.25;vector-effect:non-scaling-stroke;pointer-events:none;}
.RL_ST3_outerRing--back {stroke:rgba(189,156,80,.17);stroke-width:1;}
.RL_ST3_brandLink, .RL_ST3_centerLink {cursor:pointer;outline:none;text-decoration:none;touch-action:manipulation;}
.RL_ST3_brandLink .RL_ST3_brandFace {pointer-events:all;}
.RL_ST3_brand {cursor:inherit;outline:none;}
.RL_ST3_brandFace {stroke-width:1.35;vector-effect:non-scaling-stroke;transition:fill .38s ease,stroke .38s ease,opacity .38s ease,filter .38s ease,stroke-width .38s ease;}
.RL_ST3_brandGlow {opacity:0;filter:url(#RL_ST3_glow);transition:opacity .38s ease;}
.RL_ST3_brand--rentabiliza .RL_ST3_brandFace, .RL_ST3_brand--rentabiliza .RL_ST3_brandGlow {fill:var(--RL_ST3_green);stroke:var(--RL_ST3_greenStroke);}
.RL_ST3_brand--reporta .RL_ST3_brandFace, .RL_ST3_brand--reporta .RL_ST3_brandGlow {fill:var(--RL_ST3_yellow);stroke:var(--RL_ST3_yellowStroke);}
/* REPORTA usa a mesma tipografia clara das demais frentes. */
.RL_ST3_brand--realiza .RL_ST3_brandFace, .RL_ST3_brand--realiza .RL_ST3_brandGlow {fill:var(--RL_ST3_blue);stroke:var(--RL_ST3_blueStroke);}
.RL_ST3_brand:not(.RL_ST3_isActive) .RL_ST3_brandFace {opacity:.8;}
.RL_ST3_brand.RL_ST3_isActive .RL_ST3_brandFace {opacity:1;filter:brightness(1.19);stroke-width:2;}
.RL_ST3_brand.RL_ST3_isActive .RL_ST3_brandGlow {opacity:.35;}
/* :focus-visible pertence ao <a>, não ao antigo grupo com role=button. */
.RL_ST3_brandLink:focus-visible .RL_ST3_brandFace,
.RL_ST3_centerLink:focus-visible .RL_ST3_centerFace {stroke:#f4dfa9;stroke-width:3.7;}
.RL_ST3_brandLabel {fill:var(--RL_ST3_white);font:700 29px 'LINE Seed JP','Inter','Segoe UI',Arial,sans-serif;letter-spacing:-.035em;pointer-events:none;dominant-baseline:middle;}
.RL_ST3_centerFace {fill:var(--RL_ST3_center);stroke:rgba(201,168,100,.72);stroke-width:1.35;vector-effect:non-scaling-stroke;}
.RL_ST3_centerLabel {paint-order:stroke;stroke:rgba(48,40,27,.3);stroke-width:1;fill:#f0e9db;font:400 28px 'LINE Seed JP','Inter','Segoe UI',Arial,sans-serif;letter-spacing:-.03em;pointer-events:none;dominant-baseline:middle;}

/* MARCAS D'ÁGUA: arquivos locais derivam das logos anexadas.
   Apenas uma tonalidade por marca: não há fundo branco/negro nem gradiente.
   Cada imagem respeita clipPath de seu triângulo e não captura clicks. */
.RL_ST3_brandWatermark {pointer-events:none;transition:opacity .38s ease;}
.RL_ST3_rentWatermark {opacity:var(--RL_ST3_rentMarkOpacity);}
.RL_ST3_reportaWatermark {opacity:var(--RL_ST3_reportaMarkOpacity);}
.RL_ST3_realizaWatermark {opacity:var(--RL_ST3_realizaMarkOpacity);}
.RL_ST3_brand.RL_ST3_isActive .RL_ST3_brandWatermark {opacity:.155;}
/* Triângulo central permanece limpo: somente o texto REAL TECH & CO. */

/* Descrição: fica embaixo do triângulo SEM a antiga linha de tabs das marcas. */
.RL_ST3_detail {width:100%;height:139px;min-height:139px;margin-top:5px;border-top:1px solid rgba(189,156,80,.28);position:relative;overflow:hidden;}
.RL_ST3_detailProgress {position:absolute;top:-1px;left:0;right:0;height:2px;overflow:hidden;}
.RL_ST3_detailProgress span {display:block;height:100%;width:100%;background:var(--RL_ST3_heading);transform:scaleX(0);transform-origin:left;}
.RL_ST3_detailInner {display:flex;gap:22px;align-items:center;justify-content:space-between;height:100%;padding:23px 0 12px;}
.RL_ST3_detailText {min-width:0;max-width:565px;max-height:100%;overflow:hidden;transition:opacity .22s ease,transform .22s ease;}
.RL_ST3_detailText.RL_ST3_fading {opacity:0;transform:translateY(5px);}
.RL_ST3_detailName {margin:0 0 7px;font-size:18px;font-weight:700;line-height:1.45;color:var(--RL_ST3_white);}
.RL_ST3_detailDescription {margin:0;max-width:500px;max-height:78px;overflow-y:auto;overscroll-behavior:contain;padding-right:6px;font-size:16px;line-height:1.62;color:var(--RL_ST3_muted);scrollbar-width:thin;scrollbar-color:rgba(216,185,110,.45) transparent;}
.RL_ST3_detailLink {display:grid;place-items:center;flex:0 0 48px;height:48px;border:1px solid rgba(189,156,80,.32);color:#f1e7d4;text-decoration:none;transition:background .25s ease,border-color .25s ease,transform .25s ease;}
.RL_ST3_detailLink svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter;}
.RL_ST3_detailLink:hover,.RL_ST3_detailLink:focus-visible {background:rgba(189,156,80,.1);border-color:var(--RL_ST3_heading);transform:translate(2px,-2px);outline-offset:3px;}

/* Logo REAL no fundo: os módulos são apenas contornos, enquanto as 6 bandas
   são sólidas. O logo ultrapassa a pirâmide em PC, tablet e celular; no celular
   aparece mais abaixo. Não interfere com clique/foco dos triângulos. */
.RL_ST3_watermark {position:absolute;z-index:0;top:52%;left:48%;width:clamp(900px,96vw,1600px);aspect-ratio:995/985;transform:translate(-50%,-50%);opacity:var(--RL_ST3_logoOpacity);pointer-events:none;will-change:transform;animation:RL_ST3_logoRotate var(--RL_ST3_logoSpin) linear infinite;}
.RL_ST3_logoOriginal {width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;user-select:none;}
@keyframes RL_ST3_logoRotate {to {transform:translate(-50%,-50%) rotate(360deg);}}
.RL_ST3_srOnly {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* Entrada apenas quando a seção recebe .RL_ST3_inView do IntersectionObserver. */
.RL_ST3_hasMotion .RL_ST3_copy,.RL_ST3_hasMotion .RL_ST3_visual {opacity:0;}
.RL_ST3_hasMotion.RL_ST3_inView .RL_ST3_copy {animation:RL_ST3_copyEnter .9s cubic-bezier(.2,.7,.2,1) both;}
.RL_ST3_hasMotion.RL_ST3_inView .RL_ST3_visual {animation:RL_ST3_visualEnter 1.08s .13s cubic-bezier(.2,.7,.2,1) both;}
@keyframes RL_ST3_copyEnter {from {opacity:0;transform:translate3d(-21px,11px,0);}to{opacity:1;transform:none;}}
@keyframes RL_ST3_visualEnter {from {opacity:0;transform:translate3d(16px,20px,0) scale(.97);}to{opacity:1;transform:none;}}

/* TABLET: compacto, mas sem crop e com largura de pirâmide proporcional à altura. */
@media (max-width:990px) {
 .RL_ST3_section {padding:clamp(23px,4svh,54px) clamp(17px,3.4vw,33px);min-height:100svh;}
 .RL_ST3_layout {max-width:690px;grid-template-columns:minmax(0,1fr);gap:clamp(12px,1.8svh,26px);}
 .RL_ST3_copy {max-width:none;padding-left:0;}
 .RL_ST3_title {margin-bottom:12px;font-size:clamp(21px,3vw,27px);line-height:1.31;}
 .RL_ST3_intro {font-size:clamp(13px,1.7vw,16px);line-height:1.55;max-width:670px;}
 .RL_ST3_kicker {margin-top:12px;font-size:clamp(12px,1.7vw,14px);}
 .RL_ST3_visual {max-width:min(100%,clamp(340px,51svh,590px));}
 .RL_ST3_detail {height:110px;min-height:110px;}
 .RL_ST3_detailInner {padding-top:14px;}
 .RL_ST3_watermark {width:clamp(720px,117vw,1220px);left:50%;top:65%;}
}
/* CELULAR: todas as partes cabem juntas sempre que o tamanho físico permite;
   pirâmide dimensionada TAMBÉM pela altura (svh), não só pela largura. */
@media (max-width:520px) {
 .RL_ST3_section {
  padding:clamp(13px,2.8svh,27px) clamp(12px,4vw,19px);
  --RL_ST3_logoOpacity:.048; /* fundo menor e menos presente no celular */
 }
 .RL_ST3_layout {gap:clamp(7px,1.3svh,13px);}
 .RL_ST3_title {font-size:clamp(17px,4.5vw,22px);letter-spacing:.055em;line-height:1.3;margin-bottom:clamp(6px,1svh,11px);}
 .RL_ST3_intro {font-size:clamp(11.5px,3.04vw,13.7px);line-height:1.48;max-width:none;}
 .RL_ST3_kicker {font-size:clamp(11px,2.9vw,12px);margin-top:clamp(7px,1.1svh,12px);}
 .RL_ST3_visual {max-width:min(100%,clamp(232px,43svh,375px));}
 .RL_ST3_brandLabel {font-size:39px;}
 .RL_ST3_centerLabel {font-size:34px;}
 .RL_ST3_detail {height:99px;min-height:99px;margin-top:0;}
 .RL_ST3_detailInner {gap:10px;padding-top:12px;}
 .RL_ST3_detailName {font-size:clamp(13px,3.8vw,16px);margin-bottom:4px;}
 .RL_ST3_detailDescription {font-size:clamp(11px,3.15vw,13px);line-height:1.44;max-height:52px;}
 .RL_ST3_detailLink {flex-basis:39px;height:39px;}
 .RL_ST3_detailLink svg {width:17px;height:17px;}
 /* Centro do losango na borda direita: apenas metade visível, na altura central. */
 .RL_ST3_watermark {width:max(480px,140vw);left:100%;top:53%;}
}
/* Paisagem curta (celular/tablet): não empilhar se faltar altura. */
@media (min-width:600px) and (max-width:990px) and (max-height:680px) {
 .RL_ST3_layout {max-width:100%;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(14px,3vw,34px);}
 .RL_ST3_visual {max-width:min(100%,560px);}
 .RL_ST3_section {padding-block:18px;}
 .RL_ST3_visual {max-width:min(100%,calc((100svh - 115px)*1.05));}
 .RL_ST3_detail {height:95px;min-height:95px;}
 .RL_ST3_detailInner {padding-top:10px;}
 .RL_ST3_title {font-size:clamp(17px,2.5vw,23px);}
 .RL_ST3_intro {font-size:clamp(12px,1.6vw,15px);}
 .RL_ST3_watermark {top:56%;width:clamp(720px,110vw,1150px);left:50%;}
}
/* Tela excepcionalmente baixa: nunca esconder informações/links para forçar o fit. */
@media (max-width:599px) and (max-height:560px) {
 .RL_ST3_section {padding-block:10px;}
 .RL_ST3_layout {gap:5px;}
 .RL_ST3_visual {max-width:min(100%,39svh);}
 .RL_ST3_title {font-size:16px;line-height:1.19;margin-bottom:4px;}
 .RL_ST3_intro {font-size:11px;line-height:1.32;}
 .RL_ST3_kicker {margin-top:5px;font-size:10px;}
 .RL_ST3_detail {height:86px;min-height:86px;}
 .RL_ST3_detailInner {padding-top:8px;}
}
@media (prefers-reduced-motion:reduce) {
 .RL_ST3_section .RL_ST3_copy,.RL_ST3_section .RL_ST3_visual {opacity:1!important;}
 .RL_ST3_section *, .RL_ST3_section *::before, .RL_ST3_section *::after {animation:none!important;transition:none!important;}
 .RL_ST3_watermark {will-change:auto;}
}

/* Paisagem realmente BAIXA: reduz área visual, não os links nem o conteúdo.
   Mantém tudo na mesma tela a 844×390 / 667×375 sempre que a fonte padrão couber.
   Em zoom/acessibilidade ou 568×320, permite scroll em vez de cortar textos. */
@media (min-width:600px) and (max-width:990px) and (max-height:480px) {
 .RL_ST3_visual {max-width:min(100%,calc((100svh - 175px)*1.03));}
 .RL_ST3_section {padding-block:10px;}
 .RL_ST3_detail {height:80px;min-height:80px;}
 .RL_ST3_detailInner {padding-top:8px;}
 .RL_ST3_detailName {font-size:14px;margin-bottom:3px;}
 .RL_ST3_detailDescription {font-size:12px;line-height:1.34;max-height:44px;}
 .RL_ST3_detailLink {flex-basis:37px;height:37px;}
 .RL_ST3_title {font-size:clamp(16px,2vw,21px);line-height:1.24;}
 .RL_ST3_intro {font-size:12px;line-height:1.43;}
 .RL_ST3_kicker {font-size:11px;margin-top:10px;}
}

/* Celulares largos (521–599px): a mesma metade do losango surge à direita. */
@media (min-width:521px) and (max-width:599px) {
 .RL_ST3_watermark {width:max(600px,140vw);left:100%;top:53%;}
}
/* Paisagem em dispositivo tátil: aplicar o mesmo enquadramento do celular. */
@media (pointer:coarse) and (max-width:990px) and (max-height:480px) {
 .RL_ST3_watermark {width:max(650px,115vw);left:100%;top:53%;}
}

/* ═══════════════════════════════════════════════════════════════════════
   INTEGRAÇÃO COM BARRA FIXA — CELULAR E TABLET
   -----------------------------------------------------------------------
   O conteúdo continua centrado na área REALMENTE visível abaixo da barra.
   A altura vem de --RL_ST3_fixedBarHeight, medida pelo JS no host.
   Inclui safe-area de iPhone/iPad e scroll-margin para âncoras.
   Este bloco fica por último de propósito para prevalecer sobre breakpoints
   anteriores sem alterar o restante do layout.
   ═══════════════════════════════════════════════════════════════════════ */
@media (max-width:990px), (pointer:coarse) and (max-width:1366px) {
 .RL_ST3_section {
  min-height:100vh;
  min-height:100svh;
  padding-top:calc(var(--RL_ST3_fixedBarHeight,0px) + var(--RL_ST3_mobileTopGap) + env(safe-area-inset-top,0px));
  padding-bottom:max(var(--RL_ST3_mobileTopGap),env(safe-area-inset-bottom,0px));
  scroll-margin-top:calc(var(--RL_ST3_fixedBarHeight,0px) + var(--RL_ST3_mobileTopGap));
  align-items:center;
 }
}


/* Integração Rentabiliza: o logo já possui transparência real; o blend suaviza somente a marca d’água dentro do triângulo. */
.RL_ST3_rentWatermark{mix-blend-mode:screen;opacity:.18}.RL_ST3_brand.RL_ST3_isActive .RL_ST3_rentWatermark{opacity:.26}

/* ============================================================
   FRENTES / RENTABILIZA — revisão clara
   A seção assume um branco esverdeado, enquanto cada frente preserva sua
   identidade cromática: Rentabiliza verde, Reporta âmbar, Realiza azul.
   ============================================================ */
.RL_ST3_section{color:#102b1b}
.RL_ST3_title{color:#123d24;font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,4.7vw,66px);font-weight:400;letter-spacing:-.045em;line-height:1.03;text-transform:none}
.RL_ST3_intro{color:#405246;font-size:clamp(16px,1.15vw,18px);line-height:1.75;max-width:520px}
.RL_ST3_detail{border-top-color:rgba(23,75,43,.22)}
.RL_ST3_detailName{color:#153c25}
.RL_ST3_detailDescription{color:#4a5e50;scrollbar-color:rgba(23,75,43,.34) transparent}
.RL_ST3_detailLink{color:#173d25;border-color:rgba(23,75,43,.26)}
.RL_ST3_detailLink:hover,.RL_ST3_detailLink:focus-visible{background:rgba(88,115,78,.10);border-color:#58734e}
.RL_ST3_detailProgress span{background:#58734e}
.RL_ST3_outerRing{stroke:rgba(154,126,67,.52)}
.RL_ST3_outerRing--back{stroke:rgba(154,126,67,.22)}
.RL_ST3_watermark{opacity:.035;filter:sepia(.2) hue-rotate(65deg) saturate(.7)}
.RL_ST3_rentWatermark{mix-blend-mode:screen;opacity:.18}
.RL_ST3_brand.RL_ST3_isActive .RL_ST3_rentWatermark{opacity:.26}
@media(max-width:990px){.RL_ST3_title{font-size:clamp(30px,5.7vw,48px);line-height:1.05}.RL_ST3_intro{font-size:clamp(14px,2.2vw,17px)}}
@media(max-width:600px){.RL_ST3_title{font-size:clamp(28px,8.4vw,42px);line-height:1.04}.RL_ST3_intro{font-size:clamp(13px,3.7vw,16px);line-height:1.58}}


/* ============================================================
   CONTATO / CAPITAL EXIGE ESTRUTURA — refinamento tipográfico.
   Apenas o texto solicitado foi atualizado; grid e paleta permanecem iguais.
   ============================================================ */
.contact-gateway__copy{min-width:0}
.contact-gateway h2 .rent-highlight{color:var(--r-light)}
.hero-copy h1 .rent-highlight{color:var(--r-light)}
@media(prefers-reduced-motion:reduce){
  .has-js .reveal.reveal-delay-1,.has-js .reveal.reveal-delay-2,.has-js .reveal.reveal-delay-3{transition-delay:0s}
  .rent-highlight{text-shadow:none!important}
}

/* Override final: estas regras ficam por último para que nenhum estilo legado
   de botão preenchido possa vencer a versão de contorno solicitada. */
.rhp-topbar__cta,.contact-gateway__button{
  border:0!important;
  background:var(--r-light)!important;
  color:var(--r-white)!important;
  clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%)!important;
}
.rhp-topbar__cta::after{display:none!important}
.rhp-topbar__cta::before,.contact-gateway__button::before{
  display:block!important;content:""!important;position:absolute!important;z-index:-1!important;inset:1px!important;
  clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)!important;
}
.rhp-topbar__cta::before{background:#07180c!important}
.contact-gateway__button::before{background:#061f0f!important}
.rhp-topbar__cta:hover::before,.rhp-topbar__cta:focus-visible::before{background:#0b3219!important}
.contact-gateway__button:hover::before,.contact-gateway__button:focus-visible::before{background:#103b20!important}
.rhp-topbar__cta:hover,.rhp-topbar__cta:focus-visible,.contact-gateway__button:hover,.contact-gateway__button:focus-visible{
  background:var(--r-light)!important;color:#fff!important;
}