/* Final screen — layered partner and customer wall */
html body #tokennau-homepage-prototype .tn-home-ecosystem{
  position:relative;
  min-height:100svh;
  padding:126px 0 90px;
  overflow:hidden;
  color:#1d1922;
  background:
    radial-gradient(ellipse at 0% 35%,rgba(95,227,198,.16),transparent 32%),
    radial-gradient(ellipse at 100% 34%,rgba(157,119,244,.16),transparent 32%),
    linear-gradient(135deg,#f6fffc 0%,#fbfbff 48%,#f8f5ff 100%);
}
html body #tokennau-homepage-prototype .tn-home-ecosystem:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 12%,rgba(255,255,255,.7) 45%,transparent 76%);
}
html body #tokennau-homepage-prototype .tn-home-ecosystem>.tn-wrap{position:relative;z-index:1;max-width:1450px;padding-top:0;padding-bottom:0}
html body #tokennau-homepage-prototype .tn-ecosystem-heading{
  display:flex;
  flex-direction:column;
  align-items:center;
  max-width:920px;
  margin:0 auto 76px;
  text-align:center;
}
html body #tokennau-homepage-prototype .tn-ecosystem-heading>span{
  display:flex;
  align-items:center;
  gap:13px;
  margin-bottom:22px;
  color:#7040d8;
  font:760 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.18em;
}
html body #tokennau-homepage-prototype .tn-ecosystem-heading>span:before,
html body #tokennau-homepage-prototype .tn-ecosystem-heading>span:after{content:"";width:27px;height:1px;background:#b7a4df}
html body #tokennau-homepage-prototype .tn-ecosystem-heading h2{
  margin:0;
  color:#17141b;
  font-size:clamp(58px,5vw,78px);
  font-weight:750;
  line-height:1.06;
  letter-spacing:-.065em;
}
html body #tokennau-homepage-prototype .tn-ecosystem-heading p{margin:27px 0 0;color:#68616e;font-size:19px;line-height:1.72}

html body #tokennau-homepage-prototype .tn-partner-wall{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:16px;
  perspective:1200px;
}
html body #tokennau-homepage-prototype .tn-partner-cell{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-width:0;
  height:128px;
  overflow:hidden;
  border:1px solid rgba(102,83,129,.075);
  border-radius:19px;
  background:rgba(255,255,255,.54);
  box-shadow:0 12px 35px rgba(63,46,88,.035),inset 0 1px rgba(255,255,255,.92);
}
html body #tokennau-homepage-prototype .tn-partner-cell:nth-child(6n+2),
html body #tokennau-homepage-prototype .tn-partner-cell:nth-child(6n+5){transform:translateY(-13px)}
html body #tokennau-homepage-prototype .tn-partner-cell:nth-child(6n+1),
html body #tokennau-homepage-prototype .tn-partner-cell:nth-child(6n+4){transform:translateY(12px)}
html body #tokennau-homepage-prototype .tn-partner-cell--empty{background:rgba(255,255,255,.25);border-color:rgba(106,87,132,.045);box-shadow:none}
html body #tokennau-homepage-prototype .tn-partner-cell--soft{background:linear-gradient(145deg,rgba(225,248,244,.35),rgba(238,231,252,.3))}
html body #tokennau-homepage-prototype .tn-partner-cell--brand{
  gap:14px;
  padding:0 17px;
  color:#27222c;
  background:rgba(255,255,255,.9);
  box-shadow:0 18px 46px rgba(61,43,88,.07),inset 0 1px rgba(255,255,255,1);
  transition:transform .38s cubic-bezier(.2,.75,.2,1),box-shadow .38s ease;
}
html body #tokennau-homepage-prototype .tn-partner-cell--brand>span{
  display:grid;
  place-items:center;
  flex:0 0 42px;
  width:42px;
  height:42px;
  color:#252129;
}
html body #tokennau-homepage-prototype .tn-partner-cell--brand img{
  display:block;
  width:40px;
  height:40px;
  object-fit:contain;
}
html body #tokennau-homepage-prototype .tn-partner-cell--brand strong{
  min-width:0;
  color:#27222c;
  font-size:21px;
  font-weight:730;
  line-height:1;
  letter-spacing:-.035em;
  white-space:nowrap;
}
html body #tokennau-homepage-prototype .tn-partner-cell--openai img{width:37px;height:37px}
html body #tokennau-homepage-prototype .tn-partner-cell--anthropic img{width:39px;height:39px}
html body #tokennau-homepage-prototype .tn-partner-cell--google img{width:39px;height:39px}
html body #tokennau-homepage-prototype .tn-partner-cell--deepseek img{width:43px;height:43px}
html body #tokennau-homepage-prototype .tn-partner-cell--alibaba img{width:43px;height:43px}
html body #tokennau-homepage-prototype .tn-partner-cell--moonshot img{width:40px;height:40px}
html body #tokennau-homepage-prototype .tn-partner-cell--alibaba strong,
html body #tokennau-homepage-prototype .tn-partner-cell--moonshot strong{font-size:20px;letter-spacing:-.02em}

