/* Site nexus.emp.br — estilos.
   Origem: o mockup Rev. 8 (07/10/2026). Interface neutra; a única cor é o nó da marca
   (azul petróleo). Escala de tipo e espaço herdada do LembraDe. Nada de valor fora daqui. */

@font-face{font-family:'Figtree';src:url('/assets/fonts/figtree-latin.woff2') format('woff2');font-weight:300 900;font-display:swap}
@font-face{font-family:'Poppins';src:url('/assets/fonts/poppins-800-latin.woff2') format('woff2');font-weight:800;font-display:swap}

:root{
  --bg:#0B0E14; --surface:#131824; --ink:#EEF1F6; --muted:#9AA3B2; --line:#232B3A;
  --foot-bg:#07090D;
  --node:#2CC4D4;                      /* azul petróleo: só no nó da marca e no foco */
  --accent:#FFFFFF; --on-accent:#0B0E14;
  --accent-soft:color-mix(in srgb,var(--accent) 13%,transparent);

  --font-display:'Poppins',sans-serif; --font-text:'Figtree',sans-serif;
  --space-4:4px; --space-8:8px; --space-12:12px; --space-16:16px;
  --space-20:20px; --space-24:24px; --space-32:32px;
  --radius-sm:8px; --radius-md:12px; --radius-lg:16px; --radius-xl:20px; --radius-full:999px;
  --fs-12:12px; --fs-14:14px; --fs-16:16px; --fs-18:18px; --fs-22:22px; --fs-24:24px;
  --web-display-l:48px; --web-display-l-lh:52px;
  --web-display-m:32px; --web-display-m-lh:36px;
  --web-section:64px; --web-section-s:48px;
  --head-h:72px;
  color-scheme:dark;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--head-h)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-text);font-size:var(--fs-16);line-height:24px;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
h1,h2,h3,p{margin:0}
a{color:inherit}
:focus-visible{outline:2px solid var(--node);outline-offset:3px;border-radius:4px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.wrap{max-width:1040px;margin:0 auto;padding:0 var(--space-32)}
.eyebrow{font-weight:600;font-size:var(--fs-12);line-height:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
.h-display{font-family:var(--font-display);font-weight:800;font-size:var(--web-display-l);line-height:var(--web-display-l-lh);letter-spacing:-.02em}
.h-section{font-family:var(--font-display);font-weight:800;font-size:var(--web-display-m);line-height:var(--web-display-m-lh);letter-spacing:-.01em}
.h-card{font-weight:700;font-size:var(--fs-18);line-height:24px}
.lead{font-size:var(--fs-18);line-height:28px;color:var(--muted)}
.sec{padding:var(--web-section) 0}
.sec-head{display:flex;flex-direction:column;gap:var(--space-12);margin-bottom:var(--space-32);max-width:640px}

.btn{display:inline-flex;align-items:center;gap:var(--space-8);font-family:var(--font-text);font-weight:600;font-size:var(--fs-16);line-height:20px;padding:var(--space-12) var(--space-20);border-radius:var(--radius-md);border:1.5px solid transparent;text-decoration:none;cursor:pointer}
.btn.primary{background:var(--accent);color:var(--on-accent)}
.btn.ghost{border-color:var(--line);color:var(--ink);background:transparent}
.btn.ghost:hover{border-color:var(--muted)}
.btn svg{width:18px;height:18px;flex:none}

/* marca */
.nx-logo{display:inline-flex;align-items:center;gap:var(--space-8);text-decoration:none;color:var(--ink)}
.nx-mark{width:32px;height:32px;display:block;flex:none}
.nx-word{font-family:var(--font-display);font-weight:800;font-size:var(--fs-24);line-height:28px;letter-spacing:-.02em}

/* cabeçalho */
.nx-head{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nx-head .wrap{height:var(--head-h);display:flex;align-items:center;justify-content:space-between;gap:var(--space-24)}
.nx-nav{display:flex;align-items:center;gap:var(--space-24);font-size:var(--fs-14);font-weight:500}
.nx-nav a{text-decoration:none;color:var(--muted)}
.nx-nav a:hover{color:var(--ink)}
.nx-nav .btn{font-size:var(--fs-14);padding:var(--space-8) var(--space-16);color:var(--on-accent)}

/* topo */
.hero{text-align:center;background-image:radial-gradient(600px 320px at 50% 0,var(--accent-soft),transparent 70%),radial-gradient(var(--line) 1px,transparent 1px);background-size:auto,24px 24px}
.hero .wrap{padding-top:96px;padding-bottom:var(--web-section);display:flex;flex-direction:column;align-items:center;gap:var(--space-20)}
.hero .h-display{max-width:760px}
.hero .lead{max-width:620px}
.hero-ctas{display:flex;gap:var(--space-12);flex-wrap:wrap;justify-content:center;margin-top:var(--space-8)}
.stack-row{display:flex;gap:var(--space-8);flex-wrap:wrap;justify-content:center;margin:var(--space-16) 0 0;padding:0;list-style:none}
.stack-row li{font-size:var(--fs-12);font-weight:600;line-height:16px;padding:6px var(--space-12);border-radius:var(--radius-full);border:1px solid var(--line);color:var(--muted);background:var(--surface)}

/* serviços */
.svc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-20)}
.svc{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-24);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line)}
.svc .num,.step .n{font-family:var(--font-display);font-weight:800;font-size:var(--fs-14);color:var(--accent)}
.svc p{color:var(--muted)}

