/* NAMING HUB® 0.6.2 — QA visual, lectura prolongada, responsive ecosystem, bilingual surface */
:root{
  --nh62-navy:#061b2f;
  --nh62-ink:#10283c;
  --nh62-muted:#4f687b;
  --nh62-cyan:#078fa5;
  --nh62-ice:#edf5f7;
  --nh62-line:#bfd0d8;
  --nh62-paper:#ffffff;
  --nh62-pad:clamp(24px,4.5vw,92px);
  --nh62-reading:72ch;
  --nh62-wide:1920px;
}
html{scroll-padding-top:88px}
body.nh-public{
  font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:16px;
  line-height:1.65;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  color:var(--nh62-ink)
}
.nh-public p,.nh-public li,.nh-public label,.nh-public input,.nh-public textarea,.nh-public button{font-size:clamp(15px,.88vw,17px)}
.nh-public p{line-height:1.72}
.nh-public .nh-kicker{font-size:10px;line-height:1.3;letter-spacing:.2em}
.nh-public-header{
  height:84px;
  grid-template-columns:minmax(240px,1fr) auto minmax(290px,1fr);
  padding:0 var(--nh62-pad)
}
.nh-public-header .nh-brand strong{font-size:24px}
.nh-public-header .nh-brand span{font-size:10px;letter-spacing:.14em}
.nh-public-nav{gap:clamp(18px,2vw,38px)}
.nh-public-nav a{font-size:11px;letter-spacing:.075em}
.nh-public-actions{gap:10px}
.nh-language-toggle{
  min-height:40px;
  padding:0 12px;
  border:1px solid #b9cbd4;
  background:#fff;
  color:var(--nh62-navy);
  font-weight:800;
  font-size:11px!important;
  letter-spacing:.08em;
  cursor:pointer
}
.nh-language-toggle [data-lang-option]{opacity:.45}
.nh-language-toggle [data-lang-option].is-active{opacity:1;color:var(--nh62-cyan)}
.nh-language-toggle i{font-style:normal;opacity:.35;margin:0 4px}

/* Hero — prevent clipping and turn the right side into a self-contained responsive system */
.nh-hero{
  min-height:760px;
  grid-template-columns:minmax(560px,.92fr) minmax(720px,1.08fr);
  overflow:visible
}
.nh-hero-copy{
  min-height:760px;
  padding:clamp(76px,8vh,118px) clamp(44px,5vw,100px) 54px var(--nh62-pad);
  justify-content:center
}
.nh-hero h1{
  font-size:clamp(54px,4.8vw,88px);
  line-height:1.01;
  letter-spacing:-.045em;
  max-width:960px;
  margin-bottom:32px;
  text-wrap:balance
}
.nh-hero .nh-lead{
  max-width:var(--nh62-reading);
  font-size:clamp(18px,1.08vw,21px);
  line-height:1.7;
  color:#334f63
}
.nh-hero .nh-hero-actions{margin-top:34px}
.nh-hero .nh-trust-line{margin-top:34px}
.nh-hero .nh-built{margin-top:auto}
.nh-node-hero{min-height:760px;overflow:hidden}
.nh-node-hero .nh-asset-card{
  width:clamp(330px,28vw,440px);
  right:clamp(20px,4vw,72px);
  top:auto;
  bottom:26px;
  transform:none;
  max-height:46%;
  overflow:auto;
  scrollbar-width:thin
}
.nh-node-hero .nh-asset-card header{gap:16px}
.nh-node-hero .nh-asset-card header small{text-align:right}
.nh-node-hero .nh-card-grid>div{min-height:94px}
.nh-network-core{top:42%}
.nh-node-hint{bottom:20px;left:4%;max-width:300px}

/* Proof system: full width, readable and balanced */
.nh-proof-stage{
  grid-template-columns:minmax(480px,.82fr) minmax(640px,1.18fr);
  min-height:640px
}
.nh-proof-copy{padding:86px var(--nh62-pad)}
.nh-proof-copy h2{
  font-size:clamp(46px,3.8vw,72px);
  line-height:1.02;
  max-width:920px;
  text-wrap:balance
}
.nh-proof-copy>p:last-child{
  font-size:clamp(16px,.95vw,18px);
  line-height:1.8;
  max-width:var(--nh62-reading)
}
.nh-proof-diagram{min-height:640px}
.nh-proof-origin{width:210px}
.nh-proof-origin strong{font-size:15px}
.nh-proof-name{width:220px;height:220px}
.nh-proof-outcomes{width:300px}
.nh-proof-outcomes div{min-height:116px}

/* Statement uses available horizontal space */
.nh-statement{
  min-height:420px;
  padding:78px var(--nh62-pad);
  grid-template-columns:minmax(560px,1.15fr) minmax(420px,.85fr)
}
.nh-statement h2{font-size:clamp(46px,4vw,76px);line-height:1.02}
.nh-statement p{font-size:clamp(16px,.95vw,18px);line-height:1.8;max-width:var(--nh62-reading)}

