/* LANDING-1 — Landing Page pública do JANUS.
   O asset janus-landing-hero.png.png (1536x1024) já traz, rasterizados, o headline, o
   parágrafo institucional, o mockup do dashboard, os cinco cartões de recursos e a mensagem
   final. É renderizado como <img> de fluxo normal (largura 100%, altura automática) para que
   NUNCA seja cortado nem distorcido, em nenhuma largura de viewport (item 5: proibido esticar
   a imagem ou escalar largura/altura de forma independente). Os elementos funcionais que o asset
   deliberadamente deixou de fora (CTAs, âncoras de navegação) são sobrepostos com posição em
   percentual sobre um wrapper com a mesma proporção da imagem — como a imagem nunca é
   recortada, esse percentual permanece alinhado ao conteúdo da arte em qualquer largura. */
.janus-landing-hero{position:relative;line-height:0;background:var(--janus-bg,#090f12)}
.janus-landing-hero-img{display:block;width:100%;height:auto}

.janus-landing-hero-ctas{position:absolute;top:46%;left:7%;right:7%;display:flex;flex-wrap:nowrap;gap:.6rem;line-height:normal}
.janus-landing-hero-ctas .jpublic-btn{font-size:.8rem;padding:.55rem .9rem}

/* Âncora para o link "Recursos" da navbar — o próprio cartão "Controle completo" começa
   perto desta marca; sem tamanho/visual próprio (apenas destino de rolagem). */
.janus-landing-anchor{position:absolute;top:61%;left:0;pointer-events:none}

.janus-landing-final-cta{position:absolute;top:79%;left:47%;display:flex;flex-direction:column;align-items:center;gap:.35rem;line-height:normal}
.janus-landing-final-cta .jpublic-btn{font-size:.85rem}
.janus-landing-final-cta-caption{font-size:.7rem;color:var(--janus-primary,#00c99a)}

@media (max-width:640px){
    .janus-landing-hero-ctas{top:45%;left:5%;right:5%;gap:.4rem}
    .janus-landing-hero-ctas .jpublic-btn{font-size:.68rem;padding:.45rem .6rem}
    .janus-landing-final-cta{left:44%;top:78%}
    .janus-landing-final-cta .jpublic-btn{font-size:.62rem;padding:.4rem .55rem}
    .janus-landing-final-cta-caption{font-size:.56rem}
}