/* ==========================================================================
   NewCorp.ai — home.css
   Diagramações distintas por seção da home (moderno e equilibrado).
   Tipografia herda de .ns-title / .ns-index (components.css); aqui só
   varia o arranjo e elementos estruturais de cada seção.
   ========================================================================== */

/* ─── CONTEXTO — editorial de contraste ─── */
.hc-context{background:var(--cream);}
.hc-ctx-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:64px;align-items:end;}
@media(max-width:880px){.hc-ctx-grid{grid-template-columns:1fr;gap:32px;align-items:start;}}
.hc-ctx-q .eyebrow{margin-bottom:24px;}
.hc-ctx-title{font-family:'Archivo Black',sans-serif;font-size:clamp(34px,5.2vw,68px);line-height:.98;letter-spacing:-.03em;max-width:14ch;}
.hc-ctx-answer{font-family:'Instrument Serif',serif;font-style:italic;font-size:clamp(28px,4vw,52px);line-height:1.05;letter-spacing:-.01em;color:var(--graphite);margin-top:14px;}
.hc-ctx-body{padding-bottom:10px;}
.hc-ctx-body p{font-size:17px;line-height:1.7;color:var(--graphite);}
.hc-ctx-body .ns-go{margin-top:22px;}

/* ─── O SISTEMA — texto + pilha de chips com profundidade ─── */
.hc-sys-grid{display:grid;grid-template-columns:1fr .85fr;gap:72px;align-items:center;}
@media(max-width:880px){.hc-sys-grid{grid-template-columns:1fr;gap:40px;}}
.hc-sys-text .ns-index{display:block;margin-bottom:16px;}
.hc-sys-text .ns-title{margin-bottom:18px;}
.hc-sys-text p{font-size:16px;line-height:1.7;margin-bottom:22px;max-width:46ch;}
.hc-sys-stack{display:flex;flex-direction:column;gap:12px;}
.hc-chip{
  display:flex;align-items:center;gap:16px;
  background:rgba(255,255,255,.04);border:1px solid #2a2622;border-radius:var(--r-md);
  padding:18px 22px;font-family:'Archivo',sans-serif;font-weight:500;font-size:16px;color:var(--cream);
  transition:transform .25s var(--ease),background .25s var(--ease);
}
.hc-chip span{font-family:'JetBrains Mono',monospace;font-size:13px;color:#6f685f;}
/* profundidade: cada chip levemente deslocado, e alinha no hover do grupo */
.hc-sys-stack:hover .hc-chip{transform:translateX(0)!important;}
.hc-chip:nth-child(1){transform:translateX(0);}
.hc-chip:nth-child(2){transform:translateX(18px);}
.hc-chip:nth-child(3){transform:translateX(36px);}
.hc-chip:nth-child(4){transform:translateX(18px);}
.hc-chip:nth-child(5){transform:translateX(0);}
@media(max-width:880px){.hc-chip{transform:none!important;}}

/* ─── MÉTODO — linha do tempo vertical numerada ─── */
.hc-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
@media(max-width:880px){.hc-method-grid{grid-template-columns:1fr;gap:40px;}}
.hc-method-text .ns-index{display:block;margin-bottom:16px;}
.hc-method-text .ns-title{margin-bottom:18px;}
.hc-method-text p{font-size:16px;line-height:1.7;margin-bottom:22px;max-width:46ch;}
.hc-timeline{list-style:none;position:relative;padding-left:0;}
.hc-timeline::before{content:'';position:absolute;left:23px;top:8px;bottom:8px;width:1px;background:var(--border);}
.hc-timeline li{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:18px;padding:16px 0;position:relative;}
.hc-timeline .t-num{
  width:48px;height:48px;border-radius:50%;border:1px solid var(--border);background:var(--cream);
  display:flex;align-items:center;justify-content:center;
  font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--ink);z-index:1;
  transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease);
}
.hc-timeline li:hover .t-num{background:var(--ink);color:var(--cream);border-color:var(--ink);}
.hc-timeline .t-name{font-family:'Archivo Black',sans-serif;font-size:18px;letter-spacing:-.02em;}
.hc-timeline .t-day{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--gray);}

/* ─── OFERTAS — split assimétrico com numerais romanos ─── */
.hc-offers-head{margin-bottom:40px;}
.hc-offers-head .ns-index{display:block;margin-bottom:16px;}
.hc-offers-split{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
@media(max-width:780px){.hc-offers-split{grid-template-columns:1fr;}}
.hc-offer{
  display:block;
  background:var(--white);border:1px solid var(--border);border-radius:var(--r-lg);padding:36px;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease);
}
.hc-offer:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(20,16,12,.07);border-color:var(--gray);}
.hc-offer-k{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.06em;color:var(--gray);}
.hc-offer-c h3{font-family:'Archivo Black',sans-serif;font-size:21px;line-height:1.08;letter-spacing:-.02em;margin:8px 0 10px;}
.hc-offer-c p{font-size:14.5px;line-height:1.6;color:var(--graphite);}

/* ─── SOBRE — números grandes ─── */
.hc-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
@media(max-width:880px){.hc-about-grid{grid-template-columns:1fr;gap:40px;}}
.hc-about-text .ns-index{display:block;margin-bottom:16px;}
.hc-about-text .ns-title{margin-bottom:18px;}
.hc-about-text p{font-size:16px;line-height:1.7;margin-bottom:22px;max-width:46ch;}
.hc-about-stats{display:grid;gap:0;}
.hc-stat{display:grid;grid-template-columns:minmax(140px,auto) 1fr;gap:28px;align-items:baseline;padding:24px 0;border-top:1px solid var(--border);}
.hc-stat:last-child{border-bottom:1px solid var(--border);}
.hc-stat-n{font-family:'Archivo Black',sans-serif;font-size:clamp(40px,4.4vw,60px);line-height:.9;letter-spacing:-.04em;}
.hc-stat-l{font-size:15px;line-height:1.45;color:var(--graphite);}