@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Display:wdth,wght@87.5,500;87.5,600&display=swap");

:root{
  --noto:"Noto Sans Display",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.hero-copy p,
.brain-card p{
  font-family:var(--noto);
}

.copy-line{
  margin-top:26px;
  font-size:9px;
  letter-spacing:1.08px;
}

/* V13 CTA sizing — preserve the approved mockup exactly. */
.hero-actions{
  margin-top:28px;
}

.primary-cta,
.secondary-cta{
  min-height:53px;
  font-size:9px;
  letter-spacing:.85px;
}

.primary-cta{
  width:auto;
  padding-inline:21px;
  white-space:nowrap;
}

.cta-arrow{
  width:16px;
  height:16px;
  display:block;
  flex:0 0 auto;
  fill:none;
  stroke:currentColor;
  stroke-width:2.25;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.secondary-cta{
  width:53px;
  min-height:53px;
  padding:0;
  position:relative;
  overflow:hidden;
  appearance:none;
  cursor:default;
}

.secondary-cta:disabled{
  opacity:1;
}

.secondary-cta:not(:disabled):hover{
  transform:translateY(-2px);
  border-color:rgba(235,236,238,.28);
  background:rgba(235,236,238,.06);
}

.retro-arrow{
  width:17px;
  height:17px;
  display:block;
  color:var(--paper);
}

.retro-arrow svg{
  width:100%;
  height:100%;
  display:block;
  overflow:visible;
  shape-rendering:crispEdges;
}

.private-note{
  font-size:8px;
  letter-spacing:.82px;
}

.brain-card{
  width:min(332px,21.5vw);
}

.brain-card h2{
  font-size:clamp(18px,1.26vw,23px);
  line-height:1.1;
}

.brain-card p{
  font-size:clamp(11.5px,.82vw,14px);
}

.brain-list{
  gap:9px;
  margin-top:17px;
}

.brain-list span{
  font-size:8.5px;
  line-height:1.36;
  letter-spacing:.42px;
}

@media(max-width:1270px){
  .brain-card{width:276px}
}

@media(max-width:980px){
  .hero-copy p{font-size:17px}
  .brain-card{width:calc(100% - 40px)}
}

@media(max-width:560px){
  .hero-copy p{font-size:15.5px}
  .hero-actions{
    display:flex;
    grid-template-columns:none;
    align-items:center;
    gap:10px;
  }
  .primary-cta{
    width:auto;
    flex:0 0 auto;
  }
  .secondary-cta{
    flex:0 0 53px;
  }
}