/* Account access belongs to the shared navigation surface. Its ink follows
   the same sampled light/dark palette as the other navigation actions. */
.site-header.hn-ready :is(.signin-entry,.nav-sales){
  display:inline-flex;
  flex:none;
  align-items:center;
  justify-content:center;
  min-width:60px;
  min-height:44px;
  padding:0 12px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:var(--hn-label,#383838);
  font:400 13px/1 var(--sans);
  letter-spacing:-.01em;
  text-decoration:none;
  white-space:nowrap;
  transition:background-color .26s ease,color .26s ease;
}
.site-header.hn-ready :is(.signin-entry,.nav-sales):is(:hover,:focus-visible){
  background:var(--hn-hover,rgba(0,0,0,.07));
  color:var(--hn-ink,#171717);
}
.site-header.hn-ready :is(.signin-entry,.nav-sales):active{background:var(--hn-pressed,rgba(0,0,0,.1))}
.site-header.hn-ready[data-nav-theme] :is(.signin-entry,.nav-sales):focus-visible{
  outline:2px solid var(--hn-focus,#737373);
  outline-offset:2px;
}
/* Enterprise pages add a quiet "Talk to sales" text action; it yields first when the bar runs out of room. */
@media(max-width:1250px){.site-header.hn-ready .nav-bar .nav-sales{display:none}}
/* "Start now" is the bar's one filled call to action in both themes. */
.site-header.hn-ready .signup-entry{
  display:inline-flex;
  flex:none;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:44px;
  padding:0 18px 0 20px;
  border-radius:999px;
  background:var(--hn-cta,#141414);
  color:var(--hn-cta-ink,#fff);
  box-shadow:0 3px 12px -6px #0003;
  font:500 13px/1 var(--sans);
  letter-spacing:-.01em;
  text-decoration:none;
  white-space:nowrap;
  transition:background-color .24s ease,box-shadow .24s ease;
}
.site-header.hn-ready .signup-entry>.arrow{width:16px;height:16px;stroke-width:1.3;transition:transform .25s var(--ease)}
.site-header.hn-ready .signup-entry:is(:hover,:focus-visible){background:var(--hn-cta-hover,#373737)}
.site-header.hn-ready .signup-entry:is(:hover,:focus-visible)>.arrow{transform:translateX(2px)}
.site-header.hn-ready .signup-entry:active{transform:scale(.97)}
.site-header.hn-ready[data-nav-theme] .signup-entry:focus-visible{outline:2px solid var(--hn-focus,#737373);outline-offset:2px}
.site-header.hn-ready .nav-links>a.nav-link[aria-current=page]{color:var(--hn-ink,#171717);font-weight:500}
@media(min-width:901px){
  .site-header.hn-ready .nav-shell{width:min(1180px,100%)}
  .site-header.hn-ready .nav-bar{gap:20px}
  .site-header.hn-ready .nav-actions{gap:8px}
}
@media(min-width:901px) and (max-width:1100px){
  .site-header.hn-ready .nav-bar{gap:10px;padding-inline:14px}
  .site-header.hn-ready .nav-actions{gap:4px}
  .site-header.hn-ready .signin-entry{font-size:12px;padding-inline:9px}
  .site-header.hn-ready .signup-entry{font-size:12px;padding-inline:12px}
  .site-header.hn-ready .nav-bar .nav-link{padding-inline:7px}
  .site-header.hn-ready .signup-entry>.arrow{display:none}
}
@media(min-width:1101px) and (max-width:1250px){
  .site-header.hn-ready .nav-actions{gap:6px}
  .site-header.hn-ready .signin-entry{padding-inline:9px}
  .site-header.hn-ready .signup-entry{padding-inline:15px}
  html:lang(es) .site-header.hn-ready .nav-bar .nav-link{padding-inline:8px}
}
/* Spanish labels are the longest; its narrowest desktop band tightens the bar so sign-in stays in it. */
@media(min-width:901px) and (max-width:1000px){
  html:lang(es) .site-header.hn-ready .nav-bar .nav-link{padding-inline:4px}
  html:lang(es) .site-header.hn-ready .nav-actions{gap:2px}
  html:lang(es) .site-header.hn-ready .language-toggle{min-width:0;padding-inline:7px}
  html:lang(es) .site-header.hn-ready .language-toggle .chevron{display:none}
  html:lang(es) .site-header.hn-ready .signin-entry{min-width:0;padding-inline:8px}
  html:lang(es) .site-header.hn-ready .signup-entry{padding-inline:11px}
}
@media(max-width:900px){
  .site-header.hn-ready .signin-entry{font-size:12px;padding-inline:10px}
  .site-header.hn-ready .signup-entry{min-height:44px;font-size:12px;padding-inline:14px}
  .site-header.hn-ready .signup-entry>.arrow{display:none}
}
@media(max-width:600px){
  .site-header.hn-ready .nav-actions{gap:4px}
  .site-header.hn-ready .signin-entry{min-width:52px;padding-inline:9px}
}
/* Phones keep one account action in the bar; sign-in moves to the menu footer. */
@media(max-width:600px){
  .site-header.hn-ready .nav-bar .signin-entry{display:none}
}
@media(max-width:360px){
  .site-header.hn-ready .nav-bar{gap:6px;padding-inline:14px 8px}
  .site-header.hn-ready .signin-entry{padding-inline:7px}
  .site-header.hn-ready .signup-entry{padding-inline:11px}
}
/* The smallest phones (320px): every bar item stays inside the bar. */
@media(max-width:340px){
  .site-header.hn-ready .nav-bar{gap:4px;padding-inline:12px 6px}
  .site-header.hn-ready .nav-actions{gap:2px}
  .site-header.hn-ready .brand{font-size:18px;gap:7px}
  .site-header.hn-ready .brand img{width:23px;height:26px}
  .site-header.hn-ready .signup-entry{padding-inline:10px}
}
/* Homepage phones: the primary hero action is full width with a 48px touch target. */
@media(max-width:600px){
  .cinema[data-hero=hexagon] .cinema-ctas{flex-direction:column;align-items:stretch;gap:10px;max-width:420px}
  .cinema[data-hero=hexagon] .cinema-ctas>.button{width:100%;min-height:48px;justify-content:center;gap:12px;font-size:15px;font-weight:500}
}
@media(prefers-reduced-motion:reduce){
  .site-header.hn-ready :is(.signin-entry,.signup-entry,.signup-entry>.arrow){transition:none}
  .site-header.hn-ready .signup-entry:active{transform:none}
}
/* The menu repeats sign-in on phones, where the bar has no room for it, aligned with the menu rows. */
.site-header.hn-ready .hn-mobile-footer>.hn-mobile-account{flex:none;white-space:nowrap;font-size:14px;padding-inline:10px 2px}
@media(min-width:601px){
  .site-header.hn-ready .hn-mobile-footer>.hn-mobile-account{display:none}
}