/* como funciona */
.how{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-20);margin:0;padding:0;list-style:none}
.step{display:flex;flex-direction:column;gap:var(--space-8);padding-top:var(--space-16);border-top:2px solid var(--line)}
.step:first-child{border-top-color:var(--accent)}
.step p{font-size:var(--fs-14);line-height:20px;color:var(--muted)}

/* produtos */
.prod{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-24);align-items:center;padding:var(--space-32);border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--line);box-shadow:0 0 0 1px var(--accent-soft),0 0 48px var(--accent-soft)}
.prod img{width:72px;height:72px;display:block;border-radius:16px}
.prod .t{display:flex;flex-direction:column;gap:var(--space-8)}
.prod .name{display:flex;align-items:center;gap:var(--space-12)}
.prod .pill{font-size:var(--fs-12);font-weight:600;line-height:16px;padding:2px var(--space-8);border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--line);color:var(--accent)}
.prod p{color:var(--muted)}

/* sobre */
.about{display:grid;grid-template-columns:240px 1fr;gap:48px;align-items:start}
.photo{position:relative;width:240px;height:240px}
.photo img{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);border-radius:50%;object-fit:cover;background:var(--surface)}
.photo .ring{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--accent);opacity:.6}
.photo .node{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--node);box-shadow:0 0 0 4px var(--bg);right:27px;top:27px}
.about .t{display:flex;flex-direction:column;gap:var(--space-16);max-width:620px}
.about .t p{color:var(--muted)}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-12);margin:var(--space-8) 0 0;padding:0;list-style:none}
.stats li{padding:var(--space-16);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);font-size:var(--fs-14);line-height:20px;color:var(--muted)}
.stats b{display:block;font-family:var(--font-display);font-weight:800;font-size:var(--fs-24);line-height:28px;color:var(--accent)}
.person{display:flex;align-items:center;gap:var(--space-12);margin-top:var(--space-8);padding-top:var(--space-16);border-top:1px solid var(--line)}
.person b{display:block;line-height:20px}
.person span{font-size:var(--fs-14);line-height:20px;color:var(--muted)}
.person a{margin-left:auto;font-size:var(--fs-14);font-weight:600;color:var(--accent);text-underline-offset:3px;white-space:nowrap}

/* contato */
.contact{border-radius:var(--radius-xl);padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-32);align-items:center;background:var(--surface);border:1px solid var(--line)}
.contact .t{display:flex;flex-direction:column;gap:var(--space-12)}
.c-list{display:flex;flex-direction:column;gap:var(--space-12);margin:0;padding:0;list-style:none}
.c-item{display:flex;align-items:center;gap:var(--space-12);padding:var(--space-16);border-radius:var(--radius-md);background:var(--bg);text-decoration:none;color:inherit}
a.c-item:hover{outline:1px solid var(--line)}
.c-item svg{width:20px;height:20px;flex:none;color:var(--accent)}
.c-item small{display:block;font-size:var(--fs-12);line-height:16px;color:var(--muted)}
.c-item b{font-weight:600}

/* rodapé */
.nx-foot{background:var(--foot-bg);color:var(--muted);font-size:var(--fs-14);line-height:20px;margin-top:var(--web-section)}
.nx-foot .wrap{padding-top:48px;padding-bottom:var(--space-32);display:flex;flex-direction:column;gap:var(--space-24)}
.nx-foot .row{display:flex;justify-content:space-between;gap:var(--space-24);flex-wrap:wrap}
.nx-foot .legal p{margin-top:var(--space-16)}
.nx-foot .legal b{color:var(--ink);font-weight:600;display:block}
.nx-foot .links{display:flex;flex-direction:column;gap:var(--space-8);text-align:right}
.nx-foot .links a{color:var(--ink);text-underline-offset:3px}
.nx-foot .base{border-top:1px solid var(--line);padding-top:var(--space-16);font-size:var(--fs-12);line-height:16px}
.nx-foot .nx-mark{--gap:var(--foot-bg)}

/* páginas de texto (privacidade, 404) */
.doc{max-width:720px;padding-top:48px}
.doc .h-section{margin:var(--space-8) 0 var(--space-12)}
.doc h2{font-weight:700;font-size:var(--fs-18);line-height:24px;margin:var(--space-32) 0 var(--space-8)}
.doc p,.doc li{color:var(--muted)}
.doc ul{padding-left:var(--space-20);margin:var(--space-8) 0 0;display:flex;flex-direction:column;gap:var(--space-4)}
.doc .back{font-size:var(--fs-14);font-weight:600;color:var(--accent);text-underline-offset:3px}

@media (max-width:700px){
  :root{--head-h:64px}
  .wrap{padding:0 var(--space-20)}
  .h-display{font-size:var(--web-display-m);line-height:var(--web-display-m-lh)}
  .h-section{font-size:var(--fs-24);line-height:28px}
  .lead{font-size:var(--fs-16);line-height:24px}
  .sec{padding:var(--web-section-s) 0}
  .nx-nav a:not(.btn){display:none}
  .hero .wrap{padding-top:56px;padding-bottom:var(--web-section-s)}
  .hero-ctas .btn{flex:1;justify-content:center}
  .svc-grid{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr 1fr}
  .prod{grid-template-columns:1fr;padding:var(--space-24)}
  .about{grid-template-columns:1fr;gap:var(--space-24)}
  .photo{width:180px;height:180px}
  .photo .node{right:19px;top:19px}
  .stats{grid-template-columns:1fr}
  .contact{grid-template-columns:1fr;padding:var(--space-24)}
  .nx-foot .links{text-align:left}
}