@font-face{font-family:"Schibsted Grotesk";src:url(schibsted-grotesk.woff2) format("woff2");font-weight:400 900;font-display:swap}

:root{
  --capa:#1a37c9;--capa-ink:#fff;--capa-ink-2:#dfe5ff;
  --bg:#fff;--ink:#10131f;--ink-2:#4c5266;--line:#dfe2ea;--link:#1a37c9;--selecao:#d5dcff;
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
  :root{--capa:#16297f;--capa-ink-2:#d3daff;--bg:#0c0f1a;--ink:#f1f3f9;--ink-2:#a9afc2;--line:#262b3d;--link:#a9b8ff;--selecao:#2c3f9c}
}

*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%;scrollbar-color:var(--line) var(--bg);accent-color:var(--link)}
body{background:var(--bg);color:var(--ink);font:400 1.0625rem/1.55 "Schibsted Grotesk",system-ui,sans-serif;-webkit-font-smoothing:antialiased;caret-color:var(--link)}
::selection{background:var(--selecao)}
a{color:var(--link);text-underline-offset:.2em}
:focus-visible{outline:2px solid var(--link);outline-offset:3px;border-radius:4px}
.num{white-space:nowrap}

.capa{background:var(--capa);color:var(--capa-ink)}
.capa ::selection{background:#fff;color:var(--capa)}
.capa-in{max-width:76rem;margin:auto;padding:clamp(1.75rem,4vw,3rem) clamp(1.25rem,5vw,4rem) clamp(3rem,8vw,6.5rem);min-height:min(74vh,44rem);display:flex;flex-direction:column}
.logo{display:block;width:6.25rem;aspect-ratio:473/246;background:currentColor;-webkit-mask:url(nexo-hub.png) left center/contain no-repeat;mask:url(nexo-hub.png) left center/contain no-repeat}
.capa h1{margin-top:auto;padding-top:4rem;font-size:clamp(3rem,10.2vw,6rem);line-height:.98;font-weight:700;letter-spacing:-.035em;text-wrap:balance;max-width:11em}
.capa p{margin-top:1.5rem;max-width:34rem;font-size:clamp(1.0625rem,1.6vw,1.25rem);line-height:1.45;color:var(--capa-ink-2);text-wrap:pretty}

main{max-width:76rem;margin:auto;padding:0 clamp(1.25rem,5vw,4rem)}
.bloco{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:1rem 3rem;padding:clamp(2.5rem,6vw,4.5rem) 0;border-bottom:1px solid var(--line)}
.bloco:last-child{border-bottom:0}
.bloco h2{font-size:1.5rem;line-height:1.2;font-weight:650;letter-spacing:-.015em}

.produto{display:grid;gap:.875rem;justify-items:start;color:inherit;text-decoration:none;max-width:38rem}
.produto img{display:block;height:2.25rem;width:auto}
.produto-txt{color:var(--ink-2);text-wrap:pretty}
.produto-ir{display:inline-flex;align-items:center;gap:.4rem;color:var(--link);font-weight:600;text-decoration:underline;text-underline-offset:.2em;text-decoration-color:transparent;transition:text-decoration-color .2s}
.produto-ir svg{transition:transform .25s cubic-bezier(.16,1,.3,1)}
.produto:hover .produto-ir{text-decoration-color:currentColor}
.produto:hover .produto-ir svg{transform:translateX(3px)}

.registro>div{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:.125rem 1.5rem;padding:.875rem 0;border-top:1px solid var(--line)}
.registro>div:first-child{border-top:0;padding-top:0}
.registro>div:last-child{padding-bottom:0}
dt{color:var(--ink-2)}
dd{margin:0;font-weight:500;overflow-wrap:anywhere}

.pe{max-width:76rem;margin:auto;padding:1.5rem clamp(1.25rem,5vw,4rem) 2.5rem;display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;justify-content:space-between;color:var(--ink-2);font-size:.9375rem;border-top:1px solid var(--line)}

@media (max-width:760px){
  .bloco{grid-template-columns:1fr}
  .capa-in{min-height:min(68vh,36rem)}
}
@media (max-width:440px){
  .registro>div{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:no-preference){
  .logo{animation:abre .9s cubic-bezier(.16,1,.3,1) both}
  @keyframes abre{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
}