/* Consumer waitlist credit emphasis. This file intentionally scopes to the public consumer route. */
body[data-audience="consumer"] .hero-credit{
  position:relative;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  column-gap:16px;
  width:min(100%,420px);
  margin-top:27px;
  padding:16px 0 15px;
  border-block:1px solid var(--stroke);
}
body[data-audience="consumer"] .hero-credit p{
  display:contents;
  margin:0;
}
body[data-audience="consumer"] .hero-credit strong{
  grid-row:span 2;
  align-self:center;
  font-size:clamp(38px,4.1vw,54px);
  font-weight:400;
  line-height:.9;
  letter-spacing:-.075em;
  color:var(--text);
  white-space:nowrap;
}
body[data-audience="consumer"] .hero-credit p span{
  align-self:end;
  color:var(--text);
  font-size:15px;
  line-height:1.25;
  letter-spacing:-.02em;
}
body[data-audience="consumer"] .hero-credit small{
  align-self:start;
  margin-top:5px;
  color:var(--subtle);
  font-size:12px;
  line-height:1.45;
}
body[data-audience="consumer"] .hero-credit a{
  grid-column:2;
  display:inline-flex;
  align-items:center;
  min-width:44px;
  min-height:44px;
  width:max-content;
  margin-top:8px;
  color:var(--secondary);
  font-size:12px;
  line-height:1.35;
  text-decoration:underline;
  text-underline-offset:4px;
}
body[data-audience="consumer"] .launch-copy > .hero-credit + .button{
  margin-top:20px;
}
body[data-audience="consumer"] .hero-credit a:hover{
  color:var(--text);
}
@media (max-width:700px){
  body[data-audience="consumer"] .hero-credit{
    width:min(100%,340px);
    column-gap:13px;
    margin-top:23px;
    padding-block:14px;
  }
  body[data-audience="consumer"] .hero-credit strong{
    font-size:42px;
  }
  body[data-audience="consumer"] .hero-credit p span{
    font-size:14px;
  }
  body[data-audience="consumer"] .hero-credit small{
    font-size:12px;
    line-height:1.4;
  }
  body[data-audience="consumer"] .hero-credit a{
    margin-top:7px;
    font-size:12px;
  }
  body[data-audience="consumer"] .launch-copy > .hero-credit + .button{
    margin-top:18px;
  }
}
@media (max-width:370px){
  body[data-audience="consumer"] .hero-credit strong{
    font-size:38px;
  }
}

/* The longer consumer hook keeps the offer within reach on a phone. */
body[data-audience="consumer"] .launch-copy .perception-headline{
  max-width:16ch;
  font-size:clamp(48px,5.1vw,76px);
  line-height:1.06;
  letter-spacing:-.06em;
  text-wrap:balance;
  margin-bottom:24px;
}
body[data-audience="consumer"] .hero-founder{
  margin-top:14px;
  color:var(--subtle);
  font-size:13px;
  line-height:1.5;
}
body[data-audience="consumer"] .hero-founder a{
  color:inherit;
  text-decoration:underline;
  text-underline-offset:3px;
}
body[data-audience="consumer"] .hero-founder a:hover,
body[data-audience="consumer"] .hero-founder a:focus-visible{
  color:var(--text);
}
body[data-audience="consumer"] .dialog-founder{
  margin:12px 0 0;
  color:#655d50;
  font-size:13px;
  line-height:1.5;
}
body[data-audience="consumer"] .dialog-founder + .dialog-intro{
  margin-top:12px;
}
body[data-audience="consumer"] .dialog-founder a{
  color:inherit;
  text-decoration:underline;
  text-underline-offset:3px;
}
body[data-audience="consumer"] .dialog-founder a:hover,
body[data-audience="consumer"] .dialog-founder a:focus-visible{
  color:#21201d;
}
@media(max-width:700px){
  body[data-audience="consumer"] .launch-hero{padding-top:28px}
  body[data-audience="consumer"] .launch-copy .perception-headline{
    max-width:100%;
    font-size:clamp(36px,10.5vw,58px);
    margin-bottom:20px;
  }
  body[data-audience="consumer"] .hero-founder{margin-top:10px}
  body[data-audience="consumer"] .hero-credit{margin-top:18px}
}

/* Phone hierarchy: one offer line, readable terms, then one primary action. */
@media(max-width:700px){
  body[data-audience="consumer"] .hero-credit{
    display:block;
    width:100%;
    padding:18px 0 0;
    border-bottom:0;
  }
  body[data-audience="consumer"] .hero-credit p{
    display:flex;
    align-items:center;
    gap:12px;
  }
  body[data-audience="consumer"] .hero-credit strong{
    font-size:32px;
    line-height:1.1;
    letter-spacing:-.055em;
  }
  body[data-audience="consumer"] .hero-credit p span{
    align-self:center;
    font-size:14px;
    line-height:1.4;
  }
  body[data-audience="consumer"] .hero-credit small{
    display:block;
    margin-top:10px;
    max-width:42ch;
    line-height:1.5;
  }
  body[data-audience="consumer"] .hero-credit a{margin-top:0}
  body[data-audience="consumer"] .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    width:100%;
    margin-top:8px;
  }
  body[data-audience="consumer"] .hero-actions .button{
    width:100%;
    justify-content:space-between;
    margin-top:0;
  }
  body[data-audience="consumer"] .hero-actions .film-discovery{
    justify-self:center;
    border-bottom:0;
  }
}