/* ==============================================================
   REALIZA / V11 — PALETA E EDIÇÃO
   Fonte da paleta: logotipo enviado (azul #14264A / ouro #BC965C).
   Altere as variáveis abaixo para modificar o site inteiro.
   Não há fotos nem imagens da antiga página usadas como layout.
   ============================================================== */
:root{
 --rl-navy:#08192f; --rl-ink:#14264a; --rl-dark:#091f3a; --rl-deep:#051427;
 --rl-steel:#163c63; --rl-blue:#234f78; --rl-blue-soft:#315e83;
 --rl-gold:#bc965c; --rl-gold-light:#e2c28a; --rl-white:#f5f7f9;
 --rl-paper:#f3f5f7; --rl-header:#ffffff; --rl-header-ink:#14264A; --rl-line:rgba(193,214,233,.2);
 --rl-line-gold:rgba(188,150,92,.34); --rl-gutter:clamp(20px,4.7vw,75px);
 --rl-ease:cubic-bezier(.22,.8,.22,1); --rl-shell:1220px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--rl-navy);scroll-padding-top:120px}
body{margin:0;min-width:320px;background:var(--rl-navy);color:var(--rl-white);font-family:"LINE Seed JP","Inter","Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
a{color:inherit}img,svg{display:block;max-width:100%}button,summary{font:inherit;color:inherit}button,summary,a{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--rl-gold-light);outline-offset:5px}
::selection{background:var(--rl-gold-light);color:var(--rl-deep)}
.skip{position:fixed;top:6px;left:10px;z-index:9999;padding:12px 16px;color:var(--rl-deep);background:#fff;text-decoration:none;transform:translateY(-175%)}.skip:focus{transform:none}
.shell{width:min(var(--rl-shell),calc(100% - 2*var(--rl-gutter)));margin-inline:auto}
.section{position:relative;isolation:isolate;overflow:hidden}
.kicker{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin:0 0 25px;font-size:10px;line-height:1.5;letter-spacing:.21em;font-weight:650;text-transform:uppercase;color:#b7cce0}.kicker-dash{width:28px;height:1px;background:var(--rl-gold);flex:0 0 28px}.kicker-sep{color:var(--rl-gold);opacity:.72}
h1,h2,h3,p{margin-top:0}h1,h2{font-weight:500;letter-spacing:-.058em;line-height:1.045}h1 em,h2 em{font-style:normal;color:var(--rl-gold-light)}
/* HEADER do código da REAL: flutuante, cortes nos cantos e translucidez. */
.rl-bar{position:fixed;top:12px;left:12px;right:12px;max-width:1360px;margin:auto;z-index:1000;isolation:isolate}
.rl-bar::before,.rl-bar::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)}
.rl-bar::before{inset:0;background:rgba(188,150,92,.48)}.rl-bar::after{inset:1px;background:var(--rl-header);box-shadow:0 13px 48px rgba(4,17,31,.18);transition:background .3s}
.rl-bar.is-scrolled::after,.rl-bar.over-light::after{background:var(--rl-header)}.rl-bar.over-light::before{background:rgba(188,150,92,.74)}
.rl-bar-inner{position:relative;z-index:1;min-height:77px;display:flex;align-items:center;gap:14px;padding:10px 18px;transition:min-height .25s,padding .25s}
.rl-brand{display:inline-flex;gap:13px;align-items:center;min-width:0;min-height:44px;text-decoration:none}.rl-brand-mark{width:50px;height:53px;object-fit:contain;flex:0 0 50px;filter:none; /* logo sem quadrado branco: a barra INTEIRA é branca */}
.rl-brand-type{display:flex;flex-direction:column;gap:5px;min-width:0}.rl-brand-type strong{font-size:18px;line-height:1;letter-spacing:.24em;font-weight:700;white-space:nowrap;color:var(--rl-header-ink)}.rl-brand-type small{font-size:9px;line-height:1.2;letter-spacing:.095em;color:#a8bfd5;white-space:nowrap}
.rl-navigation{margin-left:auto;flex:0 0 auto}.rl-menu-toggle{display:flex;align-items:center;justify-content:flex-end;gap:9px;min-height:44px;min-width:60px;cursor:pointer;list-style:none;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--rl-header-ink)}.rl-menu-toggle::-webkit-details-marker{display:none}
.rl-menu-toggle svg{width:24px;height:26px;fill:none;stroke:var(--rl-gold);stroke-width:1.3;transition:transform .25s}.rl-navigation[open] .rl-menu-toggle svg{transform:rotate(180deg)}
.rl-navigation-panel{position:absolute;top:calc(100% + 9px);right:0;width:min(396px,calc(100vw - 24px));max-height:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior:contain;padding:22px;background:#fff;border:1px solid var(--rl-line-gold);box-shadow:0 25px 60px #04132235}
.rl-nav ul{list-style:none;margin:0;padding:0}.rl-nav a{display:flex;align-items:center;min-height:54px;text-decoration:none;border-bottom:1px solid rgba(20,38,74,.12);font-size:13px;letter-spacing:.06em;transition:color .2s;color:var(--rl-header-ink)}.rl-nav a:hover{color:#9a723e}
.rl-top-cta{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:51px;margin-top:20px;padding:13px 17px;text-decoration:none;color:#fff;background:var(--rl-header-ink);font-size:11px;font-weight:750;letter-spacing:.055em;clip-path:polygon(0 0,calc(100% - 13px) 0,100% 13px,100% 100%,0 100%);transition:background .2s}.rl-top-cta:hover{background:#244c76}.rl-top-cta svg,.angled-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.65}
@media(min-width:700px){.rl-bar{top:20px;left:var(--rl-gutter);right:var(--rl-gutter)}.rl-bar-inner{padding:14px 24px}.rl-brand-mark{width:53px;height:56px;flex-basis:53px}}
@media(min-width:1220px){.rl-bar-inner{min-height:86px;padding:15px 27px;gap:26px}.rl-bar.is-scrolled .rl-bar-inner{min-height:70px;padding-block:9px}.rl-navigation{flex:1;min-width:0}.rl-menu-toggle{display:none}.rl-navigation-panel{position:static;display:flex;align-items:center;justify-content:flex-end;gap:clamp(16px,2vw,30px);width:auto;max-height:none;overflow:visible;padding:0;background:transparent;border:0;box-shadow:none}.rl-nav ul{display:flex;align-items:center;gap:clamp(14px,1.6vw,29px)}.rl-nav a{min-height:44px;border:0;font-size:11px;white-space:nowrap}.rl-top-cta{margin:0;min-height:45px;font-size:10px;padding:10px 15px;white-space:nowrap}}
/* Faixa 1: mantém a composição e as cores da V17; novos planos orbitais em V18. */
.hero{min-height:min(870px,100svh);padding:clamp(155px,18vh,210px) 0 92px;background:radial-gradient(ellipse 52% 73% at 77% 52%,rgba(33,96,148,.31),transparent 75%),linear-gradient(118deg,#08192f 0%,#0b2442 55%,#06172c 100%)}
.hero::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(125deg,transparent 35%,rgba(95,156,203,.045) 35%,transparent 65%),repeating-linear-gradient(125deg,transparent 0 160px,rgba(133,189,228,.034) 161px,transparent 162px)}
.hero-trace{position:absolute;z-index:0;height:130%;width:38%;border-left:1px solid rgba(126,170,207,.14);transform:skewX(-33deg);pointer-events:none}.hero-trace-one{right:17%;top:-12%;background:linear-gradient(90deg,rgba(64,112,153,.09),transparent)}.hero-trace-two{right:-30%;top:0;opacity:.6}
.hero-layout{position:relative;display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:clamp(18px,3.3vw,52px);align-items:center;min-height:530px}
.hero-content{position:relative;z-index:4}.hero-content .kicker{margin-bottom:29px}.hero h1{font-size:clamp(54px,6.05vw,89px);max-width:630px}.hero h1 span{color:var(--rl-gold-light)}.hero-lead{font-size:clamp(17px,1.42vw,21px);line-height:1.68;max-width:565px;margin:26px 0 0;color:#d3e1ee}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.angled-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:56px;min-width:260px;padding:14px 21px 14px 26px;font-size:11px;font-weight:750;letter-spacing:.11em;text-decoration:none;clip-path:polygon(0 0,calc(100% - 15px) 0,100% 15px,100% 100%,15px 100%,0 calc(100% - 15px));transition:transform .25s,background .25s,box-shadow .25s}.angled-button-fill{color:#111d2e;background:var(--rl-gold-light);border:1px solid #e7c68b}.angled-button:hover{transform:translateY(-3px);background:#eac990}.hero-foot{display:flex;align-items:flex-start;gap:15px;margin-top:78px;color:#8da9c1;letter-spacing:.23em;font-size:9px;line-height:1.7}.hero-foot .line{width:37px;height:1px;background:var(--rl-gold-light);margin-top:8px}
/* FAIXA 2: blocos limpos e angulares, mesma organização premium do grupo. */
.method{padding:clamp(110px,10vw,160px) 0;background:linear-gradient(120deg,#163b61,#2a577e 100%)}
.method-geometry{position:absolute;right:-19%;top:-48%;width:55%;height:210%;border-left:1px solid rgba(192,219,239,.20);background:linear-gradient(112deg,rgba(156,204,238,.075),transparent 56%);transform:skewX(-21deg);pointer-events:none}
.section-heading{max-width:900px;position:relative;z-index:2}.section-heading h2{font-size:clamp(40px,5.1vw,72px);max-width:935px}.section-heading p:last-child{margin:25px 0 0;font-size:clamp(16px,1.4vw,20px);line-height:1.7;max-width:800px;color:#d2e3f0}
.method-flow{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:70px}
.method-flow::before{content:"";position:absolute;left:7%;right:7%;top:36px;border-top:1px solid rgba(219,235,246,.21);pointer-events:none}
.method-card{position:relative;display:flex;flex-direction:column;min-height:260px;padding:30px 28px 25px;background:rgba(7,31,57,.27);border:1px solid rgba(213,232,244,.19);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);transition:background .35s,translate .35s,border-color .35s}
.method-card:hover{translate:0 -8px;background:rgba(7,31,57,.49);border-color:rgba(226,194,138,.65)}
.method-card::before{content:"";position:absolute;left:28px;top:0;width:56px;height:2px;background:var(--rl-gold)}.card-head{display:flex;align-items:center;justify-content:flex-start;margin-bottom:28px;gap:12px}.card-head span{font-size:10px;letter-spacing:.18em;color:#b4d0e2;white-space:nowrap}.card-head svg{width:72px;height:64px;stroke:var(--rl-gold-light);stroke-width:1.15;fill:none}.method-card h3{font-size:clamp(21px,1.9vw,27px);letter-spacing:-.035em;font-weight:500;margin:0 0 12px}.method-card p{font-size:14px;line-height:1.7;color:#cadfee;margin:0 0 10px}.card-end{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.21em;color:var(--rl-gold-light)}.card-end i{width:23px;height:1px;background:var(--rl-gold)}
/* FAIXA 3 */
.vision{padding:clamp(105px,10vw,160px) 0;background:linear-gradient(132deg,#e9eff4 0%,#f9fafb 48%,#e9eef3 100%);color:var(--rl-ink)}.vision-corner{position:absolute;left:-13%;top:-10%;width:36%;height:135%;transform:skewX(-30deg);border-right:1px solid rgba(27,67,99,.1);background:linear-gradient(90deg,rgba(31,73,111,.04),transparent)}
.vision-layout{display:grid;grid-template-columns:1fr .95fr;gap:clamp(28px,6vw,82px);align-items:center}.vision-copy .kicker{color:#47657f}.vision-copy h2{font-size:clamp(42px,5.05vw,73px)}.vision-copy h2 em{color:#9a713d}.vision-copy>p:not(.kicker){font-size:clamp(16px,1.4vw,20px);line-height:1.73;color:#445d72;margin:25px 0 0}
.vision-pillars{display:flex;gap:14px;align-items:center;margin-top:36px;border-top:1px solid rgba(20,38,74,.13);padding-top:20px}.vision-pillars>div{display:grid;place-items:center;width:69px;height:68px;flex:0 0 69px;min-width:0;border:1px solid rgba(20,38,74,.19);background:#fff;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.vision-pillars svg{width:34px;height:34px;fill:none;stroke:#245784;stroke-width:1.55;margin:0;width:37px;height:37px}.vision-pillars span{font-size:9px;letter-spacing:.12em;font-weight:750;line-height:1.6;color:#1f4265}
.vision-brand{position:relative;min-width:0}.vision-brand-ghost{position:absolute;inset:12% 1% 19%;clip-path:polygon(50% 0,100% 100%,0 100%);background:rgba(48,105,150,.07);transform:rotate(-5deg)}.vision-svg{position:relative;width:100%;filter:drop-shadow(0 26px 26px rgba(11,40,73,.14))}.architect-lines path{fill:none;stroke:#bed5e6;stroke-width:1.1;stroke-opacity:.35}.vision-brand-label{margin:4px 0 0;display:flex;align-items:center;gap:10px;font-size:9px;color:#51708a;letter-spacing:.14em}.vision-brand-label-right{margin-left:auto}
/* CTA */
.cta{padding:clamp(102px,9vw,145px) 0;background:radial-gradient(ellipse at 80% 53%,rgba(47,99,140,.27),transparent 51%),linear-gradient(115deg,#08192f,#0e2b4e);border-top:1px solid rgba(188,150,92,.35)}.cta-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.69fr);align-items:center;gap:32px}.cta-copy{position:relative;z-index:2}.cta h2{font-size:clamp(42px,5.15vw,74px)}.cta-copy>p:not(.kicker){font-size:clamp(17px,1.45vw,21px);margin:20px 0 30px;color:#d1dfed}.cta-main-button{min-width:320px}.cta-angle{position:absolute;right:8%;top:-15%;height:140%;width:28%;background:linear-gradient(90deg,rgba(56,103,145,.12),transparent);transform:skewX(-30deg);border-left:1px solid rgba(145,192,225,.12)}.cta-art{position:relative;height:310px;overflow:hidden}.cta-chevron{position:absolute;inset:-20% 10% -20% 30%;transform:skewX(-25deg);background:linear-gradient(120deg,rgba(100,162,202,.13),transparent);border-left:1px solid rgba(157,207,241,.2)}.cta-chevron-b{inset:-20% -10% -20% 58%;opacity:.7}.cta-chevron-c{inset:-20% 51% -20% 5%;opacity:.38}.cta-art-caption{position:absolute;right:3%;top:50%;display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.18em;color:#acbfd2;text-align:right}
/* Rodapé = três colunas com detalhes oblíquos do código referência */
.rl-footer{position:relative;isolation:isolate;background:linear-gradient(115deg,#173b61,#24537a);color:#f4f7fa;border-top:1px solid rgba(188,150,92,.36);overflow:hidden}.rl-footer::before,.rl-footer::after{content:"";position:absolute;z-index:-1;pointer-events:none}.rl-footer::before{top:0;left:-16%;width:60%;height:110%;transform:skewX(-40deg);background:linear-gradient(135deg,transparent,rgba(188,150,92,.08),transparent)}.rl-footer::after{right:-5%;bottom:0;width:35%;height:130%;transform:skewX(30deg);border-left:2px solid rgba(188,150,92,.20);background:linear-gradient(135deg,transparent,rgba(188,150,92,.08))}.rl-footer-inner{max-width:1230px;margin:auto;padding:30px var(--rl-gutter);display:grid;grid-template-columns:1.7fr 1.1fr .65fr;align-items:center;gap:20px}.footer-company{font-size:13px;letter-spacing:.02em;font-weight:600}.footer-company span{color:var(--rl-gold-light)}.footer-company small{display:block;font-weight:400;font-size:10px;margin-top:9px;letter-spacing:.08em;color:#a8c2d8}.footer-privacy{display:flex;flex-direction:column;align-items:center;gap:9px;border-left:1px solid rgba(226,194,138,.29);border-right:1px solid rgba(226,194,138,.29);text-align:center}.footer-privacy a{font-size:12px;text-decoration:none;color:#f2f6f9}.footer-privacy a:hover{color:var(--rl-gold-light)}.footer-dev{text-align:right}.footer-dev small{display:block;font-size:10px;color:#a6bfd3;margin-bottom:5px}.footer-dev strong{color:var(--rl-gold-light);font-weight:600;letter-spacing:.11em;font-size:14px}
/* Animações de entrada: sem JS, tudo permanece visível. */
.reveal{opacity:1;transform:none}.js-ready:not(.reduce-motion) .reveal:not(.is-visible){opacity:0;transform:translateY(30px)}.js-ready:not(.reduce-motion) .reveal.reveal-left:not(.is-visible){transform:translateX(-35px)}.js-ready:not(.reduce-motion) .reveal.reveal-scale:not(.is-visible){transform:scale(.955)}.js-ready:not(.reduce-motion) .reveal{transition:opacity .85s ease,transform .95s var(--rl-ease)}.js-ready:not(.reduce-motion) .reveal.is-visible{opacity:1;transform:none}.method-card:nth-child(2){transition-delay:.12s}.method-card:nth-child(3){transition-delay:.24s}
/* RESPONSIVO */
@media(max-width:1160px){.hero-layout{grid-template-columns:1fr;gap:10px}.hero{padding-bottom:85px}.hero-content{max-width:720px}.hero-art{width:min(100%,800px);margin:0 auto;min-height:560px}.hero-foot{margin-top:36px}.tier-label{right:0}.vision-layout{grid-template-columns:1fr}.vision-copy{max-width:850px}.vision-brand{width:min(100%,650px);margin:auto}.cta-layout{grid-template-columns:1fr .4fr}}
@media(max-width:760px){:root{--rl-gutter:20px}html{scroll-padding-top:94px}.rl-brand-type small{display:none}.rl-brand-type strong{font-size:15px}.rl-brand-mark{width:43px;height:45px;flex-basis:43px}.hero{padding-top:137px;padding-bottom:65px;min-height:auto}.hero h1{font-size:clamp(49px,11vw,76px)}.hero-art{min-height:410px;width:100%;margin:8px auto 0}.tier-label{display:none}.layer-diagram{width:112%;left:-6%}.diagram-caption{bottom:0;left:8%;font-size:8px}.hero-foot{margin-top:35px}.method,.vision,.cta{padding:87px 0}.section-heading h2,.vision-copy h2,.cta h2{font-size:clamp(37px,9vw,58px)}.method-flow{grid-template-columns:1fr;gap:13px;margin-top:48px}.method-flow::before{display:none}.method-card{min-height:230px;padding:24px}.card-head{margin-bottom:14px}.method-card p{margin-bottom:22px}.vision-pillars{margin-top:33px}.cta-layout{grid-template-columns:1fr}.cta-art{height:170px;margin-top:-20px;opacity:.78}.cta-art-caption{top:49%}.rl-footer-inner{grid-template-columns:1fr;text-align:center;gap:17px}.footer-privacy{border:0;border-top:1px solid rgba(226,194,138,.25);border-bottom:1px solid rgba(226,194,138,.25);padding:16px}.footer-dev{text-align:center}}
@media(max-width:480px){.rl-bar{top:8px;left:8px;right:8px}.rl-bar-inner{min-height:66px;padding:9px 12px}.rl-brand{gap:9px}.rl-brand-type strong{font-size:14px;letter-spacing:.17em}.rl-menu-toggle span{display:none}.hero{padding-top:121px}.kicker{font-size:9px;letter-spacing:.13em;gap:9px}.hero h1{font-size:clamp(43px,11.4vw,56px)}.hero-lead{font-size:16px;line-height:1.6}.angled-button{min-width:0;width:100%;font-size:10px}.hero-art{min-height:330px}.layer-diagram{width:124%;left:-12%}.diagram-caption{font-size:7px;letter-spacing:.08em;left:3%;bottom:-2%}.diagram-caption-index{margin-left:4px}.vision-pillars{display:flex;flex-wrap:wrap}.vision-pillars>div{padding:0;border:1px solid rgba(20,38,74,.19);display:grid;place-items:center;gap:0}.vision-pillars>div+div{padding-left:0;border-left:1px solid rgba(20,38,74,.19)}.vision-pillars svg{margin:0;width:35px;height:35px;flex:0 0 35px}.cta-art{height:145px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-ready .reveal{opacity:1!important;transform:none!important}.js-ready .hero-art .tier,.js-ready .hero-art .tier-label{opacity:1!important;transform:none!important}}

.error-page{padding-top:20vh;min-height:100vh}

/* === REALIZA V12 / REFINAMENTOS DE CONVERSÃO E CLAREZA ====================== */
/* Barra é branca em TODAS as seções; nunca reaparece um quadrado branco isolado. */
.rl-bar{color:var(--rl-header-ink)}
.rl-brand-mark{background:transparent!important;padding:0!important;clip-path:none!important}
.rl-navigation-panel{color:var(--rl-header-ink)}
.rl-top-cta{background:var(--rl-header-ink);color:#fff}
.rl-top-cta:hover,.rl-top-cta:focus-visible{background:#2a527d;color:#fff}
/* O único botão desta seção vai ao formulário da REAL: sem degradê. */
.cta .cta-main-button{background:#bc965c;color:#101f34;border:1px solid #bc965c;min-width:320px}
.cta .cta-main-button:hover,.cta .cta-main-button:focus-visible{background:#d2ae75;color:#101f34}
/* Menu preserva o símbolo e comportamento original, mas os rótulos legíveis no branco. */
.rl-nav a:focus-visible,.rl-menu-toggle:focus-visible,.rl-brand:focus-visible{outline-color:#14264a}
.hero-content{padding-block:26px}
.vision-pillars .vision-handshake{stroke:#bc965c;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.vision-pillars>div:hover{border-color:var(--rl-gold);background:#faf7f1;transform:translateY(-2px)}
.vision-pillars>div{transition:background .25s,border-color .25s,transform .25s}
@media (max-width:760px){.rl-navigation-panel{background:#fff}.rl-brand-mark{width:42px;height:46px;flex-basis:42px}.vision-pillars{margin-top:28px}}
@media (max-width:480px){.rl-brand-mark{width:40px;height:43px;flex-basis:40px}.vision-pillars{display:flex;flex-wrap:wrap}.vision-pillars>div{width:62px;height:62px;flex-basis:62px}}

/* ======================================================================
   REALIZA V13 — ALTERAÇÕES SOLICITADAS / SEM MUDAR O RESTANTE DA PÁGINA
   ====================================================================== */
/* Assinatura institucional menor, sempre visível inclusive em celular. */
.rl-brand-type{gap:5px}
.rl-brand-type small{display:block;font-size:clamp(7px,.67vw,9px);letter-spacing:.075em;line-height:1.25;color:#526782;font-weight:650;white-space:nowrap}

/* Hero: somente LUZ AZUL nas faces inferiores, sem divisórias douradas. */
.tier-underglow-back{fill:none;stroke:#65c6ff;stroke-width:14;opacity:.58;filter:url(#rl-underglow-blur);pointer-events:none}
.tier-underglow-front{fill:none;stroke:url(#rl-underglow);stroke-width:2.4;opacity:.83;pointer-events:none}
.hero-art .tier-glint{stroke:#aee7ff;stroke-width:1.3;stroke-opacity:.58}
.hero-art .spine{stroke:#77c9f4;opacity:.4}
.hero-art .diagram-callouts path{stroke:#85c4eb;stroke-opacity:.53}
.hero-art .diagram-callouts circle{fill:#afe4ff}
.hero-art .diagram-halo{background:radial-gradient(ellipse,rgba(64,167,238,.31),transparent 65%)}
/* Cada conjunto sobe e desce no próprio eixo, em tempos diferentes. */
/* Distâncias editáveis e nova cadência das camadas: veja a seção V14 no fim do arquivo. */

/* FAIXA 02 — três placas azuis de uma pirâmide visual, apenas títulos/textos.
   Premissas = topo, Parcerias = corpo, Coordenação = base.
   A hierarquia geométrica substitui os antigos três cards paralelos. */
.method{padding:clamp(104px,9vw,148px) 0;background:linear-gradient(126deg,#143455,#244e75)}
.method .section-heading{max-width:980px;margin-inline:auto;text-align:center}
.method .section-heading h2{margin-inline:auto}
.method .section-heading p:last-child{margin-inline:auto}
.method-flow{
 display:flex;flex-direction:column;align-items:center;gap:12px;
 margin:clamp(44px,5.5vw,78px) auto 0;max-width:1020px;
}
.method-flow::before{display:none}
.method-card{
 --tier-width:100%;width:var(--tier-width);min-height:0;
 display:flex;flex-direction:column;align-items:flex-end;justify-content:center;
 padding:clamp(25px,2.7vw,36px) clamp(27px,5vw,70px);
 text-align:right;
 background:#102d4e;
 border:1px solid rgba(167,207,233,.40);
 clip-path:polygon(7% 0,93% 0,100% 100%,0 100%);
 box-shadow:none;isolation:isolate;
}
.method-card:nth-child(1){--tier-width:49%;background:#0b2745;}
.method-card:nth-child(2){--tier-width:74%;background:#12375b;}
.method-card:nth-child(3){--tier-width:100%;background:#17446b;}
.method-card::before{left:auto;right:0;top:auto;bottom:0;width:42%;height:1px;background:rgba(145,209,246,.58)}
.method-card h3{font-size:clamp(19px,2.2vw,29px);font-weight:570;line-height:1.2;max-width:100%;margin:0 0 7px;letter-spacing:-.035em}
.method-card p{font-size:clamp(13px,1.12vw,16px);line-height:1.58;color:#cee1ef;max-width:32em;margin:0}
.method-card:hover{translate:0 -3px;background:#214d76;border-color:rgba(182,225,253,.77)}
.method-card:nth-child(1):hover{background:#143657}
.method-card:nth-child(2):hover{background:#1b436b}
.method-card:nth-child(3):hover{background:#24547f}
@media(max-width:760px){
 .rl-brand-type small{display:block;font-size:8px;letter-spacing:.048em}
 .method .section-heading{text-align:left}
 .method-flow{gap:10px;margin-top:43px}
 .method-card{padding:25px clamp(24px,7vw,45px);min-height:0}
 .method-card:nth-child(1){--tier-width:78%}
 .method-card:nth-child(2){--tier-width:89%}
 .method-card:nth-child(3){--tier-width:100%}
 .method-card p{margin:0}
}
@media(max-width:480px){
 .rl-brand-type small{display:block;font-size:clamp(6.5px,2.12vw,8px);letter-spacing:.012em;line-height:1.2}
 .rl-brand-type strong{letter-spacing:.14em}
 .method-card{padding:23px 20px;clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 100%,0 100%)}
 .method-card:nth-child(1){--tier-width:86%}
 .method-card:nth-child(2){--tier-width:93%}
 .method-card:nth-child(3){--tier-width:100%}
 .method-card h3{font-size:clamp(18px,5.2vw,23px)}
 .method-card p{font-size:13px;line-height:1.45}
}


/* As faixas usam a altura da tela, mas nunca cortam conteúdo em telas baixas,
   zoom, fonte aumentada ou celular. Não usar height:100vh com overflow:hidden. */
.hero,.method,.cta{min-height:100vh;min-height:100svh;}
.hero{
  display:grid;align-items:center;
  padding:clamp(112px,13svh,145px) 0 clamp(32px,5svh,64px);
}
.hero-layout{min-height:0;}
.hero-content{padding-block:0;}
.hero-art{
  height:min(64svh,590px);min-height:0;aspect-ratio:auto;
}
.hero .hero-foot{margin-top:clamp(24px,5svh,48px);}

/* SEÇÃO 02: título + texto à ESQUERDA, barras piramidais à DIREITA.
   As 3 placas seguem centradas umas sobre as outras; o texto DENTRO delas
   permanece alinhado à direita e sem ícones. */
.method{
  display:flex;align-items:center;
  padding:clamp(116px,13svh,147px) 0 clamp(42px,6svh,70px);
}
.method>.shell{
  width:min(1300px,calc(100% - 2*var(--rl-gutter)));
  display:grid;grid-template-columns:minmax(0,.90fr) minmax(0,1.10fr);
  gap:clamp(34px,4.3vw,74px);align-items:center;
}
.method .section-heading{
  min-width:0;max-width:580px;margin:0;text-align:left;
}
.method .section-heading h2{
  margin:0;font-size:clamp(37px,3.65vw,60px);line-height:1.09;
  max-width:570px;
}
.method .section-heading p:last-child{
  margin:clamp(19px,2.5svh,28px) 0 0;
  font-size:clamp(16px,1.22vw,19px);line-height:1.63;
  max-width:510px;
}
.method-flow{
  margin:0;width:100%;min-width:0;max-width:680px;
  display:flex;flex-direction:column;align-items:center;
  gap:clamp(8px,1.4svh,13px);
}
.method-card{
  width:var(--tier-width);min-height:clamp(92px,11svh,119px);
  padding:clamp(14px,2svh,21px) clamp(20px,2.5vw,37px);
  justify-content:center;align-items:flex-end;text-align:right;
}
.method-card:nth-child(1){--tier-width:65%;}
.method-card:nth-child(2){--tier-width:82%;}
.method-card:nth-child(3){--tier-width:100%;}
.method-card h3{font-size:clamp(18px,1.68vw,25px);margin-bottom:5px;}
.method-card p{font-size:clamp(12px,.99vw,15px);line-height:1.43;}

/* Frentes preserva o triângulo existente: somente dimensiona o conjunto
   para o campo visual de monitores horizontais sem esconder descrição/link. */
.RL_ST2_section{min-height:100vh;min-height:100svh;}
.cta{
  display:flex;align-items:center;
  padding:clamp(118px,14svh,157px) 0 clamp(45px,6svh,76px);
}
.cta .cta-layout{width:min(var(--rl-shell),calc(100% - 2*var(--rl-gutter)));}

/* Monitores baixos: reduções proporcionais para as quatro faixas caberem. */
@media (min-width:1161px) and (max-height:820px){
  .hero-art{height:min(61svh,540px);}
  .hero h1{font-size:clamp(52px,5.5vw,77px);}
  .hero-lead{margin-top:18px;line-height:1.55;}
  .method{padding-top:clamp(103px,13svh,121px);padding-bottom:30px;}
  .method .section-heading h2{font-size:clamp(35px,3.35vw,51px);}
  .method-card{min-height:clamp(87px,11svh,101px);}
  .RL_ST2_visual{max-width:min(100%,58svh,650px);}
  .RL_ST2_section{padding-top:clamp(108px,13svh,125px);padding-bottom:22px;}
  .RL_ST2_detail{min-height:96px;}
  .RL_ST2_detailInner{padding-top:12px;}
  .cta-art{height:min(35svh,270px);}
}
@media (min-width:991px) and (min-height:821px){
  .RL_ST2_visual{max-width:min(100%,59svh,690px);}
  .RL_ST2_section{padding-top:clamp(108px,12svh,141px);padding-bottom:clamp(23px,3svh,39px);}
}

/* Tablet/celular: preserva a composição completa e coloca as barras ABAIXO
   do texto somente quando duas colunas ficariam estreitas ou ilegíveis. */
@media(max-width:1160px){
  .hero{padding-top:clamp(130px,14svh,160px);padding-bottom:clamp(36px,5svh,70px);}
  .hero-art{height:auto;min-height:0;aspect-ratio:1/.92;width:min(100%,720px);}
  .method{padding:clamp(111px,12svh,144px) 0 clamp(52px,7svh,80px);}
  .method>.shell{
    width:min(850px,calc(100% - 2*var(--rl-gutter)));
    grid-template-columns:minmax(0,1fr);gap:clamp(25px,4svh,45px);
  }
  .method .section-heading{max-width:850px;}
  .method .section-heading h2{max-width:850px;font-size:clamp(39px,5.1vw,60px);}
  .method-flow{max-width:750px;margin-inline:auto;}
  .method-card{min-height:clamp(92px,10svh,117px);}
  .cta{padding:clamp(115px,13svh,143px) 0 clamp(50px,7svh,80px);}
}
@media(max-width:760px){
  .hero{padding:137px 0 52px;}
  .hero-art{width:100%;aspect-ratio:1/.9;margin-top:16px;}
  .method{padding:108px 0 65px;}
  .method>.shell{gap:32px;}
  .method .section-heading h2{font-size:clamp(36px,9vw,56px);}
  .method .section-heading p:last-child{font-size:clamp(15px,3.8vw,18px);}
  .method-flow{margin-top:0;gap:10px;}
  .method-card{min-height:95px;padding:19px clamp(19px,6vw,35px);}
  .method-card:nth-child(1){--tier-width:78%;}
  .method-card:nth-child(2){--tier-width:89%;}
  .method-card:nth-child(3){--tier-width:100%;}
  .cta{padding:108px 0 65px;}
}
@media(max-width:480px){
  .hero{padding-top:120px;padding-bottom:36px;}
  .hero-art{min-height:0;aspect-ratio:1/.86;}
  .method{padding:98px 0 50px;}
  .method>.shell{gap:25px;}
  .method .section-heading h2{font-size:clamp(33px,8.55vw,44px);}
  .method .section-heading p:last-child{font-size:15px;line-height:1.48;}
  .method-card{min-height:88px;padding:14px 20px;}
  .method-card:nth-child(1){--tier-width:86%;}
  .method-card:nth-child(2){--tier-width:93%;}
  .method-card:nth-child(3){--tier-width:100%;}
  .method-card h3{font-size:clamp(17px,5vw,22px);}
  .method-card p{font-size:12px;line-height:1.34;}
  .cta{padding:98px 0 46px;}
}


/* ===============================================================
   V15 — BOTÃO DO FORMULÁRIO À DIREITA (única mudança visual).
   Inspiração: bloco retangular com texto à esquerda e seta no
   canto direito. Cor sólida da paleta Realiza, não amarelo vivo.
   =============================================================== */
.cta .cta-layout{
  grid-template-columns:minmax(0,1fr) minmax(315px,.78fr);
  column-gap:clamp(25px,4vw,64px);
}
.cta .cta-copy{
  grid-column:1;
  grid-row:1;
  min-width:0;
}
.cta .cta-art{
  grid-column:2;
  grid-row:1;
  position:relative;
  z-index:0;
  pointer-events:none;
}
.cta .cta-action{
  grid-column:2;
  grid-row:1;
  position:relative;
  z-index:3;
  justify-self:end;
  align-self:center;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:clamp(18px,2vw,32px);
  width:min(100%,445px);
  min-width:0;
  min-height:87px;
  margin:0;
  padding:19px clamp(21px,2.5vw,32px);
  /* Sobrescreve o recorte angular apenas neste botão. */
  clip-path:none;
  border-radius:0;
  border:1px solid #bc965c;
  background:#bc965c;
  color:#14264a;
  font-size:clamp(12px,1.25vw,17px);
  font-weight:800;
  line-height:1.25;
  letter-spacing:.055em;
  text-align:left;
  text-decoration:none;
  box-shadow:0 14px 34px rgba(2,11,27,.17);
  transition:background .2s ease,transform .2s ease,box-shadow .2s ease;
}
.cta .cta-action span{min-width:0}
.cta .cta-action svg{
  flex:0 0 28px;
  width:28px;
  height:28px;
  stroke:currentColor;
  stroke-width:1.5;
  fill:none;
}
.cta .cta-action:hover,
.cta .cta-action:focus-visible{
  background:#d2ae75;
  border-color:#d2ae75;
  color:#14264a;
  transform:translateY(-2px);
  box-shadow:0 19px 40px rgba(2,11,27,.23);
}
@media(max-width:1160px){
  .cta .cta-layout{
    grid-template-columns:minmax(0,1fr) minmax(260px,.80fr);
    column-gap:clamp(16px,3vw,34px);
  }
  .cta .cta-action{min-height:75px;font-size:clamp(12px,1.55vw,16px);padding:16px 20px}
}
@media(max-width:760px){
  .cta .cta-layout{grid-template-columns:minmax(0,1fr);gap:clamp(20px,4svh,36px)}
  .cta .cta-copy{grid-column:1;grid-row:1}
  .cta .cta-action{grid-column:1;grid-row:2;justify-self:stretch;width:100%;min-height:72px}
  .cta .cta-art{grid-column:1;grid-row:3;height:clamp(85px,16svh,150px);margin:0}
}
@media(max-width:480px){
  .cta .cta-action{min-height:67px;padding:15px 19px;gap:12px;font-size:12px}
  .cta .cta-action svg{width:24px;height:24px;flex-basis:24px}
}




/* ======================================================================
   V19 / EXPERIMENTO CORRIGIDO: A ÓRBITA É O FUNDO DA SEÇÃO INICIAL.
   Quatro faixas DIAGONAIS DE GRANDE ESCALA, sem SVG/pirâmide/piso à direita.
   O restante das seções e a barra fixa mantêm o CSS da V18.
   Tempo de uma volta: data-rotation-seconds="60" na #hero-backdrop.
   ====================================================================== */
.hero{isolation:isolate;overflow:hidden;
  background:linear-gradient(115deg,#071629 0%,#0c2340 46%,#081b33 100%);
}
.hero::before{z-index:0;
  background:radial-gradient(ellipse 68% 78% at 78% 48%,rgba(49,109,155,.14),transparent 78%);
}
.hero::after{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  /* Protege a leitura dos títulos sem cobrir os movimentos do fundo. */
  background:linear-gradient(90deg,rgba(7,20,37,.77) 0%,rgba(8,24,45,.42) 35%,rgba(8,24,45,.07) 70%,transparent 100%),
    linear-gradient(0deg,rgba(5,16,31,.18),transparent 26%);
}
.hero-backdrop{
  position:absolute;inset:-2px;overflow:hidden;z-index:1;
  pointer-events:none;isolation:isolate;
}
.hero-backdrop__plane{
  --bg-tone:29,78,120;
  --bg-x:0vw;--bg-y:0vh;--bg-turn:0deg;
  position:absolute;top:-32%;height:164%;width:57%;
  transform-origin:center;
  transform:translate3d(var(--bg-x),var(--bg-y),0) rotate(var(--bg-turn));
  clip-path:polygon(38% 0,100% 0,62% 100%,0 100%);
  background:linear-gradient(164deg,
    rgba(var(--bg-tone),.57) 0%,
    rgba(var(--bg-tone),.38) 51%,
    rgba(var(--bg-tone),.27) 100%);
  border-left:1px solid rgba(158,206,238,.08);
  opacity:.88;
  will-change:transform,background-color;
}
.hero-backdrop__plane::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,transparent 0%,rgba(177,221,246,.055) 69%,transparent 100%);
}
/* As quatro camadas começam distribuídas por TODA a abertura; não há
   quatro barrinhas flutuando no espaço que antes continha o diagrama. */
.hero-backdrop__plane[data-bg-layer="0"]{left:54%;--bg-tone:90,146,190}
.hero-backdrop__plane[data-bg-layer="1"]{left:33%;--bg-tone:38,96,138}
.hero-backdrop__plane[data-bg-layer="2"]{left:12%;--bg-tone:18,51,83}
.hero-backdrop__plane[data-bg-layer="3"]{left:-9%;--bg-tone:10,29,54}
.hero-layout{
  position:relative;z-index:3;
  display:flex;align-items:center;justify-content:flex-start;
  min-height:clamp(460px,57svh,665px);
}
.hero-content{flex:0 1 min(620px,57%);max-width:620px;z-index:3}
/* Não há chão: a divisória discreta da seção apenas separa faixas do site. */
.hero-bottom-rule{z-index:3;opacity:.22}
@media(max-width:1160px){
  .hero-layout{min-height:clamp(410px,54svh,610px);}
  .hero-content{flex-basis:min(650px,80%);max-width:650px;}
  .hero-backdrop__plane{width:76%}
}
@media(max-width:760px){
  .hero-layout{min-height:max(420px,62svh)}
  .hero-content{flex-basis:100%;max-width:100%}
  .hero::after{background:linear-gradient(90deg,rgba(7,20,37,.78),rgba(8,24,45,.36) 85%)}
  .hero-backdrop__plane{width:106%;opacity:.72}
}
@media(max-width:480px){
  .hero-layout{min-height:max(440px,65svh)}
  .hero-backdrop__plane{width:123%;opacity:.7}
}
@media(prefers-reduced-motion:reduce){
  .hero-backdrop__plane{will-change:auto;transform:none!important}
}