:root{color-scheme:dark;--fundo:#111410;--texto:#f3f6ee;--suave:#9da693;--destaque:#c3f85c;--linha:#343c2b;font-family:Arial,Helvetica,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
body{margin:0;background:var(--fundo);color:var(--texto)}
.pagina{max-width:1600px;min-height:100vh;min-height:100svh;margin:0 auto;padding:36px 5.7vw 26px;display:flex;flex-direction:column;overflow:hidden}
.cabecalho,.rodape{display:flex;align-items:center;justify-content:space-between;gap:24px}
.marca{font-size:34px;font-weight:800;letter-spacing:-2px;line-height:1}
.marca span{color:var(--destaque)}
.situacao{display:flex;align-items:center;gap:10px;margin:0;font-size:12px;letter-spacing:.04em;color:var(--suave)}
.situacao span{width:6px;height:6px;border-radius:50%;background:var(--destaque);box-shadow:0 0 0 5px #c3f85c0c}
.conteudo{display:grid;grid-template-columns:1.04fr 1fr;gap:5vw;align-items:center;flex:1;padding:68px 0 72px}
.sobretitulo{margin:0 0 26px;color:var(--suave);font-size:13px;letter-spacing:.12em;text-transform:uppercase}
h1{margin:0;font-size:clamp(88px,10.2vw,154px);line-height:.88;letter-spacing:-.075em;font-weight:800}
h1 span{color:var(--destaque)}
.descricao{margin:32px 0 0;color:var(--suave);font-size:16px;line-height:1.75;letter-spacing:-.01em}
.visual{display:flex;justify-content:center;align-items:center;width:100%;padding:10px 0}
.moldura{position:relative;aspect-ratio:1;width:100%;max-width:490px;border:1px solid var(--linha);background-image:linear-gradient(#26301e80 1px,transparent 1px),linear-gradient(90deg,#26301e80 1px,transparent 1px);background-size:25% 25%;background-position:center;isolation:isolate}
.moldura::before,.moldura::after{content:"";position:absolute;width:11px;height:11px;background:var(--destaque);z-index:2}
.moldura::before{top:-6px;left:-6px}.moldura::after{bottom:-6px;right:-6px}
.circulo{position:absolute;border:1px solid #9abd5966;border-radius:50%;inset:11%}
.circulo-interno{inset:22%;border-color:#c3f85c33}
.orbita{position:absolute;inset:4%;border-radius:50%;border:1px dashed #65744d80;transform:rotate(-26deg)}
.orbita span{position:absolute;top:14.1%;right:14.1%;width:15px;height:15px;border-radius:50%;background:var(--destaque);box-shadow:0 0 30px #c3f85c3d}
.simbolo{position:absolute;inset:30%;width:40%;height:40%;color:var(--destaque);transform:rotate(-9deg)}
.coordenada{position:absolute;background:var(--fundo);color:#99a77d;font:9px/1.5 "Courier New",monospace;letter-spacing:.12em;padding:3px 6px;z-index:1}
.coordenada-topo{top:-11px;left:22px}.coordenada-base{bottom:-11px;right:22px}
.rodape{border-top:1px solid var(--linha);padding-top:22px;color:#849076;font-size:11px;letter-spacing:.04em}
.rodape p{margin:0}
@media(min-width:1600px){.pagina{padding-left:90px;padding-right:90px}.conteudo{gap:80px}}
@media(max-width:700px){.pagina{padding:26px 25px 24px}.marca{font-size:29px}.situacao{font-size:10px;gap:8px}.conteudo{grid-template-columns:1fr;gap:56px;padding:62px 0 50px}.sobretitulo{font-size:11px;margin-bottom:24px}h1{font-size:clamp(84px,20vw,132px)}.descricao{font-size:14px;margin-top:26px}.visual{justify-content:flex-end;padding:0 5px}.moldura{max-width:320px;width:78%}.rodape{padding-top:20px;font-size:10px}}
@media(max-width:360px){.pagina{padding-left:20px;padding-right:20px}.situacao{font-size:9px}h1{font-size:82px}.conteudo{padding-top:52px}.coordenada{font-size:7px}}