/* Section intros stop leaving a dead right half */
.nh-flow,.nh-system,.nh-editorial,.nh-icon-atlas,.nh-sequence{padding-left:var(--nh62-pad);padding-right:var(--nh62-pad)}
.nh-flow .nh-section-head,.nh-system .nh-section-head,.nh-icon-atlas .nh-section-head{
  display:grid;
  grid-template-columns:minmax(480px,.9fr) minmax(440px,1.1fr);
  column-gap:clamp(60px,8vw,160px);
  align-items:end;
  max-width:none;
  width:100%;
  margin:0 0 52px
}
.nh-flow .nh-section-head .nh-kicker,.nh-system .nh-section-head .nh-kicker,.nh-icon-atlas .nh-section-head .nh-kicker{grid-column:1/3}
.nh-flow .nh-section-head h2,.nh-system .nh-section-head h2,.nh-icon-atlas .nh-section-head h2{
  margin:0;
  font-size:clamp(42px,3.4vw,66px);
  line-height:1.04;
  max-width:980px
}
.nh-flow .nh-section-head>p:last-child,.nh-system .nh-section-head>p:last-child,.nh-icon-atlas .nh-section-head>p:last-child{
  margin:0 0 8px;
  font-size:clamp(16px,.92vw,18px);
  line-height:1.78;
  max-width:var(--nh62-reading)
}
.nh-flow{padding-top:88px;padding-bottom:96px}
.nh-flow-track{max-width:none;width:100%;grid-template-columns:repeat(8,minmax(0,1fr))}
.nh-flow-step{min-height:220px;padding:28px 18px 22px}
.nh-flow-step strong{font-size:14px}
.nh-flow-step span{font-size:12px;line-height:1.55;max-width:170px}