@media(hover:hover) and (pointer:fine){
  html body #tokennau-homepage-prototype .tn-partner-cell--brand:hover{z-index:3;transform:translateY(-5px) scale(1.015);box-shadow:0 24px 55px rgba(61,43,88,.11),inset 0 1px #fff}
}
html body #tokennau-homepage-prototype .tn-partner-wall-caption{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  margin-top:76px;
  padding:10px 2px 0;
  border-top:0;
}
html body #tokennau-homepage-prototype .tn-partner-wall-caption>span{color:#3a333f;font-size:24px;font-weight:700;letter-spacing:-.035em}
@media(max-width:1050px){
  html body #tokennau-homepage-prototype .tn-partner-wall{grid-template-columns:repeat(4,1fr)}
  html body #tokennau-homepage-prototype .tn-partner-cell:nth-child(n){transform:none}
}
@media(max-width:720px){
  html body #tokennau-homepage-prototype .tn-home-ecosystem{padding-top:100px}
  html body #tokennau-homepage-prototype .tn-ecosystem-heading{margin-bottom:58px}
  html body #tokennau-homepage-prototype .tn-ecosystem-heading h2{font-size:50px}
  html body #tokennau-homepage-prototype .tn-partner-wall{grid-template-columns:repeat(3,1fr);gap:10px}
  html body #tokennau-homepage-prototype .tn-partner-cell{height:108px;border-radius:15px}
  html body #tokennau-homepage-prototype .tn-partner-cell--brand{flex-direction:column;gap:5px}
  html body #tokennau-homepage-prototype .tn-partner-cell--brand strong{font-size:18px}
  html body #tokennau-homepage-prototype .tn-partner-cell--brand>span{width:34px;height:34px}
  html body #tokennau-homepage-prototype .tn-partner-cell--brand svg{width:31px;height:31px}
}
@media(max-width:520px){
  html body #tokennau-homepage-prototype .tn-home-ecosystem{padding:84px 0 74px}
  html body #tokennau-homepage-prototype .tn-ecosystem-heading{margin-bottom:48px}
  html body #tokennau-homepage-prototype .tn-ecosystem-heading>span{font-size:9px}
  html body #tokennau-homepage-prototype .tn-ecosystem-heading h2{font-size:42px}
  html body #tokennau-homepage-prototype .tn-ecosystem-heading p{font-size:16px}
  html body #tokennau-homepage-prototype .tn-partner-wall{grid-template-columns:repeat(2,1fr)}
  html body #tokennau-homepage-prototype .tn-partner-wall-caption{align-items:flex-start;flex-direction:column;margin-top:52px}
  html body #tokennau-homepage-prototype .tn-partner-wall-caption>span{font-size:21px}
}
@media(prefers-reduced-motion:reduce){html body #tokennau-homepage-prototype .tn-partner-cell--brand{transition:none!important}}