/* Services: larger text, less visual strain */
.nh-system{padding-top:92px;padding-bottom:100px}
.nh-feature-grid{max-width:none;width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}
.nh-feature-grid article{min-height:300px;padding:34px}
.nh-feature-grid h3{font-size:21px;line-height:1.25}
.nh-feature-grid p{font-size:15px;line-height:1.7;max-width:42ch;min-height:110px;color:var(--nh62-muted)}
.nh-feature-grid a{font-size:12px}
.nh-feature-grid article:hover{background:#f2f8fa}

/* Editorial */
.nh-editorial{padding-top:96px;padding-bottom:96px}
.nh-editorial-grid{max-width:none;width:100%;grid-template-columns:minmax(480px,.82fr) minmax(620px,1.18fr)}
.nh-editorial-copy h2{font-size:clamp(44px,3.8vw,70px);line-height:1.02}
.nh-editorial-copy p{font-size:clamp(16px,.9vw,18px);line-height:1.8;max-width:var(--nh62-reading)}
.nh-perspective-grid article{min-height:210px;padding:32px}
.nh-perspective-grid h3{font-size:20px}
.nh-perspective-grid p{font-size:14px;line-height:1.7}

/* Sequence — motion with more breathing room */
.nh-sequence{padding-top:94px;padding-bottom:104px}
.nh-sequence-intro{margin-bottom:58px}
.nh-sequence-intro h2{font-size:clamp(48px,4vw,74px);line-height:1.02}
.nh-sequence-intro>p:last-child{font-size:clamp(16px,.95vw,18px);line-height:1.8}
.nh-sequence-track article{min-height:280px;padding:30px 24px}
.nh-sequence-track strong{font-size:16px}
.nh-sequence-track p{font-size:13px;line-height:1.7}
.nh-sequence-track article.is-active{transform:translateY(-4px)}

/* Asset atlas */
.nh-icon-atlas{padding-top:92px;padding-bottom:100px}
.nh-atlas-grid{max-width:none;width:100%;grid-template-columns:repeat(4,minmax(0,1fr))}
.nh-atlas-grid>div{min-height:150px;padding:26px}
.nh-atlas-grid strong{font-size:16px}
.nh-atlas-grid span{font-size:13px;line-height:1.55;color:var(--nh62-muted)}

/* CTA */
.nh-certainty{min-height:400px;padding:82px var(--nh62-pad);grid-template-columns:minmax(500px,1fr) minmax(420px,.8fr)}
.nh-certainty h2{font-size:clamp(44px,3.8vw,68px);line-height:1.02}
.nh-certainty p{font-size:clamp(16px,.95vw,18px);line-height:1.8}

/* Focus, contrast, long-session comfort */
.nh-public a:focus-visible,.nh-public button:focus-visible,.nh-public input:focus-visible,.nh-public textarea:focus-visible{
  outline:3px solid #087f92;
  outline-offset:3px
}
.nh-public .nh-text-link,.nh-public .nh-feature-grid a{color:#066f83}
.nh-public .nh-kicker{color:#08778b}
.nh-node-hint,.nh-proof-rail span{color:#4e6a7c}

/* Responsive ecosystem and typography */
@media(max-width:1440px){
  .nh-hero{grid-template-columns:minmax(500px,.92fr) minmax(600px,1.08fr)}
  .nh-node-hero .nh-asset-card{width:360px;right:24px}
  .nh-proof-outcomes{width:250px;right:3%}
  .nh-flow-step span{font-size:11px}
}
@media(max-width:1180px){
  .nh-public-header{grid-template-columns:1fr auto}
  .nh-public-nav{display:none}
  .nh-hero{grid-template-columns:1fr;min-height:auto}
  .nh-hero-copy{min-height:auto;padding-top:70px;padding-bottom:70px}
  .nh-node-hero{min-height:760px}
  .nh-node-hero .nh-asset-card{width:min(440px,44vw);right:24px;bottom:24px;max-height:48%}
  .nh-proof-stage{grid-template-columns:1fr}
  .nh-proof-copy{border-right:0;border-bottom:1px solid var(--nh62-line)}
  .nh-flow .nh-section-head,.nh-system .nh-section-head,.nh-icon-atlas .nh-section-head{grid-template-columns:1fr;row-gap:24px}
  .nh-flow .nh-section-head .nh-kicker,.nh-system .nh-section-head .nh-kicker,.nh-icon-atlas .nh-section-head .nh-kicker{grid-column:auto}
  .nh-flow-track{grid-template-columns:repeat(4,1fr)}
  .nh-feature-grid{grid-template-columns:repeat(2,1fr)}
  .nh-editorial-grid{grid-template-columns:1fr}
  .nh-sequence-track{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:820px){
  :root{--nh62-pad:22px}
  body.nh-public{font-size:16px}
  .nh-public-header{height:74px;padding:0 18px}
  .nh-language-toggle{min-height:38px;padding:0 9px}
  .nh-public-actions>a:not(.nh-button-dark){display:none}
  .nh-hero-copy{padding:58px 22px}
  .nh-hero h1{font-size:clamp(44px,11vw,60px);line-height:1.02}
  .nh-hero .nh-lead{font-size:17px}
  .nh-node-hero{min-height:720px}
  .nh-node-hero .nh-asset-card{
    width:calc(100% - 36px);
    max-height:none;
    left:18px;right:18px;bottom:18px
  }
  .nh-node-hero .nh-card-grid{grid-template-columns:repeat(2,1fr)}
  .nh-network-core{top:29%}
  .nh-semantic-node{transform:scale(.92)}
  .nh-proof-rail{grid-template-columns:repeat(3,1fr)}
  .nh-proof-diagram{min-height:620px}
  .nh-proof-origin{left:5%;top:8%}
  .nh-proof-name{top:27%}
  .nh-proof-outcomes{bottom:34px}
  .nh-statement{grid-template-columns:1fr;padding:62px 22px}
  .nh-flow-track{grid-template-columns:1fr 1fr}
  .nh-feature-grid{grid-template-columns:1fr}
  .nh-feature-grid article{min-height:0}
  .nh-feature-grid p{min-height:0}
  .nh-perspective-grid{grid-template-columns:1fr}
  .nh-sequence-intro{grid-template-columns:1fr}
  .nh-sequence-intro h2,.nh-sequence-intro>p:last-child{grid-column:auto;grid-row:auto}
  .nh-sequence-track{grid-template-columns:1fr 1fr}
  .nh-atlas-grid{grid-template-columns:1fr 1fr}
  .nh-certainty{grid-template-columns:1fr;padding:62px 22px}
}
@media(max-width:560px){
  .nh-public-header .nh-brand span{font-size:8px}
  .nh-language-toggle{order:-1}
  .nh-public-actions{gap:6px}
  .nh-public-actions .nh-button-dark{padding:0 12px;font-size:11px}
  .nh-hero h1{font-size:42px}
  .nh-node-hero{min-height:780px}
  .nh-node-hero .nh-card-grid{grid-template-columns:1fr 1fr}
  .nh-node-hero .nh-card-grid>div{min-height:86px;padding:10px}
  .nh-node-hero .nh-asset-title div strong{font-size:16px}
  .nh-proof-rail{grid-template-columns:1fr 1fr}
  .nh-proof-copy h2{font-size:40px}
  .nh-flow-track,.nh-sequence-track,.nh-atlas-grid{grid-template-columns:1fr}
  .nh-flow-step{min-height:150px}
}
@media(prefers-reduced-motion:reduce){
  .nh-sequence-track article.is-active{transform:none}
}